Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
e738fd2d by weimo934
Options

feat(fg,hb):分割合并分类

1 parent 39c59c75
Inline Side-by-side
Showing 2 changed files with 456 additions and 11 deletions
1 <template> 1 <template>
2 <div>
3 <el-tabs v-model="tabName">
4 <el-tab-pane label="宗地分割" name="zd">
2 <div class="main"> 5 <div class="main">
3 <div class="button"> 6 <div class="button">
4 <el-button type="primary" @click="newAdd">新增</el-button> 7 <el-button type="primary" @click="newAdd">新增</el-button>
...@@ -21,11 +24,185 @@ ...@@ -21,11 +24,185 @@
21 </tr> 24 </tr>
22 <tr v-else> 25 <tr v-else>
23 <td>1</td> 26 <td>1</td>
24 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/></td> 27 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
25 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td> 28 </td>
26 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/></td> 29 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
27 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/></td> 30 </td>
28 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/></td> 31 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
32 </td>
33 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
34 </td>
35 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
36 </td>
37 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
38 </tr>
39 </table>
40 </div>
41 <div class="fgh">
42 <span>分割后宗地:</span>
43 <table border="1">
44 <tr>
45 <td>操作</td>
46 <td>行政区</td>
47 <td>地籍区</td>
48 <td>地籍子区</td>
49 <td>所有权类型</td>
50 <td>土地特征码</td>
51 <td>项目名称</td>
52 <td>幢信息</td>
53 </tr>
54 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
55 <td @click="delRow(index)">-</td>
56 <td>
57 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
58 <el-option
59 v-for="i in xzq"
60 :key="i.bsm"
61 :label="i.mc"
62 :value="i.bsm"
63 ></el-option>
64 </el-select>
65 </td>
66 <td>
67 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
68 <el-option
69 v-for="i in djq"
70 :key="i.bsm"
71 :label="i.mc"
72 :value="i.bsm"
73 ></el-option>
74 </el-select>
75 </td>
76 <td>
77 <el-select v-model="item.djzqbsm">
78 <el-option
79 v-for="i in djzq"
80 :key="i.bsm"
81 :label="i.mc"
82 :value="i.bsm"
83 ></el-option>
84 </el-select>
85 </td>
86 <td>
87 <el-select v-model="item.syqlxbsm">
88 <el-option
89 v-for="i in syq"
90 :key="i.value"
91 :label="i.label"
92 :value="i.value"
93 ></el-option>
94 </el-select>
95 </td>
96 <td>
97 <el-select v-model="item.zdtzmbsm">
98 <el-option
99 v-for="i in tdtzm"
100 :key="i.bsm"
101 :label="i.mc"
102 :value="i.bsm"
103 ></el-option>
104 </el-select>
105 </td>
106 <td>
107 <input type="text" v-model="item.xmmc" class="formInput"/>
108 </td>
109 <td>
110 <!-- {{item.fwlist.zbsm}}-->
111 <span @click="xzzrz(index)" class="xz">选择</span>
112 </td>
113 </tr>
114 <tr>
115 <td @click="addRow">+</td>
116 <td></td>
117 <td></td>
118 <td></td>
119 <td></td>
120 <td></td>
121 <td></td>
122 <td></td>
123 </tr>
124 </table>
125 </div>
126
127 <el-dialog
128 v-if="fghData.newZdlist.length>0"
129 title="提示"
130 :visible.sync="isopenXz"
131 width="50%"
132 center>
133 <div class="xz-container">
134 <div class="xz-main">
135 <table border="1">
136 <tr>
137 <td>幢类型</td>
138 <td>幢信息</td>
139 </tr>
140 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
141 <td>
142 <el-select v-model="item.ztype"
143 >
144 <el-option
145 v-for="i in ztypes"
146 :key="i.value"
147 :label="i.label"
148 :value="i.value"
149 ></el-option>
150 </el-select>
151 </td>
152 <td>
153 <input type="text" class="formInput"
154 v-model="item.zbsm"/>
155 </td>
156 </tr>
157 </table>
158 </div>
159 <div class="xz-sidebar">
160 <el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
161 :default-expand-all="true"></el-tree>
162 </div>
163 </div>
164 </el-dialog>
165
166 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
167 @close="close"></query-data>
168 <div class="header-button">
169 <el-button type="primary" @click="save">保存</el-button>
170 </div>
171 </div>
172 </el-tab-pane>
173 <el-tab-pane label="多幢分割" name="dz">
174 <div class="main">
175 <div class="button">
176 <el-button type="primary" @click="newAdd">新增</el-button>
177 </div>
178 <div class="table">
179 <table border="1">
180 <tr>
181 <td>序号</td>
182 <td>宗地代码</td>
183 <td>不动产单元号</td>
184 <td>项目名称</td>
185 <td>不动产权证号</td>
186 <td>权利人</td>
187 <td>坐落</td>
188 </tr>
189 <tr v-if="Object.keys(bgqData)==0">
190 <td colspan="7">
191 <span class="noData">暂无数据</span>
192 </td>
193 </tr>
194 <tr v-else>
195 <td>1</td>
196 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
197 </td>
198 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
199 </td>
200 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
201 </td>
202 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
203 </td>
204 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
205 </td>
29 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 206 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
30 </tr> 207 </tr>
31 </table> 208 </table>
...@@ -46,7 +223,7 @@ ...@@ -46,7 +223,7 @@
46 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 223 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
47 <td @click="delRow(index)">-</td> 224 <td @click="delRow(index)">-</td>
48 <td> 225 <td>
49 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm)"> 226 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
50 <el-option 227 <el-option
51 v-for="i in xzq" 228 v-for="i in xzq"
52 :key="i.bsm" 229 :key="i.bsm"
...@@ -56,7 +233,7 @@ ...@@ -56,7 +233,7 @@
56 </el-select> 233 </el-select>
57 </td> 234 </td>
58 <td> 235 <td>
59 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm)"> 236 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
60 <el-option 237 <el-option
61 v-for="i in djq" 238 v-for="i in djq"
62 :key="i.bsm" 239 :key="i.bsm"
...@@ -155,11 +332,184 @@ ...@@ -155,11 +332,184 @@
155 </div> 332 </div>
156 </el-dialog> 333 </el-dialog>
157 334
158 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 335 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
336 @close="close"></query-data>
159 <div class="header-button"> 337 <div class="header-button">
160 <el-button type="primary" @click="save">保存</el-button> 338 <el-button type="primary" @click="save">保存</el-button>
161 </div> 339 </div>
162 </div> 340 </div>
341 </el-tab-pane>
342 <el-tab-pane label="户分割" name="h">
343 <div class="main">
344 <div class="button">
345 <el-button type="primary" @click="newAdd">新增</el-button>
346 </div>
347 <div class="table">
348 <table border="1">
349 <tr>
350 <td>序号</td>
351 <td>宗地代码</td>
352 <td>不动产单元号</td>
353 <td>项目名称</td>
354 <td>不动产权证号</td>
355 <td>权利人</td>
356 <td>坐落</td>
357 </tr>
358 <tr v-if="Object.keys(bgqData)==0">
359 <td colspan="7">
360 <span class="noData">暂无数据</span>
361 </td>
362 </tr>
363 <tr v-else>
364 <td>1</td>
365 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
366 </td>
367 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
368 </td>
369 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
370 </td>
371 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
372 </td>
373 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
374 </td>
375 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
376 </tr>
377 </table>
378 </div>
379 <div class="fgh">
380 <span>分割后宗地:</span>
381 <table border="1">
382 <tr>
383 <td>操作</td>
384 <td>行政区</td>
385 <td>地籍区</td>
386 <td>地籍子区</td>
387 <td>所有权类型</td>
388 <td>土地特征码</td>
389 <td>项目名称</td>
390 <td>幢信息</td>
391 </tr>
392 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
393 <td @click="delRow(index)">-</td>
394 <td>
395 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
396 <el-option
397 v-for="i in xzq"
398 :key="i.bsm"
399 :label="i.mc"
400 :value="i.bsm"
401 ></el-option>
402 </el-select>
403 </td>
404 <td>
405 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
406 <el-option
407 v-for="i in djq"
408 :key="i.bsm"
409 :label="i.mc"
410 :value="i.bsm"
411 ></el-option>
412 </el-select>
413 </td>
414 <td>
415 <el-select v-model="item.djzqbsm">
416 <el-option
417 v-for="i in djzq"
418 :key="i.bsm"
419 :label="i.mc"
420 :value="i.bsm"
421 ></el-option>
422 </el-select>
423 </td>
424 <td>
425 <el-select v-model="item.syqlxbsm">
426 <el-option
427 v-for="i in syq"
428 :key="i.value"
429 :label="i.label"
430 :value="i.value"
431 ></el-option>
432 </el-select>
433 </td>
434 <td>
435 <el-select v-model="item.zdtzmbsm">
436 <el-option
437 v-for="i in tdtzm"
438 :key="i.bsm"
439 :label="i.mc"
440 :value="i.bsm"
441 ></el-option>
442 </el-select>
443 </td>
444 <td>
445 <input type="text" v-model="item.xmmc" class="formInput"/>
446 </td>
447 <td>
448 <!-- {{item.fwlist.zbsm}}-->
449 <span @click="xzzrz(index)" class="xz">选择</span>
450 </td>
451 </tr>
452 <tr>
453 <td @click="addRow">+</td>
454 <td></td>
455 <td></td>
456 <td></td>
457 <td></td>
458 <td></td>
459 <td></td>
460 <td></td>
461 </tr>
462 </table>
463 </div>
464
465 <el-dialog
466 v-if="fghData.newZdlist.length>0"
467 title="提示"
468 :visible.sync="isopenXz"
469 width="50%"
470 center>
471 <div class="xz-container">
472 <div class="xz-main">
473 <table border="1">
474 <tr>
475 <td>幢类型</td>
476 <td>幢信息</td>
477 </tr>
478 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
479 <td>
480 <el-select v-model="item.ztype"
481 >
482 <el-option
483 v-for="i in ztypes"
484 :key="i.value"
485 :label="i.label"
486 :value="i.value"
487 ></el-option>
488 </el-select>
489 </td>
490 <td>
491 <input type="text" class="formInput"
492 v-model="item.zbsm"/>
493 </td>
494 </tr>
495 </table>
496 </div>
497 <div class="xz-sidebar">
498 <el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
499 :default-expand-all="true"></el-tree>
500 </div>
501 </div>
502 </el-dialog>
503
504 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
505 @close="close"></query-data>
506 <div class="header-button">
507 <el-button type="primary" @click="save">保存</el-button>
508 </div>
509 </div>
510 </el-tab-pane>
511 </el-tabs>
512 </div>
163 </template> 513 </template>
164 514
165 <script> 515 <script>
...@@ -180,6 +530,7 @@ ...@@ -180,6 +530,7 @@
180 props: {}, 530 props: {},
181 data() { 531 data() {
182 return { 532 return {
533 tabName:'zd',
183 isopenXz: false, 534 isopenXz: false,
184 centerDialogVisible: false, 535 centerDialogVisible: false,
185 selectIndex: 0,// 当前选中序号 536 selectIndex: 0,// 当前选中序号
...@@ -315,9 +666,11 @@ ...@@ -315,9 +666,11 @@
315 .catch((error) => { 666 .catch((error) => {
316 }); 667 });
317 }, 668 },
318 changeXzq(id) { 669 changeXzq(id, index) {
319 this.djq = []; 670 this.djq = [];
320 this.djzq = []; 671 this.djzq = [];
672 this.fghData.newZdlist[index].djqbsm = ''
673 this.fghData.newZdlist[index].djzqbsm = ''
321 getListByXzqbsm(id) 674 getListByXzqbsm(id)
322 .then((res) => { 675 .then((res) => {
323 if (res.result == null) { 676 if (res.result == null) {
...@@ -329,8 +682,9 @@ ...@@ -329,8 +682,9 @@
329 .catch((error) => { 682 .catch((error) => {
330 }); 683 });
331 }, 684 },
332 changeDjq(item) { 685 changeDjq(item, index) {
333 this.djzq = []; 686 this.djzq = [];
687 this.fghData.newZdlist[index].djzqbsm = ''
334 if (item == null) { 688 if (item == null) {
335 } else { 689 } else {
336 console.log(item); 690 console.log(item);
......
1 <template> 1 <template>
2 <div>
3 <el-tabs v-model="tabName" @tab-click="handleClick">
4 <el-tab-pane label="宗地合并" name="zd">
2 <div class="main"> 5 <div class="main">
3 <div class="header"> 6 <div class="header">
4 <span>合并后项目名称:</span> 7 <span>合并后项目名称:</span>
...@@ -34,7 +37,91 @@ ...@@ -34,7 +37,91 @@
34 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 37 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
35 </tr> 38 </tr>
36 </table> 39 </table>
37 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 40 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
41 @close="close"></query-data>
42 </div>
43 </el-tab-pane>
44 <el-tab-pane label="多幢合并" name="dz">
45 <div class="main">
46 <div class="header">
47 <span>合并后项目名称:</span>
48 <el-input></el-input>
49
50 <el-button type="primary" @click="newAdd">新增</el-button>
51
52 <el-button type="primary">保存</el-button>
53 </div>
54
55 <table border="1">
56 <tr>
57 <td>序号</td>
58 <td>宗地代码</td>
59 <td>不动产单元号</td>
60 <td>项目名称</td>
61 <td>不动产权证号</td>
62 <td>权利人</td>
63 <td>坐落</td>
64 </tr>
65 <tr v-if="bgqData.length==0">
66 <td colspan="7">
67 <span class="noData">暂无数据</span>
68 </td>
69 </tr>
70 <tr v-else v-for="(item,index) in bgqData" :key="index">
71 <td>{{index+1}}</td>
72 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
73 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
74 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
75 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
76 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
77 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
78 </tr>
79 </table>
80 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
81 @close="close"></query-data>
82 </div>
83 </el-tab-pane>
84 <el-tab-pane label="户合并" name="h">
85 <div class="main">
86 <div class="header">
87 <span>合并后项目名称:</span>
88 <el-input></el-input>
89
90 <el-button type="primary" @click="newAdd">新增</el-button>
91
92 <el-button type="primary">保存</el-button>
93 </div>
94
95 <table border="1">
96 <tr>
97 <td>序号</td>
98 <td>宗地代码</td>
99 <td>不动产单元号</td>
100 <td>项目名称</td>
101 <td>不动产权证号</td>
102 <td>权利人</td>
103 <td>坐落</td>
104 </tr>
105 <tr v-if="bgqData.length==0">
106 <td colspan="7">
107 <span class="noData">暂无数据</span>
108 </td>
109 </tr>
110 <tr v-else v-for="(item,index) in bgqData" :key="index">
111 <td>{{index+1}}</td>
112 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
113 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
114 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
115 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
116 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
117 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
118 </tr>
119 </table>
120 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
121 @close="close"></query-data>
122 </div>
123 </el-tab-pane>
124 </el-tabs>
38 </div> 125 </div>
39 </template> 126 </template>
40 127
...@@ -47,6 +134,7 @@ ...@@ -47,6 +134,7 @@
47 props: {}, 134 props: {},
48 data() { 135 data() {
49 return { 136 return {
137 tabName: 'zd',
50 centerDialogVisible: false, 138 centerDialogVisible: false,
51 bgqData: [] 139 bgqData: []
52 } 140 }
...@@ -56,6 +144,9 @@ ...@@ -56,6 +144,9 @@
56 mounted() { 144 mounted() {
57 }, 145 },
58 methods: { 146 methods: {
147 handleClick(tab, event) {
148 console.log(tab, event);
149 },
59 close: function () { 150 close: function () {
60 this.centerDialogVisible = false; 151 this.centerDialogVisible = false;
61 }, 152 },
......