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 640 additions and 195 deletions
1 <template> 1 <template>
2 <div class="main"> 2 <div>
3 <div class="button"> 3 <el-tabs v-model="tabName">
4 <el-button type="primary" @click="newAdd">新增</el-button> 4 <el-tab-pane label="宗地分割" name="zd">
5 </div> 5 <div class="main">
6 <div class="table"> 6 <div class="button">
7 <table border="1"> 7 <el-button type="primary" @click="newAdd">新增</el-button>
8 <tr> 8 </div>
9 <td>序号</td> 9 <div class="table">
10 <td>宗地代码</td> 10 <table border="1">
11 <td>不动产单元号</td> 11 <tr>
12 <td>项目名称</td> 12 <td>序号</td>
13 <td>不动产权证号</td> 13 <td>宗地代码</td>
14 <td>权利人</td> 14 <td>不动产单元号</td>
15 <td>坐落</td> 15 <td>项目名称</td>
16 </tr> 16 <td>不动产权证号</td>
17 <tr v-if="Object.keys(bgqData)==0"> 17 <td>权利人</td>
18 <td colspan="7"> 18 <td>坐落</td>
19 <span class="noData">暂无数据</span> 19 </tr>
20 </td> 20 <tr v-if="Object.keys(bgqData)==0">
21 </tr> 21 <td colspan="7">
22 <tr v-else> 22 <span class="noData">暂无数据</span>
23 <td>1</td> 23 </td>
24 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/></td> 24 </tr>
25 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td> 25 <tr v-else>
26 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/></td> 26 <td>1</td>
27 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/></td> 27 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/>
28 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/></td> 28 </td>
29 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 29 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/>
30 </tr> 30 </td>
31 </table> 31 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/>
32 </div> 32 </td>
33 <div class="fgh"> 33 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/>
34 <span>分割后宗地:</span> 34 </td>
35 <table border="1"> 35 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/>
36 <tr> 36 </td>
37 <td>操作</td> 37 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
38 <td>行政区</td> 38 </tr>
39 <td>地籍区</td> 39 </table>
40 <td>地籍子区</td> 40 </div>
41 <td>所有权类型</td> 41 <div class="fgh">
42 <td>土地特征码</td> 42 <span>分割后宗地:</span>
43 <td>项目名称</td> 43 <table border="1">
44 <td>幢信息</td> 44 <tr>
45 </tr> 45 <td>操作</td>
46 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 46 <td>行政区</td>
47 <td @click="delRow(index)">-</td> 47 <td>地籍区</td>
48 <td> 48 <td>地籍子区</td>
49 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm)"> 49 <td>所有权类型</td>
50 <el-option 50 <td>土地特征码</td>
51 v-for="i in xzq" 51 <td>项目名称</td>
52 :key="i.bsm" 52 <td>幢信息</td>
53 :label="i.mc" 53 </tr>
54 :value="i.bsm" 54 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
55 ></el-option> 55 <td @click="delRow(index)">-</td>
56 </el-select> 56 <td>
57 </td> 57 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
58 <td> 58 <el-option
59 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm)"> 59 v-for="i in xzq"
60 <el-option 60 :key="i.bsm"
61 v-for="i in djq" 61 :label="i.mc"
62 :key="i.bsm" 62 :value="i.bsm"
63 :label="i.mc" 63 ></el-option>
64 :value="i.bsm" 64 </el-select>
65 ></el-option> 65 </td>
66 </el-select> 66 <td>
67 </td> 67 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
68 <td> 68 <el-option
69 <el-select v-model="item.djzqbsm"> 69 v-for="i in djq"
70 <el-option 70 :key="i.bsm"
71 v-for="i in djzq" 71 :label="i.mc"
72 :key="i.bsm" 72 :value="i.bsm"
73 :label="i.mc" 73 ></el-option>
74 :value="i.bsm" 74 </el-select>
75 ></el-option> 75 </td>
76 </el-select> 76 <td>
77 </td> 77 <el-select v-model="item.djzqbsm">
78 <td> 78 <el-option
79 <el-select v-model="item.syqlxbsm"> 79 v-for="i in djzq"
80 <el-option 80 :key="i.bsm"
81 v-for="i in syq" 81 :label="i.mc"
82 :key="i.value" 82 :value="i.bsm"
83 :label="i.label" 83 ></el-option>
84 :value="i.value" 84 </el-select>
85 ></el-option> 85 </td>
86 </el-select> 86 <td>
87 </td> 87 <el-select v-model="item.syqlxbsm">
88 <td> 88 <el-option
89 <el-select v-model="item.zdtzmbsm"> 89 v-for="i in syq"
90 <el-option 90 :key="i.value"
91 v-for="i in tdtzm" 91 :label="i.label"
92 :key="i.bsm" 92 :value="i.value"
93 :label="i.mc" 93 ></el-option>
94 :value="i.bsm" 94 </el-select>
95 ></el-option> 95 </td>
96 </el-select> 96 <td>
97 </td> 97 <el-select v-model="item.zdtzmbsm">
98 <td> 98 <el-option
99 <input type="text" v-model="item.xmmc" class="formInput"/> 99 v-for="i in tdtzm"
100 </td> 100 :key="i.bsm"
101 <td> 101 :label="i.mc"
102 <!-- {{item.fwlist.zbsm}}--> 102 :value="i.bsm"
103 <span @click="xzzrz(index)" class="xz">选择</span> 103 ></el-option>
104 </td> 104 </el-select>
105 </tr> 105 </td>
106 <tr> 106 <td>
107 <td @click="addRow">+</td> 107 <input type="text" v-model="item.xmmc" class="formInput"/>
108 <td></td> 108 </td>
109 <td></td> 109 <td>
110 <td></td> 110 <!-- {{item.fwlist.zbsm}}-->
111 <td></td> 111 <span @click="xzzrz(index)" class="xz">选择</span>
112 <td></td> 112 </td>
113 <td></td> 113 </tr>
114 <td></td> 114 <tr>
115 </tr> 115 <td @click="addRow">+</td>
116 </table> 116 <td></td>
117 </div> 117 <td></td>
118 <td></td>
119 <td></td>
120 <td></td>
121 <td></td>
122 <td></td>
123 </tr>
124 </table>
125 </div>
118 126
119 <el-dialog 127 <el-dialog
120 v-if="fghData.newZdlist.length>0" 128 v-if="fghData.newZdlist.length>0"
121 title="提示" 129 title="提示"
122 :visible.sync="isopenXz" 130 :visible.sync="isopenXz"
123 width="50%" 131 width="50%"
124 center> 132 center>
125 <div class="xz-container"> 133 <div class="xz-container">
126 <div class="xz-main"> 134 <div class="xz-main">
127 <table border="1"> 135 <table border="1">
128 <tr> 136 <tr>
129 <td>幢类型</td> 137 <td>幢类型</td>
130 <td>幢信息</td> 138 <td>幢信息</td>
131 </tr> 139 </tr>
132 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index"> 140 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
133 <td> 141 <td>
134 <el-select v-model="item.ztype" 142 <el-select v-model="item.ztype"
135 > 143 >
136 <el-option 144 <el-option
137 v-for="i in ztypes" 145 v-for="i in ztypes"
138 :key="i.value" 146 :key="i.value"
139 :label="i.label" 147 :label="i.label"
140 :value="i.value" 148 :value="i.value"
141 ></el-option> 149 ></el-option>
142 </el-select> 150 </el-select>
143 </td> 151 </td>
144 <td> 152 <td>
145 <input type="text" class="formInput" 153 <input type="text" class="formInput"
146 v-model="item.zbsm"/> 154 v-model="item.zbsm"/>
147 </td> 155 </td>
148 </tr> 156 </tr>
149 </table> 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>
150 </div> 171 </div>
151 <div class="xz-sidebar"> 172 </el-tab-pane>
152 <el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick" 173 <el-tab-pane label="多幢分割" name="dz">
153 :default-expand-all="true"></el-tree> 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>
206 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
207 </tr>
208 </table>
209 </div>
210 <div class="fgh">
211 <span>分割后宗地:</span>
212 <table border="1">
213 <tr>
214 <td>操作</td>
215 <td>行政区</td>
216 <td>地籍区</td>
217 <td>地籍子区</td>
218 <td>所有权类型</td>
219 <td>土地特征码</td>
220 <td>项目名称</td>
221 <td>幢信息</td>
222 </tr>
223 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
224 <td @click="delRow(index)">-</td>
225 <td>
226 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
227 <el-option
228 v-for="i in xzq"
229 :key="i.bsm"
230 :label="i.mc"
231 :value="i.bsm"
232 ></el-option>
233 </el-select>
234 </td>
235 <td>
236 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
237 <el-option
238 v-for="i in djq"
239 :key="i.bsm"
240 :label="i.mc"
241 :value="i.bsm"
242 ></el-option>
243 </el-select>
244 </td>
245 <td>
246 <el-select v-model="item.djzqbsm">
247 <el-option
248 v-for="i in djzq"
249 :key="i.bsm"
250 :label="i.mc"
251 :value="i.bsm"
252 ></el-option>
253 </el-select>
254 </td>
255 <td>
256 <el-select v-model="item.syqlxbsm">
257 <el-option
258 v-for="i in syq"
259 :key="i.value"
260 :label="i.label"
261 :value="i.value"
262 ></el-option>
263 </el-select>
264 </td>
265 <td>
266 <el-select v-model="item.zdtzmbsm">
267 <el-option
268 v-for="i in tdtzm"
269 :key="i.bsm"
270 :label="i.mc"
271 :value="i.bsm"
272 ></el-option>
273 </el-select>
274 </td>
275 <td>
276 <input type="text" v-model="item.xmmc" class="formInput"/>
277 </td>
278 <td>
279 <!-- {{item.fwlist.zbsm}}-->
280 <span @click="xzzrz(index)" class="xz">选择</span>
281 </td>
282 </tr>
283 <tr>
284 <td @click="addRow">+</td>
285 <td></td>
286 <td></td>
287 <td></td>
288 <td></td>
289 <td></td>
290 <td></td>
291 <td></td>
292 </tr>
293 </table>
294 </div>
295
296 <el-dialog
297 v-if="fghData.newZdlist.length>0"
298 title="提示"
299 :visible.sync="isopenXz"
300 width="50%"
301 center>
302 <div class="xz-container">
303 <div class="xz-main">
304 <table border="1">
305 <tr>
306 <td>幢类型</td>
307 <td>幢信息</td>
308 </tr>
309 <tr v-for="(item,index) in fghData.newZdlist[selectIndex].fwlist" :key="index">
310 <td>
311 <el-select v-model="item.ztype"
312 >
313 <el-option
314 v-for="i in ztypes"
315 :key="i.value"
316 :label="i.label"
317 :value="i.value"
318 ></el-option>
319 </el-select>
320 </td>
321 <td>
322 <input type="text" class="formInput"
323 v-model="item.zbsm"/>
324 </td>
325 </tr>
326 </table>
327 </div>
328 <div class="xz-sidebar">
329 <el-tree :data="zrzData" :props="defaultProps" @node-click="handleNodeClick"
330 :default-expand-all="true"></el-tree>
331 </div>
332 </div>
333 </el-dialog>
334
335 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
336 @close="close"></query-data>
337 <div class="header-button">
338 <el-button type="primary" @click="save">保存</el-button>
339 </div>
154 </div> 340 </div>
155 </div> 341 </el-tab-pane>
156 </el-dialog> 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>
157 464
158 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 465 <el-dialog
159 <div class="header-button"> 466 v-if="fghData.newZdlist.length>0"
160 <el-button type="primary" @click="save">保存</el-button> 467 title="提示"
161 </div> 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>
162 </div> 512 </div>
163 </template> 513 </template>
164 514
...@@ -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);
...@@ -393,7 +747,7 @@ ...@@ -393,7 +747,7 @@
393 }, 747 },
394 Data: { 748 Data: {
395 handler: function (item) { 749 handler: function (item) {
396 this.changeXzq(item.xzqbsm) 750 this.changeXzq(item.xzqbsm)
397 this.changeDjq(item.djqbsm) 751 this.changeDjq(item.djqbsm)
398 }, 752 },
399 deep: true 753 deep: true
......
1 <template> 1 <template>
2 <div class="main"> 2 <div>
3 <div class="header"> 3 <el-tabs v-model="tabName" @tab-click="handleClick">
4 <span>合并后项目名称:</span> 4 <el-tab-pane label="宗地合并" name="zd">
5 <el-input></el-input> 5 <div class="main">
6 6 <div class="header">
7 <el-button type="primary" @click="newAdd">新增</el-button> 7 <span>合并后项目名称:</span>
8 8 <el-input></el-input>
9 <el-button type="primary">保存</el-button> 9
10 </div> 10 <el-button type="primary" @click="newAdd">新增</el-button>
11 11
12 <table border="1"> 12 <el-button type="primary">保存</el-button>
13 <tr> 13 </div>
14 <td>序号</td> 14
15 <td>宗地代码</td> 15 <table border="1">
16 <td>不动产单元号</td> 16 <tr>
17 <td>项目名称</td> 17 <td>序号</td>
18 <td>不动产权证号</td> 18 <td>宗地代码</td>
19 <td>权利人</td> 19 <td>不动产单元号</td>
20 <td>坐落</td> 20 <td>项目名称</td>
21 </tr> 21 <td>不动产权证号</td>
22 <tr v-if="bgqData.length==0"> 22 <td>权利人</td>
23 <td colspan="7"> 23 <td>坐落</td>
24 <span class="noData">暂无数据</span> 24 </tr>
25 </td> 25 <tr v-if="bgqData.length==0">
26 </tr> 26 <td colspan="7">
27 <tr v-else v-for="(item,index) in bgqData" :key="index"> 27 <span class="noData">暂无数据</span>
28 <td>{{index+1}}</td> 28 </td>
29 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> 29 </tr>
30 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> 30 <tr v-else v-for="(item,index) in bgqData" :key="index">
31 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> 31 <td>{{index+1}}</td>
32 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> 32 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
33 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> 33 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
34 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 34 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
35 </tr> 35 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
36 </table> 36 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
37 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 37 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
38 </tr>
39 </table>
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 },
......