Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
80e074a9 by 杨威
Options

面积分摊表/界址点/界址线/附件材料样式调整

1 parent 86dc3fcc
Inline Side-by-side
Showing 8 changed files with 157 additions and 47 deletions
...@@ -402,7 +402,7 @@ export default { ...@@ -402,7 +402,7 @@ export default {
402 border-bottom: 1px solid #E6E6E6; 402 border-bottom: 1px solid #E6E6E6;
403 .el-col { 403 .el-col {
404 // height: 100%; 404 // height: 100%;
405 border-right: 1px solid grey; 405 border-right: 1px solid #E6E6E6;
406 position: relative; 406 position: relative;
407 .qlxz { 407 .qlxz {
408 line-height: 34px; 408 line-height: 34px;
...@@ -448,7 +448,7 @@ export default { ...@@ -448,7 +448,7 @@ export default {
448 } 448 }
449 .childYT { 449 .childYT {
450 height: 114px; 450 height: 114px;
451 border-top: 1px solid grey; 451 border-top: 1px solid #E6E6E6;
452 ul { 452 ul {
453 margin-top: 0; 453 margin-top: 0;
454 li { 454 li {
...@@ -478,7 +478,7 @@ export default { ...@@ -478,7 +478,7 @@ export default {
478 height: 34px; 478 height: 34px;
479 line-height: 34px; 479 line-height: 34px;
480 background-color: #fff; 480 background-color: #fff;
481 border-bottom: 1px solid grey; 481 border-bottom: 1px solid #E6E6E6;
482 position: absolute; 482 position: absolute;
483 right: 0; 483 right: 0;
484 top: 0; 484 top: 0;
...@@ -516,7 +516,9 @@ export default { ...@@ -516,7 +516,9 @@ export default {
516 /deep/.el-select-tree{ 516 /deep/.el-select-tree{
517 width: 100%; 517 width: 100%;
518 .el-input__inner{ 518 .el-input__inner{
519 height: 30px !important; 519 height: 34px !important;
520 position: relative;
521 top: -1px;
520 } 522 }
521 } 523 }
522 } 524 }
......
...@@ -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;
......
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 box-sizing: border-box; 163 box-sizing: border-box;
164 padding: 18px; 164 padding: 18px;
165 height: auto; 165 height: auto;
166 width: 80%; 166 width: 100%;
167 } 167 }
168 168
169 table { 169 table {
......
...@@ -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) {
39 this.lshsVisible = true; 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':
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,33 +236,49 @@ ...@@ -229,33 +236,49 @@
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%;
233 }
234
235 table {
236 margin-top: 10px;
237 background-color: #fff;
238 font-size: 14px;
239 width: 100%; 239 width: 100%;
240 cursor: pointer; 240
241 td { 241 table {
242 margin-top: 10px;
243 background-color: #fff;
244 font-size: 14px;
245 width: 100%;
246 cursor: pointer;
247 .formInput {
248 margin: 0;
249 height: 36px;
250 outline: none;
251 border: none;
252 color: #606764;
253 overflow: visible;
254 text-align: center;
255 cursor: text;
256 }
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;
242 text-align: center; 268 text-align: center;
243 height: 36px; 269 background-color: #ffffff;
244 min-width: 50px; 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 }
245 } 280 }
246 } 281 }
247
248 table .formInput {
249 margin: 0;
250 height: 36px;
251 outline: none;
252 border: none;
253 color: #606764;
254 overflow: visible;
255 text-align: center;
256 cursor: text;
257 }
258
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
...@@ -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>
......