Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
0cb6a8ca by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents e7e27a75 b2f407c6
Inline Side-by-side
Showing 3 changed files with 823 additions and 15 deletions
...@@ -18,13 +18,14 @@ export function savemjft(data) { ...@@ -18,13 +18,14 @@ export function savemjft(data) {
18 */ 18 */
19 export function getMjftInfo(zdBsm) { 19 export function getMjftInfo(zdBsm) {
20 return request({ 20 return request({
21 url:"/zd/qjGygyzdmjft/getQjGygyzdmjftDetailById", 21 url: "/zd/qjGygyzdmjft/getQjGygyzdmjftDetailById",
22 method:"get", 22 method: "get",
23 params:{ 23 params: {
24 zdBsm 24 zdBsm
25 } 25 }
26 }) 26 })
27 } 27 }
28
28 /** 29 /**
29 * 新增宗地基本信息 30 * 新增宗地基本信息
30 */ 31 */
...@@ -35,6 +36,7 @@ export function insertQjZdjbxx(data) { ...@@ -35,6 +36,7 @@ export function insertQjZdjbxx(data) {
35 data: data, 36 data: data,
36 }); 37 });
37 } 38 }
39
38 /** 40 /**
39 * 修改宗地基本信息 41 * 修改宗地基本信息
40 */ 42 */
...@@ -85,6 +87,7 @@ export function queryjzx(glBsm) { ...@@ -85,6 +87,7 @@ export function queryjzx(glBsm) {
85 } 87 }
86 }) 88 })
87 } 89 }
90
88 /** 91 /**
89 * 根据zdbsm查询宗地基本信息 92 * 根据zdbsm查询宗地基本信息
90 */ 93 */
...@@ -108,6 +111,7 @@ export function jzdsingleModify(data) { ...@@ -108,6 +111,7 @@ export function jzdsingleModify(data) {
108 data: data 111 data: data
109 }) 112 })
110 } 113 }
114
111 /** 115 /**
112 * 界址点批量修改 116 * 界址点批量修改
113 */ 117 */
...@@ -144,7 +148,7 @@ export function jzxsbatchModify(data) { ...@@ -144,7 +148,7 @@ export function jzxsbatchModify(data) {
144 /**x 148 /**x
145 *根据宗地Bsm删除宗地信息 149 *根据宗地Bsm删除宗地信息
146 */ 150 */
147 export function deleteZdInfoByBsm(data){ 151 export function deleteZdInfoByBsm(data) {
148 return request({ 152 return request({
149 url: '/zd/qjZdjbxx/deleteZdjbxxByBsm', 153 url: '/zd/qjZdjbxx/deleteZdjbxxByBsm',
150 method: 'delete', 154 method: 'delete',
...@@ -152,4 +156,15 @@ export function deleteZdInfoByBsm(data){ ...@@ -152,4 +156,15 @@ export function deleteZdInfoByBsm(data){
152 }) 156 })
153 } 157 }
154 158
159 /**
160 * 宗地分割
161 */
162 export function zdfg(data) {
163 return request({
164 url: '/fg/zdFg',
165 method: 'post',
166 data: data
167 })
168 }
169
155 170
......
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>
...@@ -20,23 +23,506 @@ ...@@ -20,23 +23,506 @@
20 </td> 23 </td>
21 </tr> 24 </tr>
22 <tr v-else> 25 <tr v-else>
23 <!--<tr v-else v-for="(item,index) in bgqData" :key="index">-->
24 <td>1</td> 26 <td>1</td>
25 <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"/>
26 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/></td> 28 </td>
27 <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"/>
28 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/></td> 30 </td>
29 <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>
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>
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>
30 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 375 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td>
31 </tr> 376 </tr>
32 </table> 377 </table>
33 </div> 378 </div>
34 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" @close="close"></query-data> 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>
35 </div> 512 </div>
36 </template> 513 </template>
37 514
38 <script> 515 <script>
516 import {
517 getAllList,
518 getListByXzqbsm,
519 getListByPbsm,
520 getDdicByMC
521 } from "./../../../../api/common";
522 import {getQjZdjbxxDetailById} from './../../../../api/zd'
39 import QueryData from './../../../../components/queryData/queryData' 523 import QueryData from './../../../../components/queryData/queryData'
524 import {zdfg} from './../../../../api/zd'
525 import {Message} from 'element-ui'
40 526
41 export default { 527 export default {
42 name: "", 528 name: "",
...@@ -44,15 +530,201 @@ ...@@ -44,15 +530,201 @@
44 props: {}, 530 props: {},
45 data() { 531 data() {
46 return { 532 return {
533 tabName: 'zd',
534 isopenXz: false,
47 centerDialogVisible: false, 535 centerDialogVisible: false,
48 bgqData: {} 536 selectIndex: 0,// 当前选中序号
537 bgqData: {},
538 xzq: [],
539 djq: [],
540 djzq: [],
541 tdtzm: [],
542 defaultProps: {
543 children: 'children',
544 label: 'label'
545 },
546 zrzData: [{
547 label: '一级 1',
548 children: [{
549 label: '二级 1-1',
550 children: [{
551 label: '三级 1-1-1'
552 }]
553 }]
554 }, {
555 label: '一级 2',
556 children: [{
557 label: '二级 2-1',
558 children: [{
559 label: '三级 2-1-1'
560 }]
561 }, {
562 label: '二级 2-2',
563 children: [{
564 label: '三级 2-2-1'
565 }]
566 }]
567 }, {
568 label: '一级 3',
569 children: [{
570 label: '二级 3-1',
571 children: [{
572 label: '三级 3-1-1'
573 }]
574 }, {
575 label: '二级 3-2',
576 children: [{
577 label: '三级 3-2-1'
578 }]
579 }]
580 }],
581 ztypes: [
582 {
583 label: '多幢',
584 value: '多幢'
585 }, {
586 label: '自然幢',
587 value: '自然幢'
588 }
589 ],
590 syq: [
591 {
592 label: "国家所有",
593 value: "G",
594 },
595 {
596 label: "集体所有",
597 value: "J",
598 },
599 {
600 label: "土地所有权未确定或有争议",
601 value: "Z",
602 }
603 ],
604 checkedData: {
605 xzqbsm: "",
606 djqbsm: "",
607 djzqbsm: "",
608 xmmc: "",
609 syqlxbsm: "",
610 zdtzmbsm: "",
611 userbsm: "",
612 fwlist: []
613 },
614 fghData: {
615 oldZdbsm: "",
616 newZdlist: []
617 },
618
49 } 619 }
50 }, 620 },
51 created() { 621 created() {
52 }, 622 },
53 mounted() { 623 mounted() {
624 this.getXzqList();
625 this.getzdtzm();
54 }, 626 },
55 methods: { 627 methods: {
628 handleNodeClick(data) {
629 console.log(data);
630 },
631 xzzrz(index) {
632 this.isopenXz = true
633 this.selectIndex = index
634 },
635 save() {
636 console.log("save........")
637 console.log(this.fghData)
638 zdfg(this.fghData).then(res => {
639 console.log(res)
640 if (res.success) {
641 Message.success('保存成功')
642 } else {
643 Message.error(res.message)
644 }
645 })
646 },
647 getJbxx(id) {
648 getQjZdjbxxDetailById(id).then(res => {
649 this.checkedData = res.result
650 // 用户bsm暂时传空
651 this.checkedData.userbsm = ''
652 // fwlist 暂时传空
653 this.checkedData.fwlist = [{zdbsm: '', ztype: ''}]
654 })
655 },
656 getzdtzm() {
657 getDdicByMC('宗地（宗海）特征码').then(res => {
658 this.tdtzm = res.result
659 })
660 },
661 getXzqList() {
662 getAllList()
663 .then((res) => {
664 this.xzq = res.result;
665 })
666 .catch((error) => {
667 });
668 },
669 changeXzq(id, index) {
670 this.djq = [];
671 this.djzq = [];
672 if (index != undefined) {
673 this.fghData.newZdlist[index].djqbsm = ''
674 this.fghData.newZdlist[index].djzqbsm = ''
675 }
676 getListByXzqbsm(id)
677 .then((res) => {
678 if (res.result == null) {
679 this.djq = null;
680 } else {
681 this.djq = res.result;
682 }
683 })
684 .catch((error) => {
685 });
686 },
687 changeDjq(item, index) {
688 this.djzq = [];
689 if (index != undefined) {
690 this.fghData.newZdlist[index].djzqbsm = ''
691 }
692 if (item == null) {
693 } else {
694 getListByPbsm(item)
695 .then((res) => {
696 if (res.result == null) {
697 this.djzq = null;
698 } else {
699 this.djzq = res.result;
700 }
701 })
702 .catch((error) => {
703 });
704 }
705 },
706 addRow() {
707 this.fghData.newZdlist.push({
708 xzqbsm: "",
709 djqbsm: "",
710 djzqbsm: "",
711 xmmc: "",
712 syqlxbsm: "",
713 zdtzmbsm: "",
714 userbsm: "",
715 fwlist: [
716 {
717 zbsm: "",
718 ztype: ""
719 }
720 ]
721 });
722 this.fghData.newZdlist[this.fghData.newZdlist.length - 1] = JSON.parse(JSON.stringify(this.checkedData));
723
724 },
725 delRow(index) {
726 this.fghData.newZdlist.splice(index, 1)
727 },
56 close: function () { 728 close: function () {
57 this.centerDialogVisible = false; 729 this.centerDialogVisible = false;
58 }, 730 },
...@@ -68,7 +740,22 @@ ...@@ -68,7 +740,22 @@
68 }, 740 },
69 }, 741 },
70 computed: {}, 742 computed: {},
71 watch: {}, 743 watch: {
744 bgqData: {
745 handler: function (item) {
746 this.fghData.oldZdbsm = item.glbsm
747 this.getJbxx(item.glbsm)
748 },
749 deep: true
750 },
751 checkedData: {
752 handler: function (item) {
753 this.changeXzq(item.xzqbsm)
754 this.changeDjq(item.djqbsm)
755 },
756 deep: true
757 }
758 },
72 } 759 }
73 </script> 760 </script>
74 <style scoped lang="less"> 761 <style scoped lang="less">
...@@ -105,9 +792,24 @@ ...@@ -105,9 +792,24 @@
105 table:hover { 792 table:hover {
106 cursor: pointer; 793 cursor: pointer;
107 } 794 }
108 795 .xz {
796 color: blue;
797 }
109 .noData { 798 .noData {
110 color: #b2b2b2; 799 color: #b2b2b2;
111 } 800 }
801 .fgh {
802 margin-top: 20px;
803 }
804 .header-button {
805 margin-top: 20px;
806 text-align: center;
807 }
808 .xz-container {
809 border: 1px solid #000;
810 display: grid;
811 grid-template-columns: 70% 30%;
812 grid-template-rows: 1fr;
813 }
112 } 814 }
113 </style> 815 </style>
......
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 },
......