Merge remote-tracking branch 'origin/master'
Showing
8 changed files
with
145 additions
and
35 deletions
... | @@ -446,7 +446,7 @@ export default { | ... | @@ -446,7 +446,7 @@ export default { |
446 | border-bottom: 1px solid #E6E6E6; | 446 | border-bottom: 1px solid #E6E6E6; |
447 | .el-col { | 447 | .el-col { |
448 | // height: 100%; | 448 | // height: 100%; |
449 | border-right: 1px solid grey; | 449 | border-right: 1px solid #E6E6E6; |
450 | position: relative; | 450 | position: relative; |
451 | .qlxz { | 451 | .qlxz { |
452 | line-height: 34px; | 452 | line-height: 34px; |
... | @@ -492,7 +492,7 @@ export default { | ... | @@ -492,7 +492,7 @@ export default { |
492 | } | 492 | } |
493 | .childYT { | 493 | .childYT { |
494 | height: 114px; | 494 | height: 114px; |
495 | border-top: 1px solid grey; | 495 | border-top: 1px solid #E6E6E6; |
496 | ul { | 496 | ul { |
497 | margin-top: 0; | 497 | margin-top: 0; |
498 | li { | 498 | li { |
... | @@ -522,7 +522,7 @@ export default { | ... | @@ -522,7 +522,7 @@ export default { |
522 | height: 34px; | 522 | height: 34px; |
523 | line-height: 34px; | 523 | line-height: 34px; |
524 | background-color: #fff; | 524 | background-color: #fff; |
525 | border-bottom: 1px solid grey; | 525 | border-bottom: 1px solid #E6E6E6; |
526 | position: absolute; | 526 | position: absolute; |
527 | right: 0; | 527 | right: 0; |
528 | top: 0; | 528 | top: 0; |
... | @@ -560,7 +560,9 @@ export default { | ... | @@ -560,7 +560,9 @@ export default { |
560 | /deep/.el-select-tree{ | 560 | /deep/.el-select-tree{ |
561 | width: 100%; | 561 | width: 100%; |
562 | .el-input__inner{ | 562 | .el-input__inner{ |
563 | height: 30px !important; | 563 | height: 34px !important; |
564 | position: relative; | ||
565 | top: -1px; | ||
564 | } | 566 | } |
565 | } | 567 | } |
566 | } | 568 | } | ... | ... |
... | @@ -329,7 +329,7 @@ export default { | ... | @@ -329,7 +329,7 @@ export default { |
329 | border-bottom: 1px solid #e6e6e6; | 329 | border-bottom: 1px solid #e6e6e6; |
330 | .el-col { | 330 | .el-col { |
331 | // height: 100%; | 331 | // height: 100%; |
332 | border-right: 1px solid grey; | 332 | border-right: 1px solid #E6E6E6; |
333 | position: relative; | 333 | position: relative; |
334 | .qlxz { | 334 | .qlxz { |
335 | line-height: 34px; | 335 | line-height: 34px; |
... | @@ -375,7 +375,7 @@ export default { | ... | @@ -375,7 +375,7 @@ export default { |
375 | } | 375 | } |
376 | .childYT { | 376 | .childYT { |
377 | height: 114px; | 377 | height: 114px; |
378 | border-top: 1px solid grey; | 378 | border-top: 1px solid #E6E6E6; |
379 | ul { | 379 | ul { |
380 | margin-top: 0; | 380 | margin-top: 0; |
381 | li { | 381 | li { |
... | @@ -405,7 +405,7 @@ export default { | ... | @@ -405,7 +405,7 @@ export default { |
405 | height: 34px; | 405 | height: 34px; |
406 | line-height: 34px; | 406 | line-height: 34px; |
407 | background-color: #fff; | 407 | background-color: #fff; |
408 | border-bottom: 1px solid grey; | 408 | border-bottom: 1px solid #E6E6E6; |
409 | position: absolute; | 409 | position: absolute; |
410 | right: 0; | 410 | right: 0; |
411 | top: 0; | 411 | top: 0; | ... | ... |
... | @@ -2,12 +2,12 @@ | ... | @@ -2,12 +2,12 @@ |
2 | <div class="content_box"> | 2 | <div class="content_box"> |
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick"> |
4 | <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> | 4 | <el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane> |
5 | <el-tab-pane label="面积分摊表" name="mjftb"><mjftb></mjftb></el-tab-pane> | 5 | <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible"></mjftb></el-tab-pane> |
6 | <el-tab-pane label="界址点" name="jzd"><jzd></jzd></el-tab-pane> | 6 | <el-tab-pane label="界址点" name="jzd"><jzd v-if="jzdVisible"></jzd></el-tab-pane> |
7 | <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> | 7 | <el-tab-pane label="界址线" name="jzx"><jzx v-if="jzxVisible"></jzx></el-tab-pane> |
8 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 8 | <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane> |
9 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane> | 9 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane> |
10 | <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane> | 10 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane> |
11 | </el-tabs> | 11 | </el-tabs> |
12 | </div> | 12 | </div> |
13 | </template> | 13 | </template> |
... | @@ -29,14 +29,39 @@ export default { | ... | @@ -29,14 +29,39 @@ export default { |
29 | data() { | 29 | data() { |
30 | return { | 30 | return { |
31 | activeName: "djdcb", | 31 | activeName: "djdcb", |
32 | mjftbVisible:false, | ||
33 | jzdVisible:false, | ||
34 | jzxVisible:false, | ||
35 | djbVisible:false, | ||
32 | lshsVisible:false, | 36 | lshsVisible:false, |
37 | fjclVisible:false, | ||
33 | }; | 38 | }; |
34 | }, | 39 | }, |
35 | methods: { | 40 | methods: { |
36 | handleClick(tab, event) { | 41 | handleClick(tab, event) { |
37 | // console.log(tab, event); | 42 | // console.log(tab, event); |
38 | if (tab.name == 'lshs') { | 43 | switch (tab.name) { |
44 | case 'mjftb': | ||
45 | this.mjftbVisible = true; | ||
46 | break; | ||
47 | case 'jzd': | ||
48 | this.jzdVisible = true; | ||
49 | break; | ||
50 | case 'jzx': | ||
51 | this.jzxVisible = true; | ||
52 | break; | ||
53 | case 'djb': | ||
54 | this.djbVisible = true; | ||
55 | break; | ||
56 | case 'lshs': | ||
39 | this.lshsVisible = true; | 57 | this.lshsVisible = true; |
58 | break; | ||
59 | case 'fjcl': | ||
60 | this.fjclVisible = true; | ||
61 | break; | ||
62 | |||
63 | default: | ||
64 | break; | ||
40 | } | 65 | } |
41 | }, | 66 | }, |
42 | }, | 67 | }, | ... | ... |
... | @@ -87,6 +87,14 @@ | ... | @@ -87,6 +87,14 @@ |
87 | </span> | 87 | </span> |
88 | </el-dialog> | 88 | </el-dialog> |
89 | </div> | 89 | </div> |
90 | <!-- | ||
91 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | ||
92 | |||
93 | <el-button type="primary" @click="oneExit">编辑</el-button> | ||
94 | <el-button type="primary" @click="save">保存</el-button> | ||
95 | <el-button type="primary" @click="batchExit">批量修改</el-button> | ||
96 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | ||
97 | </div> --> | ||
90 | </div> | 98 | </div> |
91 | </template> | 99 | </template> |
92 | 100 | ||
... | @@ -276,7 +284,25 @@ | ... | @@ -276,7 +284,25 @@ |
276 | box-sizing: border-box; | 284 | box-sizing: border-box; |
277 | padding: 18px; | 285 | padding: 18px; |
278 | height: auto; | 286 | height: auto; |
279 | width: 80%; | 287 | width: 100%; |
288 | .header-button { | ||
289 | height: 50px; | ||
290 | position: fixed; | ||
291 | bottom: 0; | ||
292 | right: ; | ||
293 | text-align: center; | ||
294 | background-color: #ffffff; | ||
295 | .saveBtn { | ||
296 | background-color: #00CACD; | ||
297 | border-color: #00CACD; | ||
298 | padding: 10px 30px; | ||
299 | margin-top: 8px; | ||
300 | } | ||
301 | .saveBtn:hover { | ||
302 | background-color: rgba(0, 202, 205, .8); | ||
303 | border-color: rgba(0, 202, 205, .8); | ||
304 | } | ||
305 | } | ||
280 | table { | 306 | table { |
281 | margin-top: 10px; | 307 | margin-top: 10px; |
282 | background-color: #fff; | 308 | background-color: #fff; | ... | ... |
... | @@ -344,7 +344,7 @@ | ... | @@ -344,7 +344,7 @@ |
344 | box-sizing: border-box; | 344 | box-sizing: border-box; |
345 | padding: 18px; | 345 | padding: 18px; |
346 | height: auto; | 346 | height: auto; |
347 | width: 80%; | 347 | width: 100%; |
348 | table { | 348 | table { |
349 | margin-top: 10px; | 349 | margin-top: 10px; |
350 | background-color: #fff; | 350 | background-color: #fff; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main" ref="mainBox"> |
3 | <table border="1"> | 3 | <table border="1"> |
4 | <tr> | 4 | <tr> |
5 | <td colspan="2">土地坐落</td> | 5 | <td colspan="2">土地坐落</td> |
... | @@ -67,8 +67,12 @@ | ... | @@ -67,8 +67,12 @@ |
67 | <td class="fttjmj">{{sumFttdmj}}</td> | 67 | <td class="fttjmj">{{sumFttdmj}}</td> |
68 | </tr> | 68 | </tr> |
69 | </table> | 69 | </table> |
70 | <div class="pers"> | 70 | <!-- <div class="pers"> |
71 | <el-button @click="save" type="primary">保存</el-button> | 71 | <el-button @click="save" type="primary">保存</el-button> |
72 | </div> --> | ||
73 | |||
74 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | ||
75 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | ||
72 | </div> | 76 | </div> |
73 | </div> | 77 | </div> |
74 | </template> | 78 | </template> |
... | @@ -100,7 +104,8 @@ | ... | @@ -100,7 +104,8 @@ |
100 | tdsyqsyqmj: '' // 土地所有权/使用权面积 | 104 | tdsyqsyqmj: '' // 土地所有权/使用权面积 |
101 | } | 105 | } |
102 | ] | 106 | ] |
103 | } | 107 | }, |
108 | mainBoxWidth:0 | ||
104 | } | 109 | } |
105 | }, | 110 | }, |
106 | 111 | ||
... | @@ -198,7 +203,6 @@ | ... | @@ -198,7 +203,6 @@ |
198 | console.log("create init...") | 203 | console.log("create init...") |
199 | }, | 204 | }, |
200 | mounted() { | 205 | mounted() { |
201 | console.log("mounted init...") | ||
202 | this.mjftData.zdbsm = this.$store.state.zdbsm | 206 | this.mjftData.zdbsm = this.$store.state.zdbsm |
203 | this.zdmj = this.$store.state.zdmj | 207 | this.zdmj = this.$store.state.zdmj |
204 | this.tdzl = this.$store.state.zdzl | 208 | this.tdzl = this.$store.state.zdzl |
... | @@ -206,6 +210,9 @@ | ... | @@ -206,6 +210,9 @@ |
206 | if (this.mjftData.zdbsm) { | 210 | if (this.mjftData.zdbsm) { |
207 | this.getData(this.mjftData.zdbsm) | 211 | this.getData(this.mjftData.zdbsm) |
208 | } | 212 | } |
213 | this.$nextTick(() => { | ||
214 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | ||
215 | }) | ||
209 | }, | 216 | }, |
210 | watch: { | 217 | watch: { |
211 | "$store.state.zdbsm": function (bsm) { | 218 | "$store.state.zdbsm": function (bsm) { |
... | @@ -229,8 +236,7 @@ | ... | @@ -229,8 +236,7 @@ |
229 | box-sizing: border-box; | 236 | box-sizing: border-box; |
230 | padding: 18px; | 237 | padding: 18px; |
231 | height: auto; | 238 | height: auto; |
232 | width: 80%; | 239 | width: 100%; |
233 | } | ||
234 | 240 | ||
235 | table { | 241 | table { |
236 | margin-top: 10px; | 242 | margin-top: 10px; |
... | @@ -238,14 +244,7 @@ | ... | @@ -238,14 +244,7 @@ |
238 | font-size: 14px; | 244 | font-size: 14px; |
239 | width: 100%; | 245 | width: 100%; |
240 | cursor: pointer; | 246 | cursor: pointer; |
241 | td { | 247 | .formInput { |
242 | text-align: center; | ||
243 | height: 36px; | ||
244 | min-width: 50px; | ||
245 | } | ||
246 | } | ||
247 | |||
248 | table .formInput { | ||
249 | margin: 0; | 248 | margin: 0; |
250 | height: 36px; | 249 | height: 36px; |
251 | outline: none; | 250 | outline: none; |
... | @@ -255,7 +254,31 @@ | ... | @@ -255,7 +254,31 @@ |
255 | text-align: center; | 254 | text-align: center; |
256 | cursor: text; | 255 | cursor: text; |
257 | } | 256 | } |
258 | 257 | td { | |
258 | text-align: center; | ||
259 | height: 36px; | ||
260 | min-width: 50px; | ||
261 | } | ||
262 | } | ||
263 | .header-button { | ||
264 | height: 50px; | ||
265 | position: fixed; | ||
266 | bottom: 0; | ||
267 | right: 0; | ||
268 | text-align: center; | ||
269 | background-color: #ffffff; | ||
270 | .saveBtn { | ||
271 | background-color: #00CACD; | ||
272 | border-color: #00CACD; | ||
273 | padding: 10px 30px; | ||
274 | margin-top: 8px; | ||
275 | } | ||
276 | .saveBtn:hover { | ||
277 | background-color: rgba(0, 202, 205, .8); | ||
278 | border-color: rgba(0, 202, 205, .8); | ||
279 | } | ||
280 | } | ||
281 | } | ||
259 | .pers { | 282 | .pers { |
260 | text-align: center; | 283 | text-align: center; |
261 | margin-top: 10px; | 284 | margin-top: 10px; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main" ref="mainBox"> |
3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr> |
5 | <!-- <el-button | 5 | <!-- <el-button |
... | @@ -207,7 +207,7 @@ | ... | @@ -207,7 +207,7 @@ |
207 | </td> | 207 | </td> |
208 | <td colspan="2">容积说明</td> | 208 | <td colspan="2">容积说明</td> |
209 | <td colspan="4" class="psr"> | 209 | <td colspan="4" class="psr"> |
210 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjsm" /> | 210 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm" /> |
211 | </td> | 211 | </td> |
212 | </tr> | 212 | </tr> |
213 | <tr> | 213 | <tr> |
... | @@ -338,10 +338,18 @@ | ... | @@ -338,10 +338,18 @@ |
338 | </tr> | 338 | </tr> |
339 | </table> | 339 | </table> |
340 | 340 | ||
341 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 341 | <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px"> |
342 | <el-button type="success" @click="updateZDxx">保存</el-button> | 342 | <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button> |
343 | <el-button type="primary" @click="submitZDxx">提交</el-button> | 343 | <el-button type="primary" @click="submitZDxx">提交</el-button> |
344 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 344 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
345 | </div> --> | ||
346 | |||
347 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | ||
348 | |||
349 | <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> | ||
350 | <el-button type="primary" @click="submitZDxx">提交</el-button> | ||
351 | <el-button type="primary" @click="registerCall">登记调用</el-button> | ||
352 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> | ||
345 | </div> | 353 | </div> |
346 | </div> | 354 | </div> |
347 | </div> | 355 | </div> |
... | @@ -414,6 +422,7 @@ export default { | ... | @@ -414,6 +422,7 @@ export default { |
414 | formData: {}, | 422 | formData: {}, |
415 | dpdm:'', //宗地底盘代码 | 423 | dpdm:'', //宗地底盘代码 |
416 | curZdbsm:'', | 424 | curZdbsm:'', |
425 | mainBoxWidth:0, | ||
417 | geoAttributes:{ | 426 | geoAttributes:{ |
418 | OBJECTID:"", | 427 | OBJECTID:"", |
419 | BSM:"", | 428 | BSM:"", |
... | @@ -467,6 +476,9 @@ export default { | ... | @@ -467,6 +476,9 @@ export default { |
467 | }, | 476 | }, |
468 | mounted() { | 477 | mounted() { |
469 | this.getZdjbxxData(this.$store.state.zdbsm); | 478 | this.getZdjbxxData(this.$store.state.zdbsm); |
479 | this.$nextTick(() => { | ||
480 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | ||
481 | }) | ||
470 | }, | 482 | }, |
471 | methods: { | 483 | methods: { |
472 | registerCall(){ | 484 | registerCall(){ |
... | @@ -830,6 +842,7 @@ export default { | ... | @@ -830,6 +842,7 @@ export default { |
830 | td { | 842 | td { |
831 | text-align: center; | 843 | text-align: center; |
832 | height: 36px; | 844 | height: 36px; |
845 | border-color: #E6E6E6; | ||
833 | } | 846 | } |
834 | /deep/ .el-input__inner { | 847 | /deep/ .el-input__inner { |
835 | margin: 0; | 848 | margin: 0; |
... | @@ -867,5 +880,26 @@ export default { | ... | @@ -867,5 +880,26 @@ export default { |
867 | width: 100%; | 880 | width: 100%; |
868 | } | 881 | } |
869 | } | 882 | } |
883 | |||
884 | .header-button { | ||
885 | height: 50px; | ||
886 | position: fixed; | ||
887 | bottom: 0; | ||
888 | right: 6px; | ||
889 | text-align: center; | ||
890 | background-color: #ffffff; | ||
891 | .el-button{ | ||
892 | padding: 10px 30px; | ||
893 | margin-top: 8px; | ||
894 | } | ||
895 | .saveBtn { | ||
896 | background-color: #00CACD; | ||
897 | border-color: #00CACD; | ||
898 | } | ||
899 | .saveBtn:hover { | ||
900 | background-color: rgba(0, 202, 205, .8); | ||
901 | border-color: rgba(0, 202, 205, .8); | ||
902 | } | ||
903 | } | ||
870 | } | 904 | } |
871 | </style> | 905 | </style> | ... | ... |
-
Please register or sign in to post a comment