Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
f772edff by 任超
Options

style:样式修改

1 parent 5006ba07
Inline Side-by-side
Showing 6 changed files with 43 additions and 29 deletions
...@@ -255,7 +255,7 @@ export default { ...@@ -255,7 +255,7 @@ export default {
255 /deep/.el-form { 255 /deep/.el-form {
256 display: flex; 256 display: flex;
257 flex-direction: column; 257 flex-direction: column;
258 height: calc(100vh - 150px); 258 height: calc(100vh - 130px);
259 background-color: aqua; 259 background-color: aqua;
260 } 260 }
261 261
......
...@@ -11,13 +11,13 @@ ...@@ -11,13 +11,13 @@
11 {{item.jdmc}}意见 11 {{item.jdmc}}意见
12 </div> 12 </div>
13 <div class="item_right"> 13 <div class="item_right">
14 <el-row > 14 <el-row>
15 <el-col :span="24"> 15 <el-col :span="24">
16 <el-form-item label-width="0" class="opinion_item" prop="shyj"> 16 <el-form-item label-width="0" class="opinion_item" prop="shyj">
17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" 17 <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1'"
18 v-if="item.stepShjy == '1'" v-model="ruleForm.shyj"></el-input> 18 v-model="ruleForm.shyj"></el-input>
19 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" 19 <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
20 v-else :disabled="true"></el-input> 20 </el-input>
21 <el-popover placement="right" width="50" trigger="hover" v-if="item.stepShjy == '1'"> 21 <el-popover placement="right" width="50" trigger="hover" v-if="item.stepShjy == '1'">
22 <ul class="pointer"> 22 <ul class="pointer">
23 <li @click="handleClick">复审</li> 23 <li @click="handleClick">复审</li>
...@@ -43,13 +43,13 @@ ...@@ -43,13 +43,13 @@
43 </div> 43 </div>
44 </div> 44 </div>
45 <div class="submit_button"> 45 <div class="submit_button">
46 <el-button type="primary" @click="onSubmit">保存</el-button> 46 <el-button type="primary" v-if="tableData.length>0" @click="onSubmit">保存</el-button>
47 </div> 47 </div>
48 </el-form> 48 </el-form>
49 </div> 49 </div>
50 </template> 50 </template>
51 <script> 51 <script>
52 import { getSpyjList,saveSpyj,saveSpyjBySlsq} from "@/api/fqsq.js"; 52 import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
53 export default { 53 export default {
54 components: {}, 54 components: {},
55 props: { 55 props: {
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
72 propsParam: {}, 72 propsParam: {},
73 } 73 }
74 }, 74 },
75 created() { 75 created () {
76 this.propsParam = this.$attrs; 76 this.propsParam = this.$attrs;
77 this.list(); 77 this.list();
78 }, 78 },
...@@ -88,7 +88,7 @@ export default { ...@@ -88,7 +88,7 @@ export default {
88 getSpyjList(formdata).then((res) => { 88 getSpyjList(formdata).then((res) => {
89 if (res.code === 200 && res.result) { 89 if (res.code === 200 && res.result) {
90 this.tableData = res.result 90 this.tableData = res.result
91 this.ruleForm.shyj = res.result[res.result.length-1].shyj 91 this.ruleForm.shyj = res.result[res.result.length - 1].shyj
92 } 92 }
93 }) 93 })
94 }, 94 },
...@@ -96,7 +96,7 @@ export default { ...@@ -96,7 +96,7 @@ export default {
96 saveSpyjBySlsq(this.ruleForm).then(res => { 96 saveSpyjBySlsq(this.ruleForm).then(res => {
97 if (res.code === 200) { 97 if (res.code === 200) {
98 this.$message.success("保存成功") 98 this.$message.success("保存成功")
99 }else{ 99 } else {
100 this.$message.error(res.message) 100 this.$message.error(res.message)
101 } 101 }
102 }) 102 })
......
...@@ -48,6 +48,10 @@ ...@@ -48,6 +48,10 @@
48 } 48 }
49 } 49 }
50 50
51 /deep/.el-tabs__header {
52 margin-bottom: 0 !important;
53 }
54
51 /deep/.el-menu-item.is-active { 55 /deep/.el-menu-item.is-active {
52 background-color: #e7f4fe; 56 background-color: #e7f4fe;
53 } 57 }
......
...@@ -219,7 +219,8 @@ export default { ...@@ -219,7 +219,8 @@ export default {
219 } 219 }
220 220
221 .xxTableBox { 221 .xxTableBox {
222 width: 810px; 222 min-width: 810px;
223 width: 100%;
223 overflow-x: scroll; 224 overflow-x: scroll;
224 } 225 }
225 226
......
...@@ -32,22 +32,18 @@ ...@@ -32,22 +32,18 @@
32 .xxTableBox { 32 .xxTableBox {
33 overflow-x: scroll; 33 overflow-x: scroll;
34 width: 100%; 34 width: 100%;
35 padding-bottom: 120px; 35 padding-bottom: 35px;
36 } 36 }
37 37
38 .xxTable > tr:first-child th { 38 .xxTable>tr:first-child th {
39 width: 140px; 39 width: 140px;
40 } 40 }
41 // tr td {
42 // border: 1px solid #ccc;
43 // }
44 41
45 .xxTable { 42 .xxTable {
46 // border-spacing: 0;
47 border-spacing: 1px; 43 border-spacing: 1px;
48 width: 100%; 44 width: 100%;
49 45
50 tr > th { 46 tr>th {
51 border: 1px solid #ccc; 47 border: 1px solid #ccc;
52 background: #F2F2F2; 48 background: #F2F2F2;
53 color: #333333; 49 color: #333333;
...@@ -117,11 +113,12 @@ ...@@ -117,11 +113,12 @@
117 font-size: 13px; 113 font-size: 13px;
118 width: 140px; 114 width: 140px;
119 } 115 }
120 > tr:nth-child(odd) td { 116
117 >tr:nth-child(odd) td {
121 background: #f2f2f2; 118 background: #f2f2f2;
122 } 119 }
123 120
124 > tr:nth-child(even) td { 121 >tr:nth-child(even) td {
125 background: #f9f9f9; 122 background: #f9f9f9;
126 } 123 }
127 124
...@@ -129,7 +126,7 @@ ...@@ -129,7 +126,7 @@
129 color: #fe9400; 126 color: #fe9400;
130 } 127 }
131 128
132 tr > td.lishi { 129 tr>td.lishi {
133 color: #7f7f7f; 130 color: #7f7f7f;
134 } 131 }
135 } 132 }
......
...@@ -127,7 +127,7 @@ import { getZdjjxxBySLdy } from "@/api/zhcx.js"; ...@@ -127,7 +127,7 @@ import { getZdjjxxBySLdy } from "@/api/zhcx.js";
127 127
128 export default { 128 export default {
129 name: "zdxx", 129 name: "zdxx",
130 data() { 130 data () {
131 return { 131 return {
132 bhqkColumns: [ 132 bhqkColumns: [
133 { 133 {
...@@ -173,7 +173,7 @@ export default { ...@@ -173,7 +173,7 @@ export default {
173 // computed: { 173 // computed: {
174 // ...mapGetters(["djbxx"]), 174 // ...mapGetters(["djbxx"]),
175 // }, 175 // },
176 created() { 176 created () {
177 this.propsParam = this.$attrs; 177 this.propsParam = this.$attrs;
178 // this.$nextTick(() => { 178 // this.$nextTick(() => {
179 179
...@@ -188,7 +188,7 @@ export default { ...@@ -188,7 +188,7 @@ export default {
188 // this.bhqkTableWidth = widths > 745 ? widths : 745; 188 // this.bhqkTableWidth = widths > 745 ? widths : 745;
189 }, 189 },
190 methods: { 190 methods: {
191 loadData() { 191 loadData () {
192 getZdjjxxBySLdy({ bsmsldy: this.propsParam.bsmSldy }).then((res) => { 192 getZdjjxxBySLdy({ bsmsldy: this.propsParam.bsmSldy }).then((res) => {
193 if (res.code === 200) { 193 if (res.code === 200) {
194 this.zdjbxx = res.result.zdjbxx; 194 this.zdjbxx = res.result.zdjbxx;
...@@ -207,10 +207,12 @@ export default { ...@@ -207,10 +207,12 @@ export default {
207 <style lang="scss" scoped> 207 <style lang="scss" scoped>
208 .zdxx { 208 .zdxx {
209 width: 100%; 209 width: 100%;
210 height: 100%; 210 height: calc(100% - 42px);
211 background-color: #f5f5f5; 211 background-color: #f5f5f5;
212 padding: 10px 25px; 212 padding: 5px;
213
213 .tablebox { 214 .tablebox {
215 overflow-x: auto;
214 width: 100%; 216 width: 100%;
215 height: 100%; 217 height: 100%;
216 background: #fff; 218 background: #fff;
...@@ -218,33 +220,42 @@ export default { ...@@ -218,33 +220,42 @@ export default {
218 text-align: center; 220 text-align: center;
219 padding: 4px; 221 padding: 4px;
220 overflow-y: scroll; 222 overflow-y: scroll;
223
221 .zdxxTable { 224 .zdxxTable {
222 width: 100%; 225 width: 100%;
226 min-width: 900px;
223 color: #333; 227 color: #333;
228
224 td { 229 td {
225 border: 1px solid rgb(228, 228, 228); 230 border: 1px solid rgb(228, 228, 228);
226 line-height: 30px; 231 line-height: 30px;
227 padding: 0 4px; 232 padding: 0 4px;
228 } 233 }
234
229 .title { 235 .title {
230 line-height: 68px; 236 line-height: 68px;
231 font-size: 20px; 237 font-size: 20px;
232 } 238 }
239
233 .unit { 240 .unit {
234 text-align: right; 241 text-align: right;
235 } 242 }
243
236 .title2 { 244 .title2 {
237 writing-mode: vertical-lr; 245 writing-mode: vertical-lr;
238 letter-spacing: 6px; 246 letter-spacing: 6px;
239 } 247 }
248
240 .bhqk { 249 .bhqk {
241 padding: 0; 250 padding: 0;
251
242 .box { 252 .box {
243 width: 745px; 253 width: 745px;
244 overflow: auto; 254 overflow: auto;
245 } 255 }
246 .test { 256
247 } 257 .test {}
258
248 table { 259 table {
249 .bhqkTh { 260 .bhqkTh {
250 width: 110px; 261 width: 110px;
...@@ -253,6 +264,7 @@ export default { ...@@ -253,6 +264,7 @@ export default {
253 border: 1px solid rgb(228, 228, 228); 264 border: 1px solid rgb(228, 228, 228);
254 font-weight: bold; 265 font-weight: bold;
255 } 266 }
267
256 td { 268 td {
257 width: 180px; 269 width: 180px;
258 } 270 }
......