Merge remote-tracking branch 'origin/master' into master
# Conflicts: # src/assets/iconfont/demo_index.html # src/assets/iconfont/iconfont.css # src/assets/iconfont/iconfont.eot # src/assets/iconfont/iconfont.js # src/assets/iconfont/iconfont.json # src/assets/iconfont/iconfont.svg # src/assets/iconfont/iconfont.ttf # src/assets/iconfont/iconfont.woff # src/assets/iconfont/iconfont.woff2 # src/components/map/ChangeMap.vue # src/views/systemTX/map.vue # src/views/systemTX/mapWeight/mapTools.vue # src/views/systemTX/mapWeight/sideTools.vue
Showing
54 changed files
with
3318 additions
and
1741 deletions
1 | VUE_APP_api = 'http://192.168.2.108:8000' | 1 | VUE_APP_api = 'https://192.168.2.111:8006' |
2 | VUE_APP_api1 = 'http://192.168.2.76:8000' | 2 | VUE_APP_api1 = 'https://127.0.0.1:8006' |
3 | VUE_APP_api2 = 'http://192.168.2.108:8006' | 3 | VUE_APP_api2 = 'https://192.168.2.9:8006' |
4 | VUE_APP_api5 = 'http://192.168.2.59:8443' | 4 | VUE_APP_api3 = 'https://192.168.2.11:8006' |
5 | VUE_APP_api3 = 'https://127.0.0.1:8006' | 5 | VUE_APP_api4 = 'http://192.168.2.111:18080' |
6 | VUE_APP_api4 = 'http://127.0.0.1:18080' | ||
7 | VUE_APP_name = '开发环境' | 6 | VUE_APP_name = '开发环境' |
8 | NODE_ENV="development" | 7 | NODE_ENV="development" |
9 | VUE_APP_VERSION = 'psh' | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
8 | VUE_APP_VERSION = 'psh' | ... | ... |
src/api/c.js
0 → 100644
1 | import request from '@/plugin/axios' | ||
2 | |||
3 | /** | ||
4 | * 查询层基本信息 | ||
5 | */ | ||
6 | export function getQjCDetailById(data) { | ||
7 | return request({ | ||
8 | url: '/system/qjC/getQjCDetailById', | ||
9 | method: 'get', | ||
10 | params: { | ||
11 | id: data, | ||
12 | } | ||
13 | }) | ||
14 | } | ||
15 | |||
16 | /** | ||
17 | * 更新保存层基本信息 | ||
18 | */ | ||
19 | export function updateQjC(data) { | ||
20 | return request({ | ||
21 | url: '/system/qjC/updateQjC', | ||
22 | method: 'put', | ||
23 | data: data, | ||
24 | }) | ||
25 | } | ||
26 |
src/api/ljz.js
0 → 100644
1 | import request from '@/plugin/axios' | ||
2 | |||
3 | /** | ||
4 | * 查询逻辑幢基本信息 | ||
5 | */ | ||
6 | export function getQjLjzDetailById(data) { | ||
7 | return request({ | ||
8 | url: '/system/qjLjz/getQjLjzDetailById', | ||
9 | method: 'get', | ||
10 | params: { | ||
11 | id: data, | ||
12 | } | ||
13 | }) | ||
14 | } | ||
15 | |||
16 | /** | ||
17 | * 更新保存逻辑幢基本信息 | ||
18 | */ | ||
19 | export function updateQjLjz(data) { | ||
20 | return request({ | ||
21 | url: '/system/qjLjz/updateQjLjz', | ||
22 | method: 'put', | ||
23 | data: data, | ||
24 | }) | ||
25 | } | ||
26 |
... | @@ -43,4 +43,19 @@ export function getQlrInfoByGlbsm(data) { | ... | @@ -43,4 +43,19 @@ export function getQlrInfoByGlbsm(data) { |
43 | glbsm:data | 43 | glbsm:data |
44 | }, | 44 | }, |
45 | }) | 45 | }) |
46 | } | ||
47 | |||
48 | /** | ||
49 | * 更新权利人共有公用情况 | ||
50 | */ | ||
51 | export function updateGyGyQlrQk(glbsm,type,gyqkbsm) { | ||
52 | return request({ | ||
53 | url: '/system/Qlr/updateGyGyQlrQk', | ||
54 | method: 'get', | ||
55 | params: { | ||
56 | glbsm:glbsm, | ||
57 | type:type, | ||
58 | gyqkbsm:gyqkbsm, | ||
59 | }, | ||
60 | }) | ||
46 | } | 61 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -44,3 +44,29 @@ export function zrzList(data) { | ... | @@ -44,3 +44,29 @@ export function zrzList(data) { |
44 | data:data | 44 | data:data |
45 | }) | 45 | }) |
46 | } | 46 | } |
47 | |||
48 | /** | ||
49 | * 查询宗地、自然幢等权属状态 | ||
50 | * @param bsm | ||
51 | */ | ||
52 | export function queryStatus(bsm) { | ||
53 | return request({ | ||
54 | url:"/system/basiccommon/query-status", | ||
55 | method:'get', | ||
56 | params:{ | ||
57 | bsm | ||
58 | } | ||
59 | }) | ||
60 | } | ||
61 | |||
62 | /** | ||
63 | * 范围属性变更查询 | ||
64 | * @param data | ||
65 | */ | ||
66 | export function queryFwsxbg(data) { | ||
67 | return request({ | ||
68 | url:"/system/basiccommon/query-fwsxbg", | ||
69 | method:"post", | ||
70 | data:data | ||
71 | }) | ||
72 | } | ... | ... |
src/api/zdy.js
0 → 100644
1 | import request from '@/plugin/axios' | ||
2 | |||
3 | /** | ||
4 | * 查询幢单元基本信息 | ||
5 | */ | ||
6 | export function getQjZdyDetailById(data) { | ||
7 | return request({ | ||
8 | url: '/system/qjZdy/getQjZdyDetailById', | ||
9 | method: 'get', | ||
10 | params: { | ||
11 | id: data, | ||
12 | } | ||
13 | }) | ||
14 | } | ||
15 | |||
16 | /** | ||
17 | * 更新保存幢单元基本信息 | ||
18 | */ | ||
19 | export function updateQjZdy(data) { | ||
20 | return request({ | ||
21 | url: '/system/qjZdy/updateQjZdy', | ||
22 | method: 'put', | ||
23 | data: data, | ||
24 | }) | ||
25 | } | ||
26 |
... | @@ -227,6 +227,34 @@ ol, ul { list-style:none; } | ... | @@ -227,6 +227,34 @@ ol, ul { list-style:none; } |
227 | right: 6px; | 227 | right: 6px; |
228 | top: 4px; | 228 | top: 4px; |
229 | } | 229 | } |
230 | // 增删操作按钮样式 | ||
231 | .addMinus{ | ||
232 | border-radius:50%; | ||
233 | width: 30px !important; | ||
234 | height: 30px !important; | ||
235 | font-size: 22px!important; | ||
236 | padding: 4px 6px; | ||
237 | } | ||
238 | .outAdd,.outAdd:hover:focus{ | ||
239 | background-color: #2FA5FF!important; | ||
240 | border: 1px solid #2FA5FF!important; | ||
241 | color: #fff!important; | ||
242 | } | ||
243 | .inAdd,.inAdd:hover:focus{ | ||
244 | border: 1px solid #2FA5FF!important; | ||
245 | background-color: #fff!important; | ||
246 | color: #2FA5FF!important; | ||
247 | } | ||
248 | .outMinus,.outMinus:hover:focus{ | ||
249 | background-color: #FA6400!important; | ||
250 | border: 1px solid #FA6400!important; | ||
251 | color: #fff!important; | ||
252 | } | ||
253 | .inMinus,.inMinus:hover:focus{ | ||
254 | border: 1px solid #FA6400!important; | ||
255 | background-color: #fff!important; | ||
256 | color: #FA6400!important; | ||
257 | } | ||
230 | .import{ | 258 | .import{ |
231 | background-color: #00CACD!important; | 259 | background-color: #00CACD!important; |
232 | border-color: #00CACD!important; | 260 | border-color: #00CACD!important; | ... | ... |
... | @@ -17,7 +17,7 @@ | ... | @@ -17,7 +17,7 @@ |
17 | <el-button style="border:0;padding:0 10px" @click="newAddDz"> | 17 | <el-button style="border:0;padding:0 10px" @click="newAddDz"> |
18 | <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>多幢 | 18 | <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>多幢 |
19 | </el-button> | 19 | </el-button> |
20 | <el-button style="border:0;padding:0 10px" @click="newAddDz"> | 20 | <el-button style="border:0;padding:0 10px" @click="newAddZrz"> |
21 | <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>自然幢 | 21 | <i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>自然幢 |
22 | </el-button> | 22 | </el-button> |
23 | </template> | 23 | </template> |
... | @@ -245,7 +245,7 @@ | ... | @@ -245,7 +245,7 @@ |
245 | <td>{{item.bdcdyh}}</td> | 245 | <td>{{item.bdcdyh}}</td> |
246 | <td>{{item.xmmc}}</td> | 246 | <td>{{item.xmmc}}</td> |
247 | <td>{{item.bdcqzh}}</td> | 247 | <td>{{item.bdcqzh}}</td> |
248 | <td>{{item.qlr}}</td> | 248 | <td>{{item.qlrmc}}</td> |
249 | <td>{{item.zl}}</td> | 249 | <td>{{item.zl}}</td> |
250 | <td>{{item.zrzCount}}</td> | 250 | <td>{{item.zrzCount}}</td> |
251 | </tr> | 251 | </tr> |
... | @@ -328,7 +328,7 @@ | ... | @@ -328,7 +328,7 @@ |
328 | <td>权利人</td> | 328 | <td>权利人</td> |
329 | <td>坐落</td> | 329 | <td>坐落</td> |
330 | </tr> | 330 | </tr> |
331 | <tr v-if="Data.length==0"> | 331 | <tr v-if="Data.length===0"> |
332 | <td colspan="8"> | 332 | <td colspan="8"> |
333 | <span class="noData">暂无数据</span> | 333 | <span class="noData">暂无数据</span> |
334 | </td> | 334 | </td> |
... | @@ -342,7 +342,7 @@ | ... | @@ -342,7 +342,7 @@ |
342 | <td>{{item.bdcdyh}}</td> | 342 | <td>{{item.bdcdyh}}</td> |
343 | <td>{{item.xmmc}}</td> | 343 | <td>{{item.xmmc}}</td> |
344 | <td>{{item.bdcqzh}}</td> | 344 | <td>{{item.bdcqzh}}</td> |
345 | <td>{{item.qlr}}</td> | 345 | <td>{{item.qlrmc}}</td> |
346 | <td>{{item.zl}}</td> | 346 | <td>{{item.zl}}</td> |
347 | </tr> | 347 | </tr> |
348 | </table> | 348 | </table> |
... | @@ -424,25 +424,26 @@ | ... | @@ -424,25 +424,26 @@ |
424 | methods: { | 424 | methods: { |
425 | getZdData(id) { | 425 | getZdData(id) { |
426 | getQjZdjbxxDetailById(id).then(res => { | 426 | getQjZdjbxxDetailById(id).then(res => { |
427 | this.dzhbhData.xzqbsm = res.result.xzqbsm | 427 | this.dzhbhData.xzqbsm = res.result.xzqbsm; |
428 | this.changeXzq(this.dzhbhData.xzqbsm) | 428 | this.changeXzq(this.dzhbhData.xzqbsm); |
429 | this.dzhbhData.djqbsm = res.result.djqbsm | 429 | this.dzhbhData.djqbsm = res.result.djqbsm; |
430 | this.changeDjq(this.dzhbhData.djqbsm) | 430 | this.changeDjq(this.dzhbhData.djqbsm); |
431 | this.dzhbhData.djzqbsm = res.result.djzqbsm | 431 | this.dzhbhData.djzqbsm = res.result.djzqbsm; |
432 | this.dzhbhData.syqlxbsm = res.result.syqlxbsm | 432 | this.dzhbhData.syqlxbsm = res.result.syqlxbsm; |
433 | this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm | 433 | this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm; |
434 | }) | 434 | }) |
435 | }, | 435 | }, |
436 | newAddDz() { | 436 | newAddDz() { |
437 | this.dzIsVisible = true; | 437 | this.dzIsVisible = true; |
438 | this.reset(); | ||
438 | this.geDztData(this.queryData) | 439 | this.geDztData(this.queryData) |
439 | }, | 440 | }, |
440 | newAddZrz() { | 441 | newAddZrz() { |
441 | this.zrzIsVisible = true; | 442 | this.zrzIsVisible = true; |
443 | this.reset(); | ||
442 | this.geZrztData(this.queryData) | 444 | this.geZrztData(this.queryData) |
443 | }, | 445 | }, |
444 | deleteData(index) { | 446 | deleteData(index) { |
445 | console.log(JSON.stringify(index)+":row") | ||
446 | let data = this.dzhbqData[index]; | 447 | let data = this.dzhbqData[index]; |
447 | // 多幢 | 448 | // 多幢 |
448 | if (data.zrzCount) { | 449 | if (data.zrzCount) { |
... | @@ -453,17 +454,17 @@ | ... | @@ -453,17 +454,17 @@ |
453 | let zrzIndex = this.zrzList.indexOf(data); | 454 | let zrzIndex = this.zrzList.indexOf(data); |
454 | this.zrzList.splice(zrzIndex, 1) | 455 | this.zrzList.splice(zrzIndex, 1) |
455 | } | 456 | } |
456 | this.dzhbqData.splice(index, 1) | 457 | this.dzhbqData.splice(index, 1); |
457 | if (this.dzhbqData.length === 0) { | 458 | if (this.dzhbqData.length === 0) { |
458 | this.dzhbhData.xzqbsm = "" | 459 | this.dzhbhData.xzqbsm = ""; |
459 | this.dzhbhData.djqbsm = "" | 460 | this.dzhbhData.djqbsm = ""; |
460 | this.dzhbhData.djzqbsm = "" | 461 | this.dzhbhData.djzqbsm = ""; |
461 | this.dzhbhData.syqlxbsm = "" | 462 | this.dzhbhData.syqlxbsm = ""; |
462 | this.dzhbhData.zdtzmbsm = "" | 463 | this.dzhbhData.zdtzmbsm = "" |
463 | } | 464 | } |
464 | }, | 465 | }, |
465 | save() { | 466 | save() { |
466 | 467 | ||
467 | }, | 468 | }, |
468 | dzClose() { | 469 | dzClose() { |
469 | this.dzIsVisible = false; | 470 | this.dzIsVisible = false; |
... | @@ -473,22 +474,30 @@ | ... | @@ -473,22 +474,30 @@ |
473 | }, | 474 | }, |
474 | currentChange(val) { | 475 | currentChange(val) { |
475 | this.queryData.pageNo = val; | 476 | this.queryData.pageNo = val; |
476 | this.geDztData(this.queryData); | 477 | if (this.dzIsVisible) { |
478 | this.geDztData(this.queryData); | ||
479 | }else { | ||
480 | this.geZrztData(this.queryData) | ||
481 | } | ||
477 | }, | 482 | }, |
478 | geDztData(data) { | 483 | geDztData(data) { |
479 | dzList(data).then(res => { | 484 | dzList(data).then(res => { |
480 | this.Data = res.result.records | 485 | this.Data = res.result.records; |
481 | this.total = res.result.total; | 486 | this.total = res.result.total; |
482 | }) | 487 | }) |
483 | }, | 488 | }, |
484 | geZrztData(data) { | 489 | geZrztData(data) { |
485 | zrzList(data).then(res => { | 490 | zrzList(data).then(res => { |
486 | this.Data = res.result.records | 491 | this.Data = res.result.records; |
487 | this.total = res.result.total; | 492 | this.total = res.result.total; |
488 | }) | 493 | }) |
489 | }, | 494 | }, |
490 | search() { | 495 | search() { |
491 | this.geDztData(this.queryData) | 496 | if (this.dzIsVisible) { |
497 | this.geDztData(this.queryData); | ||
498 | }else { | ||
499 | this.geZrztData(this.queryData) | ||
500 | } | ||
492 | }, | 501 | }, |
493 | addData(data) { | 502 | addData(data) { |
494 | if (this.dzhbqData.length === 0) { | 503 | if (this.dzhbqData.length === 0) { |
... | @@ -502,7 +511,7 @@ | ... | @@ -502,7 +511,7 @@ |
502 | let arr = []; | 511 | let arr = []; |
503 | arr = this.dzhbqData.filter(i => i.bsm === data.bsm); | 512 | arr = this.dzhbqData.filter(i => i.bsm === data.bsm); |
504 | if (arr.length > 0) { | 513 | if (arr.length > 0) { |
505 | this.$message.info("当前多幢已选择,请重新选择") | 514 | this.$message.info("当前多幢已选择,请重新选择"); |
506 | return | 515 | return |
507 | } | 516 | } |
508 | arr = this.dzhbqData.filter(i => i.zdbsm !== data.zdbsm); | 517 | arr = this.dzhbqData.filter(i => i.zdbsm !== data.zdbsm); |
... | @@ -610,19 +619,23 @@ | ... | @@ -610,19 +619,23 @@ |
610 | pageNo: 1, | 619 | pageNo: 1, |
611 | pageSize: 10 | 620 | pageSize: 10 |
612 | }; | 621 | }; |
613 | this.geDztData(this.queryData) | 622 | if (this.dzIsVisible) { |
623 | this.geDztData(this.queryData); | ||
624 | }else { | ||
625 | this.geZrztData(this.queryData) | ||
626 | } | ||
614 | }, | 627 | }, |
615 | }, | 628 | }, |
616 | watch: { | 629 | watch: { |
617 | zdbsm: function (bsm) { | 630 | zdbsm: function (bsm) { |
618 | this.getZdData(bsm) | 631 | this.getZdData(bsm) |
619 | } | 632 | }, |
620 | } | 633 | } |
621 | } | 634 | } |
622 | </script> | 635 | </script> |
623 | 636 | ||
624 | <style scoped lang="less"> | 637 | <style scoped lang="less"> |
625 | 638 | ||
626 | .psn { | 639 | .psn { |
627 | position: unset !important; | 640 | position: unset !important; |
628 | } | 641 | } |
... | @@ -652,6 +665,7 @@ | ... | @@ -652,6 +665,7 @@ |
652 | } | 665 | } |
653 | 666 | ||
654 | .header-button { | 667 | .header-button { |
668 | z-index: 3; | ||
655 | width: 1624px; | 669 | width: 1624px; |
656 | height: 50px; | 670 | height: 50px; |
657 | position: fixed; | 671 | position: fixed; | ... | ... |
... | @@ -56,17 +56,18 @@ | ... | @@ -56,17 +56,18 @@ |
56 | <div class="table-bode"> | 56 | <div class="table-bode"> |
57 | <table border="1"> | 57 | <table border="1"> |
58 | <tr> | 58 | <tr> |
59 | <td>序号</td> | 59 | <th>序号</th> |
60 | <td>操作</td> | 60 | <th>操作</th> |
61 | <td>宗地代码</td> | 61 | <th>宗地代码</th> |
62 | <td>不动产单元号</td> | 62 | <th>不动产单元号</th> |
63 | <td>项目名称</td> | 63 | <th>项目名称</th> |
64 | <td>不动产权证号</td> | 64 | <th>不动产权证号</th> |
65 | <td>权利人</td> | 65 | <th>权利人</th> |
66 | <td>坐落</td> | 66 | <th>坐落</th> |
67 | <th>自然幢数量</th> | ||
67 | </tr> | 68 | </tr> |
68 | <tr v-if="Data.length==0"> | 69 | <tr v-if="Data.length===0"> |
69 | <td colspan="8"> | 70 | <td colspan="9"> |
70 | <span class="noData">暂无数据</span> | 71 | <span class="noData">暂无数据</span> |
71 | </td> | 72 | </td> |
72 | </tr> | 73 | </tr> |
... | @@ -79,8 +80,9 @@ | ... | @@ -79,8 +80,9 @@ |
79 | <td>{{item.bdcdyh}}</td> | 80 | <td>{{item.bdcdyh}}</td> |
80 | <td>{{item.xmmc}}</td> | 81 | <td>{{item.xmmc}}</td> |
81 | <td>{{item.bdcqzh}}</td> | 82 | <td>{{item.bdcqzh}}</td> |
82 | <td>{{item.qlr}}</td> | 83 | <td>{{item.qlrmc}}</td> |
83 | <td>{{item.zl}}</td> | 84 | <td>{{item.zl}}</td> |
85 | <td>{{item.zrzCount}}</td> | ||
84 | </tr> | 86 | </tr> |
85 | </table> | 87 | </table> |
86 | </div> | 88 | </div> |
... | @@ -208,7 +210,9 @@ | ... | @@ -208,7 +210,9 @@ |
208 | background-color: #F5F7FA; | 210 | background-color: #F5F7FA; |
209 | } | 211 | } |
210 | } | 212 | } |
211 | 213 | th{ | |
214 | height: 36px; | ||
215 | } | ||
212 | td { | 216 | td { |
213 | text-align: center; | 217 | text-align: center; |
214 | height: 36px; | 218 | height: 36px; | ... | ... |
... | @@ -7,12 +7,12 @@ | ... | @@ -7,12 +7,12 @@ |
7 | <td colspan="8"> | 7 | <td colspan="8"> |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="14" class="fl" style="line-height:32px"> | 9 | <el-col :span="14" class="fl" style="line-height:32px"> |
10 | <el-radio-group v-model="gyfs"> | 10 | <el-radio-group v-model="gyfs" @change="updateGyfs"> |
11 | <el-radio :label="item.bsm" :disabled="qszt!='0' || item.disabled" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio> | 11 | <el-radio :label="item.bsm" :disabled="+qszt!==0" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio> |
12 | </el-radio-group> | 12 | </el-radio-group> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="10" class="fr"> | 14 | <el-col :span="10" class="fr"> |
15 | <div v-show="qszt=='0'" class="fr" style="margin-right:20px"> | 15 | <!-- <div v-show="qszt=='0'" class="fr" style="margin-right:20px"> |
16 | <el-button class="qlrBtn" size="mini" @click="addRow"> | 16 | <el-button class="qlrBtn" size="mini" @click="addRow"> |
17 | <i class="iconfont iconxinzeng"></i> 新增 | 17 | <i class="iconfont iconxinzeng"></i> 新增 |
18 | </el-button> | 18 | </el-button> |
... | @@ -22,15 +22,15 @@ | ... | @@ -22,15 +22,15 @@ |
22 | <el-button class="qlrBtn" size="mini" @click="delRow"> | 22 | <el-button class="qlrBtn" size="mini" @click="delRow"> |
23 | <i class="iconfont iconshanchu"></i> 删除 | 23 | <i class="iconfont iconshanchu"></i> 删除 |
24 | </el-button> | 24 | </el-button> |
25 | </div> | 25 | </div>--> |
26 | <div v-show="qszt!='0'" class="fr" style="margin-right:20px"> | 26 | <div v-show="+qszt === 0" class="fr" style="margin-right:20px"> |
27 | <el-button class="qlrBtn" size="mini" disabled> | 27 | <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0 || (tableData.length>0 && gyfs ==='PSHGSBDCQJDC000000000000DC340010') " @click="addRow"> |
28 | <i class="iconfont iconxinzeng"></i> 新增 | 28 | <i class="iconfont iconxinzeng" :disabled="+qszt!==0"></i> 新增 |
29 | </el-button> | 29 | </el-button> |
30 | <el-button class="qlrBtn" size="mini" disabled> | 30 | <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="changeRow"> |
31 | <i class="iconfont iconbianji"></i> 编辑 | 31 | <i class="iconfont iconbianji"></i> 编辑 |
32 | </el-button> | 32 | </el-button> |
33 | <el-button class="qlrBtn" size="mini" disabled> | 33 | <el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="delRow"> |
34 | <i class="iconfont iconshanchu"></i> 删除 | 34 | <i class="iconfont iconshanchu"></i> 删除 |
35 | </el-button> | 35 | </el-button> |
36 | </div> | 36 | </div> |
... | @@ -75,11 +75,11 @@ | ... | @@ -75,11 +75,11 @@ |
75 | <tr> | 75 | <tr> |
76 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> | 76 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td> |
77 | <td colspan="6"> | 77 | <td colspan="6"> |
78 | <input type="text" class="formInput" v-model="formData.qlrmc" /> | 78 | <input type="text" class="formInput" v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"/> |
79 | </td> | 79 | </td> |
80 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> | 80 | <td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td> |
81 | <td colspan="6"> | 81 | <td colspan="6"> |
82 | <el-select class="formSelect" v-model="formData.qlrlxbsm"> | 82 | <el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm"> |
83 | <el-option | 83 | <el-option |
84 | v-for="item in $store.state.qlrlxList" | 84 | v-for="item in $store.state.qlrlxList" |
85 | :key="item.bsm" | 85 | :key="item.bsm" |
... | @@ -93,7 +93,7 @@ | ... | @@ -93,7 +93,7 @@ |
93 | <tr> | 93 | <tr> |
94 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> | 94 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td> |
95 | <td colspan="6"> | 95 | <td colspan="6"> |
96 | <el-select class="formSelect" v-model="formData.zjzlbsm"> | 96 | <el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm"> |
97 | <el-option | 97 | <el-option |
98 | v-for="item in $store.state.zjzlList" | 98 | v-for="item in $store.state.zjzlList" |
99 | :key="item.bsm" | 99 | :key="item.bsm" |
... | @@ -105,18 +105,18 @@ | ... | @@ -105,18 +105,18 @@ |
105 | </td> | 105 | </td> |
106 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> | 106 | <td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td> |
107 | <td colspan="6"> | 107 | <td colspan="6"> |
108 | <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" /> | 108 | <input type="text" class="formInput" maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"/> |
109 | </td> | 109 | </td> |
110 | </tr> | 110 | </tr> |
111 | <tr> | 111 | <tr> |
112 | <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> | 112 | <td colspan="4" class="tdright"><i class="requisite">*</i>电话</td> |
113 | <td colspan="6"> | 113 | <td colspan="6"> |
114 | <!-- @blur="inputBlur($event)"--> | 114 | <!-- @blur="inputBlur($event)"--> |
115 | <input type="text" class="formInput" v-model="formData.dh" /> | 115 | <input type="text" class="formInput" v-model="formData.dh" ref="dh" @blur="inputBlur($event)"/> |
116 | </td> | 116 | </td> |
117 | <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> | 117 | <td colspan="4" class="tdright"><i class="requisite">*</i>地址</td> |
118 | <td colspan="6"> | 118 | <td colspan="6"> |
119 | <input type="text" class="formInput" v-model="formData.dz" /> | 119 | <input type="text" class="formInput" v-model="formData.dz" ref="dz" @blur="inputBlur($event)"/> |
120 | </td> | 120 | </td> |
121 | </tr> | 121 | </tr> |
122 | <tr> | 122 | <tr> |
... | @@ -268,7 +268,7 @@ | ... | @@ -268,7 +268,7 @@ |
268 | <tr> | 268 | <tr> |
269 | <td colspan="4" class="tdright">共有方式</td> | 269 | <td colspan="4" class="tdright">共有方式</td> |
270 | <td colspan="6"> | 270 | <td colspan="6"> |
271 | <el-select class="formSelect" v-model="formData.gyfsbsm"> | 271 | <el-select class="formSelect" v-model="formData.gyfsbsm" disabled> |
272 | <el-option | 272 | <el-option |
273 | v-for="item in $store.state.gyfsList" | 273 | v-for="item in $store.state.gyfsList" |
274 | :key="item.bsm" | 274 | :key="item.bsm" |
... | @@ -313,7 +313,7 @@ | ... | @@ -313,7 +313,7 @@ |
313 | 313 | ||
314 | <script> | 314 | <script> |
315 | import {getDdicByMC} from "@api/common"; | 315 | import {getDdicByMC} from "@api/common"; |
316 | import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm} from "@api/qlr"; | 316 | import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm,updateGyGyQlrQk} from "@api/qlr"; |
317 | 317 | ||
318 | export default { | 318 | export default { |
319 | props: { | 319 | props: { |
... | @@ -329,13 +329,19 @@ | ... | @@ -329,13 +329,19 @@ |
329 | type: String, | 329 | type: String, |
330 | default: "15vh", | 330 | default: "15vh", |
331 | }, | 331 | }, |
332 | 'bsm':String | 332 | bsm: { |
333 | type: String, | ||
334 | default: "", | ||
335 | }, | ||
336 | type: { | ||
337 | type: String, | ||
338 | default: "", | ||
339 | }, | ||
333 | }, | 340 | }, |
334 | data() { | 341 | data() { |
335 | return { | 342 | return { |
336 | update:false, | 343 | update:false, |
337 | // bsm:'', | 344 | gyfs: this.$store.state.gyfsList[0].bsm, |
338 | gyfs: '', | ||
339 | tableData: [], | 345 | tableData: [], |
340 | gyfsList:[], | 346 | gyfsList:[], |
341 | //表格选中项 | 347 | //表格选中项 |
... | @@ -384,11 +390,26 @@ | ... | @@ -384,11 +390,26 @@ |
384 | zjzlbsm: "", | 390 | zjzlbsm: "", |
385 | }, | 391 | }, |
386 | glbsm:'', | 392 | glbsm:'', |
393 | |||
394 | rules:[], | ||
387 | }; | 395 | }; |
388 | }, | 396 | }, |
389 | methods: { | 397 | methods: { |
398 | |||
399 | inputBlur(e){ | ||
400 | if(e.target.value!=''){ | ||
401 | e.target.style.border="" | ||
402 | }else{ | ||
403 | e.target.style.border="1px solid red"; | ||
404 | e.target.style.boxSizing = 'border-box'; | ||
405 | } | ||
406 | }, | ||
407 | |||
390 | //新增行数据 | 408 | //新增行数据 |
391 | addRow() { | 409 | addRow() { |
410 | |||
411 | console.log(this.gyfs,'共有方式') | ||
412 | |||
392 | this.update=false; | 413 | this.update=false; |
393 | let flag=false; | 414 | let flag=false; |
394 | for(let i = 0;i<this.$store.state.gyfsList.length;i++){ | 415 | for(let i = 0;i<this.$store.state.gyfsList.length;i++){ |
... | @@ -414,41 +435,97 @@ | ... | @@ -414,41 +435,97 @@ |
414 | }, | 435 | }, |
415 | //确认权利人信息按钮;可以进行新增;可以进行更新; | 436 | //确认权利人信息按钮;可以进行新增;可以进行更新; |
416 | addNewQlrInfo(){ | 437 | addNewQlrInfo(){ |
417 | //todo 权利人页面调整 | 438 | |
418 | this.formData.addQjDlrFrRequest=[]; | 439 | this.rules=[ |
419 | this.formData.glbsm=this.bsm; | 440 | { |
420 | this.formData.gyfsbsm=this.gyfs; | 441 | data:this.formData.qlrmc, |
421 | //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; | 442 | name:'权利人名称', |
422 | //法人的type字段类型为0, | 443 | dom:this.$refs.qlrmc, |
423 | this.formData.fr.type=0; | 444 | rule: /^\s*$/g, //非空 |
424 | this.formData.addQjDlrFrRequest.push(this.formData.fr); | 445 | }, |
425 | for(let k=0;k<this.formData.dlrList.length;k++){ | 446 | { |
426 | //代理人的type字段类型为1, | 447 | data:this.formData.qlrlxbsm, |
427 | this.formData.dlrList[k].type=1; | 448 | name:'权利人类型', |
428 | this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]); | 449 | dom:this.$refs.qlrlxbsm, |
429 | } | 450 | rule: /^\s*$/g, //非空 |
430 | this.formData.gyfsbsm=this.gyfs; | 451 | }, |
431 | //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作 | 452 | { |
432 | if(this.update){ | 453 | data:this.formData.zjzlbsm, |
433 | console.log(this.formData) | 454 | name:'证件类型', |
434 | updateQlrDlrFr(this.formData).then((res)=>{ | 455 | dom:this.$refs.zjzlbsm, |
435 | if(res.code===200){ | 456 | rule: /^\s*$/g, //非空 |
436 | this.$message.success("修改完成!"); | 457 | }, |
437 | this.getQlrInfo(); | 458 | { |
438 | this.update=false; | 459 | data:this.formData.zjh, |
439 | this.dialogVisible = false; | 460 | name:'证件号', |
461 | dom:this.$refs.zjh, | ||
462 | rule: /^\s*$/g, //非空 | ||
463 | }, | ||
464 | { | ||
465 | data:this.formData.dh, | ||
466 | name:'电话', | ||
467 | dom:this.$refs.dh, | ||
468 | rule: /^\s*$/g, //非空 | ||
469 | }, | ||
470 | { | ||
471 | data:this.formData.dz, | ||
472 | name:'地址', | ||
473 | dom:this.$refs.dz, | ||
474 | rule: /^\s*$/g, //非空 | ||
475 | }, | ||
476 | ] | ||
477 | let flag = true; | ||
478 | this.rules.forEach(item=>{ | ||
479 | if(item.rule.test(item.data) || item.data == null){ | ||
480 | if(item.dom.$el){ | ||
481 | item.dom.$el.style.border = '1px solid red'; | ||
482 | item.dom.$el.style.boxSizing = 'border-box'; | ||
483 | }else{ | ||
484 | item.dom.style.border = '1px solid red'; | ||
485 | item.dom.style.boxSizing = 'border-box'; | ||
440 | } | 486 | } |
441 | }) | 487 | flag = false; |
442 | }else { | 488 | return false |
443 | insertQlrDlrFr(this.formData).then((res)=>{ | 489 | } |
444 | if(res.code===200){ | 490 | }) |
445 | this.tableData.push(this.formData); | 491 | this.$nextTick(()=>{ |
446 | Object.assign(this.$data, this.$options.data()) | 492 | if (flag) { |
447 | this.dialogVisible = false; | 493 | //todo 权利人页面调整 |
448 | this.getQlrInfo(); | 494 | this.formData.addQjDlrFrRequest=[]; |
495 | this.formData.glbsm=this.bsm; | ||
496 | //将代理人,法人数据合在一起,名称为addQjDlrFrRequest; | ||
497 | //法人的type字段类型为0, | ||
498 | this.formData.fr.type=0; | ||
499 | this.formData.addQjDlrFrRequest.push(this.formData.fr); | ||
500 | for(let k=0;k<this.formData.dlrList.length;k++){ | ||
501 | //代理人的type字段类型为1, | ||
502 | this.formData.dlrList[k].type=1; | ||
503 | this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]); | ||
449 | } | 504 | } |
450 | }) | 505 | //如果是从更新按钮点击确定的则进行更新操作,如果不是,则进行添加操作 |
451 | } | 506 | if(this.update){ |
507 | console.log(this.formData) | ||
508 | updateQlrDlrFr(this.formData).then((res)=>{ | ||
509 | if(res.code===200){ | ||
510 | this.$message.success("修改完成!"); | ||
511 | this.getQlrInfo(this.bsm); | ||
512 | this.update=false; | ||
513 | this.dialogVisible = false; | ||
514 | } | ||
515 | }) | ||
516 | }else { | ||
517 | insertQlrDlrFr(this.formData).then((res)=>{ | ||
518 | if(res.code===200){ | ||
519 | this.tableData.push(this.formData); | ||
520 | Object.assign(this.$data, this.$options.data()) | ||
521 | this.dialogVisible = false; | ||
522 | this.getQlrInfo(this.bsm); | ||
523 | } | ||
524 | }) | ||
525 | } | ||
526 | } | ||
527 | }) | ||
528 | |||
452 | 529 | ||
453 | }, | 530 | }, |
454 | //修改行数据 | 531 | //修改行数据 |
... | @@ -467,6 +544,21 @@ | ... | @@ -467,6 +544,21 @@ |
467 | }); | 544 | }); |
468 | } | 545 | } |
469 | }, | 546 | }, |
547 | |||
548 | updateGyfs(val){ | ||
549 | console.log(val,this.type) | ||
550 | updateGyGyQlrQk(this.bsm,this.type,val).then((res)=>{ | ||
551 | if(res.code === 200){ | ||
552 | console.log("修改完成!") | ||
553 | } | ||
554 | }) | ||
555 | }, | ||
556 | |||
557 | //父组件改变子组件的共有方式 | ||
558 | changeGyfs(val){ | ||
559 | this.gyfs = val; | ||
560 | }, | ||
561 | |||
470 | //行双击事件 | 562 | //行双击事件 |
471 | rowDbclick(row){ | 563 | rowDbclick(row){ |
472 | this.dialogVisible = true; | 564 | this.dialogVisible = true; |
... | @@ -504,7 +596,7 @@ | ... | @@ -504,7 +596,7 @@ |
504 | deleteQlrDlrFrByQlrbsm(qlrbsms).then((res)=>{ | 596 | deleteQlrDlrFrByQlrbsm(qlrbsms).then((res)=>{ |
505 | if(res.code===200){ | 597 | if(res.code===200){ |
506 | this.$message.success("删除完成!") | 598 | this.$message.success("删除完成!") |
507 | this.getQlrInfo(); | 599 | this.getQlrInfo(this.bsm); |
508 | } | 600 | } |
509 | }) | 601 | }) |
510 | } else { | 602 | } else { |
... | @@ -546,8 +638,8 @@ | ... | @@ -546,8 +638,8 @@ |
546 | }); | 638 | }); |
547 | } | 639 | } |
548 | }, | 640 | }, |
549 | getQlrInfo(){ | 641 | getQlrInfo(bsm){ |
550 | getQlrInfoByGlbsm(this.bsm).then((res)=>{ | 642 | getQlrInfoByGlbsm(bsm).then((res)=>{ |
551 | if(res.code){ | 643 | if(res.code){ |
552 | if(res.result!=null){ | 644 | if(res.result!=null){ |
553 | this.tableData=res.result; | 645 | this.tableData=res.result; |
... | @@ -563,21 +655,24 @@ | ... | @@ -563,21 +655,24 @@ |
563 | }, | 655 | }, |
564 | created(){ | 656 | created(){ |
565 | this.gyfsList = this.$store.state.gyfsList; | 657 | this.gyfsList = this.$store.state.gyfsList; |
566 | if(this.tableData.length>1){ | ||
567 | for(let i = 0;i<this.gyfsList.length;i++){ | ||
568 | let item = this.gyfsList[i]; | ||
569 | this.gyfsList.disabled = item.mc === "单独所有" && item.bsm === this.gyfs; | ||
570 | } | ||
571 | } | ||
572 | }, | 658 | }, |
573 | mounted() { | 659 | mounted() { |
574 | this.getQlrInfo(); | 660 | this.getQlrInfo(this.bsm); |
575 | if(this.$store.state.gyfsList.length>0){ | ||
576 | this.gyfs=this.$store.state.gyfsList[0].bsm; | ||
577 | } | ||
578 | |||
579 | }, | 661 | }, |
580 | watch:{ | 662 | watch:{ |
663 | tableData:{ | ||
664 | handler:function (v) { | ||
665 | console.log(v,'权利人') | ||
666 | this.gyfsList[0].disabled = v.length() > 1; | ||
667 | } , | ||
668 | deep:true | ||
669 | }, | ||
670 | gyfsList:{ | ||
671 | handler:function(v){ | ||
672 | console.log(v,"共有方式") | ||
673 | }, | ||
674 | deep:true | ||
675 | }, | ||
581 | dialogVisible(n){ | 676 | dialogVisible(n){ |
582 | if(n == false){ | 677 | if(n == false){ |
583 | this.formData = { | 678 | this.formData = { |
... | @@ -633,6 +728,40 @@ | ... | @@ -633,6 +728,40 @@ |
633 | } | 728 | } |
634 | } | 729 | } |
635 | }, | 730 | }, |
731 | |||
732 | "formData.qlrlxbsm":function (val) { | ||
733 | console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)") | ||
734 | if (val != '') { | ||
735 | console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)") | ||
736 | this.$refs.qlrlxbsm.$el.style.border = ''; | ||
737 | } | ||
738 | }, | ||
739 | |||
740 | "formData.zjzlbsm":function (val) { | ||
741 | if (val != '') { | ||
742 | this.$refs.zjzlbsm.$el.style.border = ''; | ||
743 | } | ||
744 | }, | ||
745 | // "formData.gyfsbsm":function (val) { | ||
746 | // let ddsy = ''; | ||
747 | // for(let i = 0;i<this.gyfsList.length;i++){ | ||
748 | // if(this.gyfsList[i].mc === "单独所有"){ | ||
749 | // ddsy = this.gyfsList[i].bsm | ||
750 | // } | ||
751 | // } | ||
752 | // if(ddsy === val){ | ||
753 | // if(this.update){ | ||
754 | // if(this.tableData.length > 1){ | ||
755 | // this.$message.warning("权利人人数大于1,不能选择单独所有") | ||
756 | // } | ||
757 | // }else{ | ||
758 | // if(this.tableData.length > 0){ | ||
759 | // this.$message.warning("权利人人数大于1,不能选择单独所有") | ||
760 | // } | ||
761 | // } | ||
762 | // | ||
763 | // } | ||
764 | // } | ||
636 | } | 765 | } |
637 | }; | 766 | }; |
638 | </script> | 767 | </script> |
... | @@ -775,7 +904,6 @@ | ... | @@ -775,7 +904,6 @@ |
775 | td { | 904 | td { |
776 | text-align: right; | 905 | text-align: right; |
777 | height: 36px; | 906 | height: 36px; |
778 | padding-right: 10px; | ||
779 | } | 907 | } |
780 | /deep/.el-input__inner { | 908 | /deep/.el-input__inner { |
781 | margin: 0; | 909 | margin: 0; | ... | ... |
... | @@ -53,8 +53,8 @@ | ... | @@ -53,8 +53,8 @@ |
53 | :class="childIndex > 0 ? 'childYT' : ''" | 53 | :class="childIndex > 0 ? 'childYT' : ''" |
54 | > | 54 | > |
55 | <ul> | 55 | <ul> |
56 | <li>批准用途</li> | 56 | <li><i class="requisite">*</i>批准用途</li> |
57 | <li>实际用途</li> | 57 | <li><i class="requisite">*</i>实际用途</li> |
58 | <li><i class="requisite">*</i>土地使用起始时间</li> | 58 | <li><i class="requisite">*</i>土地使用起始时间</li> |
59 | </ul> | 59 | </ul> |
60 | </el-col> | 60 | </el-col> |
... | @@ -69,6 +69,7 @@ | ... | @@ -69,6 +69,7 @@ |
69 | class="formSelect percent30" | 69 | class="formSelect percent30" |
70 | v-if="show" | 70 | v-if="show" |
71 | :default-expand-all="defaultExpandAll" | 71 | :default-expand-all="defaultExpandAll" |
72 | ref="pzytdm" | ||
72 | :multiple="multiple" | 73 | :multiple="multiple" |
73 | :placeholder="placeholder" | 74 | :placeholder="placeholder" |
74 | :disabled="formData.qszt!='0'" | 75 | :disabled="formData.qszt!='0'" |
... | @@ -84,6 +85,7 @@ | ... | @@ -84,6 +85,7 @@ |
84 | class="formSelect percent30" | 85 | class="formSelect percent30" |
85 | v-if="show" | 86 | v-if="show" |
86 | :default-expand-all="defaultExpandAll" | 87 | :default-expand-all="defaultExpandAll" |
88 | ref="sjytdm" | ||
87 | :multiple="multiple" | 89 | :multiple="multiple" |
88 | :placeholder="placeholder" | 90 | :placeholder="placeholder" |
89 | :disabled="formData.qszt!='0'" | 91 | :disabled="formData.qszt!='0'" |
... | @@ -234,8 +236,8 @@ | ... | @@ -234,8 +236,8 @@ |
234 | :class="childIndex > 0 ? 'childYT' : ''" | 236 | :class="childIndex > 0 ? 'childYT' : ''" |
235 | > | 237 | > |
236 | <ul> | 238 | <ul> |
237 | <li>批准用途</li> | 239 | <li><i class="requisite">*</i>批准用途</li> |
238 | <li>实际用途</li> | 240 | <li><i class="requisite">*</i>实际用途</li> |
239 | <li><i class="requisite">*</i>土地使用起始时间</li> | 241 | <li><i class="requisite">*</i>土地使用起始时间</li> |
240 | </ul> | 242 | </ul> |
241 | </el-col> | 243 | </el-col> |
... | @@ -249,6 +251,7 @@ | ... | @@ -249,6 +251,7 @@ |
249 | <el-select-tree | 251 | <el-select-tree |
250 | v-if="show" | 252 | v-if="show" |
251 | :default-expand-all="defaultExpandAll" | 253 | :default-expand-all="defaultExpandAll" |
254 | ref="pzytdm" | ||
252 | :multiple="multiple" | 255 | :multiple="multiple" |
253 | :placeholder="placeholder" | 256 | :placeholder="placeholder" |
254 | :disabled="disabled" | 257 | :disabled="disabled" |
... | @@ -263,6 +266,7 @@ | ... | @@ -263,6 +266,7 @@ |
263 | <el-select-tree | 266 | <el-select-tree |
264 | v-if="show" | 267 | v-if="show" |
265 | :default-expand-all="defaultExpandAll" | 268 | :default-expand-all="defaultExpandAll" |
269 | ref="sjytdm" | ||
266 | :multiple="multiple" | 270 | :multiple="multiple" |
267 | :placeholder="placeholder" | 271 | :placeholder="placeholder" |
268 | :disabled="disabled" | 272 | :disabled="disabled" |
... | @@ -627,6 +631,20 @@ export default { | ... | @@ -627,6 +631,20 @@ export default { |
627 | // val:this.$refs.tdsyjssj[temp+ind].value, | 631 | // val:this.$refs.tdsyjssj[temp+ind].value, |
628 | rule: /^\s*$/g, //非空 | 632 | rule: /^\s*$/g, //非空 |
629 | }, | 633 | }, |
634 | { | ||
635 | data:item.list[ind].pzytdm, | ||
636 | name:'批准用途', | ||
637 | dom:this.$refs.pzytdm[temp+ind], | ||
638 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
639 | rule: /^\s*$/g, //非空 | ||
640 | }, | ||
641 | { | ||
642 | data:item.list[ind].sjytdm, | ||
643 | name:'实际用途', | ||
644 | dom:this.$refs.sjytdm[temp+ind], | ||
645 | // val:this.$refs.tdsyjssj[temp+ind].value, | ||
646 | rule: /^\s*$/g, //非空 | ||
647 | }, | ||
630 | ) | 648 | ) |
631 | if(this.hasSyqx){ | 649 | if(this.hasSyqx){ |
632 | rules.push( | 650 | rules.push( |
... | @@ -696,10 +714,18 @@ export default { | ... | @@ -696,10 +714,18 @@ export default { |
696 | watch:{ | 714 | watch:{ |
697 | countList: { | 715 | countList: { |
698 | handler : function (newVal, oldVal) { | 716 | handler : function (newVal, oldVal) { |
699 | newVal.forEach((item,ind)=>{ | 717 | newVal.forEach((i,ind)=>{ |
700 | if(item.qlxzdm != ''){ | 718 | i.list.forEach((item,index)=>{ |
701 | this.$refs.qlxzdm[ind].$el.style.border="" | 719 | if(item.qlxzdm != '' &&item.qlxzdm != null){ |
702 | } | 720 | this.$refs.qlxzdm[ind].$el.style.border="" |
721 | } | ||
722 | if(item.sjytdm != '' &&item.sjytdm != null){ | ||
723 | this.$refs.sjytdm[ind].$el.style.border="" | ||
724 | } | ||
725 | if(item.pzytdm != '' &&item.pzytdm != null){ | ||
726 | this.$refs.pzytdm[ind].$el.style.border="" | ||
727 | } | ||
728 | }) | ||
703 | }) | 729 | }) |
704 | }, | 730 | }, |
705 | deep:true | 731 | deep:true |
... | @@ -868,6 +894,9 @@ export default { | ... | @@ -868,6 +894,9 @@ export default { |
868 | margin-top: 16px; | 894 | margin-top: 16px; |
869 | } | 895 | } |
870 | } | 896 | } |
897 | .tdytAdd{ | ||
898 | width: 100px; | ||
899 | } | ||
871 | .tdytAdd,.tdytMinus{ | 900 | .tdytAdd,.tdytMinus{ |
872 | span{ | 901 | span{ |
873 | font-size: 14px; | 902 | font-size: 14px; | ... | ... |
src/components/fwsxbg/fwsxbgTab.vue
0 → 100644
1 | <template> | ||
2 | <div class="mainbox1"> | ||
3 | <template v-if="isFwsxbg"> | ||
4 | <!-- <p class="tips">查询条件</p> --> | ||
5 | <el-row class="box"> | ||
6 | <el-col :span="24"> | ||
7 | <el-row> | ||
8 | <el-col :span="24"> | ||
9 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> | ||
10 | <el-form-item label="宗地编码"> | ||
11 | <el-input | ||
12 | v-model="queryData.zddm" | ||
13 | placeholder="输入宗地编码" | ||
14 | @change="query" | ||
15 | ></el-input> | ||
16 | </el-form-item> | ||
17 | <el-form-item label="项目名称"> | ||
18 | <el-input | ||
19 | placeholder="输入项目名称" | ||
20 | v-model="queryData.xmmc" | ||
21 | @change="query" | ||
22 | ></el-input> | ||
23 | </el-form-item> | ||
24 | <el-form-item label="不动产单元号"> | ||
25 | <el-input | ||
26 | maxlength="28" | ||
27 | v-model="queryData.bdcdyh" | ||
28 | placeholder="输入不动产单元号" | ||
29 | @change="query" | ||
30 | ></el-input> | ||
31 | </el-form-item> | ||
32 | <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button> | ||
33 | <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button> | ||
34 | <el-button | ||
35 | type="primary" | ||
36 | @click="moreSearch" | ||
37 | >更多查询 | ||
38 | </el-button> | ||
39 | <!-- @click="ismore = !ismore" --> | ||
40 | </el-form> | ||
41 | </el-col> | ||
42 | </el-row> | ||
43 | <el-row class="row3" v-if="ismore"> | ||
44 | <el-col :span="22"> | ||
45 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> | ||
46 | <el-form-item label="权利人名称"> | ||
47 | <el-input | ||
48 | placeholder="输入权利人名称" | ||
49 | v-model="queryData.qlrmc" | ||
50 | @change="query" | ||
51 | ></el-input> | ||
52 | </el-form-item> | ||
53 | <el-form-item label="坐落"> | ||
54 | <el-input | ||
55 | v-model="queryData.zl" | ||
56 | placeholder="输入坐落地址" | ||
57 | @change="query" | ||
58 | ></el-input> | ||
59 | </el-form-item> | ||
60 | <el-form-item label="不动产权证号"> | ||
61 | <el-input | ||
62 | placeholder="输入不动产权证号" | ||
63 | v-model="queryData.bdcqzh" | ||
64 | @change="query" | ||
65 | ></el-input> | ||
66 | </el-form-item> | ||
67 | </el-form> | ||
68 | </el-col> | ||
69 | <el-col :span="2" :offset="offset"> | ||
70 | </el-col> | ||
71 | </el-row> | ||
72 | </el-col> | ||
73 | </el-row> | ||
74 | <!-- <p class="tips">查询列表</p> --> | ||
75 | <div class="dataGrid" ref="dataGrid"> | ||
76 | <el-table | ||
77 | :data="tableData" | ||
78 | :height="tableHeight" | ||
79 | :row-class-name="tableRowClassName" | ||
80 | > | ||
81 | <el-table-column type="index" width="80" align="center" label="序号"> | ||
82 | </el-table-column> | ||
83 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> | ||
84 | </el-table-column> | ||
85 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> | ||
86 | </el-table-column> | ||
87 | <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> | ||
88 | </el-table-column> | ||
89 | <!--<el-table-column prop="dylx" align="left" width="120" label="类型"> | ||
90 | <template slot-scope="scope"> | ||
91 | {{ scope.row.dylx | bdcLxFilter }} | ||
92 | </template> | ||
93 | </el-table-column>--> | ||
94 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> | ||
95 | </el-table-column> | ||
96 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> | ||
97 | <el-table-column | ||
98 | prop="addtime" | ||
99 | align="left" | ||
100 | width="120" | ||
101 | label="转入时间" | ||
102 | > | ||
103 | <template slot-scope="scope"> | ||
104 | {{ scope.row.addtime | timeFilter }} | ||
105 | </template> | ||
106 | </el-table-column> | ||
107 | <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> | ||
108 | </el-table-column> --> | ||
109 | <el-table-column label="操作" align="center" width="100"> | ||
110 | <template slot-scope="scope"> | ||
111 | <el-tooltip class="item" effect="light" content="办理" placement="top"> | ||
112 | <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> | ||
113 | </el-tooltip> | ||
114 | <el-tooltip class="item" effect="light" content="定位" placement="top"> | ||
115 | <i class="iconfont icondingwei iconfontEdit"></i> | ||
116 | </el-tooltip> | ||
117 | <!-- <el-button @click="handleClick(scope.row)" type="text" size="small" | ||
118 | >办理 | ||
119 | </el-button> | ||
120 | <el-button type="text" size="small">定位</el-button> --> | ||
121 | </template> | ||
122 | </el-table-column> | ||
123 | </el-table> | ||
124 | <div class="pagination"> | ||
125 | <el-pagination | ||
126 | background | ||
127 | layout="prev, pager, next,total" | ||
128 | :total="total" | ||
129 | :current-page="pageNo" | ||
130 | :page-size="pageSize" | ||
131 | @current-change="handleCurrentChange" | ||
132 | > | ||
133 | </el-pagination> | ||
134 | </div> | ||
135 | </div> | ||
136 | </template> | ||
137 | <div class="lpb" v-if="!isFwsxbg"> | ||
138 | <div class="lpb-header"> | ||
139 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
140 | <el-radio-button label="0">预测</el-radio-button> | ||
141 | <el-radio-button label="1">实测</el-radio-button> | ||
142 | </el-radio-group> | ||
143 | <el-input | ||
144 | maxlength="28" | ||
145 | v-model="bdcdyh" | ||
146 | :style="{ width: inputWidth + 'px' }" | ||
147 | class="searchInput" | ||
148 | placeholder="输入不动产单元号或室号" | ||
149 | ><i | ||
150 | slot="suffix" | ||
151 | class="el-input__icon el-icon-search" | ||
152 | @click="inputChange" | ||
153 | ></i | ||
154 | ></el-input> | ||
155 | <el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link> | ||
156 | </div> | ||
157 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading"> | ||
158 | <!-- 楼盘表主体 --> | ||
159 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | ||
160 | <lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent> | ||
161 | </div> | ||
162 | <!-- 右侧图例 --> | ||
163 | <div class="lp-legend"> | ||
164 | <div class="handleCol"> | ||
165 | <div class="btn" @click="legendToggle"> | ||
166 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | ||
167 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | ||
168 | </div> | ||
169 | <div | ||
170 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
171 | @click="selectedZt = 'dyzt'" | ||
172 | > | ||
173 | <span>单元状态</span> | ||
174 | </div> | ||
175 | <div | ||
176 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
177 | @click="selectedZt = 'fwxz'" | ||
178 | > | ||
179 | <span>房屋性质</span> | ||
180 | </div> | ||
181 | <div | ||
182 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
183 | @click="selectedZt = 'fwyt'" | ||
184 | > | ||
185 | <span>房屋用途</span> | ||
186 | </div> | ||
187 | </div> | ||
188 | <div | ||
189 | class="legendTable-wrap" | ||
190 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | ||
191 | > | ||
192 | <table | ||
193 | class="legendTable" | ||
194 | v-show="selectedZt == 'dyzt'" | ||
195 | cellspacing="1" | ||
196 | cellpadding="1" | ||
197 | border="1" | ||
198 | > | ||
199 | <tr> | ||
200 | <th>状态</th> | ||
201 | <th>套数</th> | ||
202 | <th>面积</th> | ||
203 | </tr> | ||
204 | <tr | ||
205 | v-for="(item, index) in dyztList" | ||
206 | :key="index" | ||
207 | class="cp" | ||
208 | @click="handleChoosedH(item.bsms,item.color)" | ||
209 | > | ||
210 | <td> | ||
211 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
212 | >{{ item.name }} | ||
213 | </td> | ||
214 | <td>{{ item.ts }}</td> | ||
215 | <td>{{ item.mj }}</td> | ||
216 | </tr> | ||
217 | </table> | ||
218 | |||
219 | <table | ||
220 | class="legendTable" | ||
221 | v-show="selectedZt == 'fwxz'" | ||
222 | cellspacing="1" | ||
223 | cellpadding="1" | ||
224 | border="1" | ||
225 | > | ||
226 | <tr> | ||
227 | <th>性质</th> | ||
228 | <th>套数</th> | ||
229 | <th>面积</th> | ||
230 | </tr> | ||
231 | <tr | ||
232 | v-for="(item, index) in fwxzList" | ||
233 | :key="index" | ||
234 | class="cp" | ||
235 | @click="handleChoosedH(item.bsms,item.color)" | ||
236 | > | ||
237 | <td> | ||
238 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
239 | >{{ item.name }} | ||
240 | </td> | ||
241 | <td>{{ item.ts }}</td> | ||
242 | <td>{{ item.mj }}</td> | ||
243 | </tr> | ||
244 | <tr v-show="fwxzList.length < 1"> | ||
245 | <td colspan="3" class="tac">暂无数据</td> | ||
246 | </tr> | ||
247 | </table> | ||
248 | |||
249 | <table | ||
250 | class="legendTable" | ||
251 | v-show="selectedZt == 'fwyt'" | ||
252 | cellspacing="1" | ||
253 | cellpadding="1" | ||
254 | border="1" | ||
255 | > | ||
256 | <tr> | ||
257 | <th>用途</th> | ||
258 | <th>套数</th> | ||
259 | <th>面积</th> | ||
260 | </tr> | ||
261 | <tr | ||
262 | v-for="(item, index) in fwytList" | ||
263 | :key="index" | ||
264 | class="cp" | ||
265 | @click="handleChoosedH(item.bsms,item.color)" | ||
266 | > | ||
267 | <td> | ||
268 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
269 | >{{ item.name }} | ||
270 | </td> | ||
271 | <td>{{ item.ts }}</td> | ||
272 | <td>{{ item.mj }}</td> | ||
273 | </tr> | ||
274 | <tr v-show="fwytList.length < 1"> | ||
275 | <td colspan="3" class="tac">暂无数据</td> | ||
276 | </tr> | ||
277 | </table> | ||
278 | </div> | ||
279 | </div> | ||
280 | </div> | ||
281 | </div> | ||
282 | </div> | ||
283 | </template> | ||
284 | |||
285 | <script> | ||
286 | import { getSearchList } from "@api/search"; | ||
287 | import { fwsxbgbl } from "@api/common"; | ||
288 | import {getQjHDetailByBsm} from "@api/h"; | ||
289 | import {queryFwsxbg} from "@api/search" | ||
290 | import lpbContent from "./../../views/zrz/lpb/bjlp/lpbContent/index" | ||
291 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; | ||
292 | export default { | ||
293 | name: "fwsxbgTab", | ||
294 | components: { lpbContent }, | ||
295 | inject:['getRightTree','getTreeByBsm'], | ||
296 | props: { | ||
297 | queryType:{ | ||
298 | type:String, | ||
299 | default:'zd' | ||
300 | } | ||
301 | }, | ||
302 | data() { | ||
303 | return { | ||
304 | offset: 22, | ||
305 | ismore: false, | ||
306 | queryData: { | ||
307 | bdcdyh: "", | ||
308 | bdcqzh: "", | ||
309 | qlrmc: "", | ||
310 | xmmc: "", | ||
311 | zddm: "", | ||
312 | zl: "", | ||
313 | pageNo:this.pageNo, | ||
314 | pageSize:this.pageSize, | ||
315 | type:this.queryType | ||
316 | }, | ||
317 | type:'fwsxbg', | ||
318 | total: 0, | ||
319 | pageNo: 1, | ||
320 | pageSize: 15, | ||
321 | tableData: [], | ||
322 | tableHeight: "100", | ||
323 | //queryData: {}, | ||
324 | isFwsxbg:true, | ||
325 | zrzbsm:'', | ||
326 | scyclx:'0', //实预测类型 | ||
327 | bdcdyh:'',//室号搜索 | ||
328 | inputWidth: 220,//搜索框宽度 | ||
329 | legendToggleFlag: false, | ||
330 | selectedZt:'dyzt', | ||
331 | dyztList: [ | ||
332 | { | ||
333 | name: "未确权", | ||
334 | color: "#83AAFE", | ||
335 | ts: "12", | ||
336 | mj: "1633", | ||
337 | }, | ||
338 | { | ||
339 | name: "已确权", | ||
340 | color: "#6EDEE1", | ||
341 | ts: "22", | ||
342 | mj: "3109", | ||
343 | }, | ||
344 | { | ||
345 | name: "已备案", | ||
346 | color: "#8ADC88", | ||
347 | ts: "3", | ||
348 | mj: "409", | ||
349 | }, | ||
350 | { | ||
351 | name: "预抵押", | ||
352 | color: "#F2AD67", | ||
353 | ts: "11", | ||
354 | mj: "1466", | ||
355 | }, | ||
356 | { | ||
357 | name: "在建抵押", | ||
358 | color: "#F191C8", | ||
359 | ts: "13", | ||
360 | mj: "1792", | ||
361 | }, | ||
362 | { | ||
363 | name: "抵押", | ||
364 | color: "#FF8282", | ||
365 | ts: "14", | ||
366 | mj: "13", | ||
367 | }, | ||
368 | { | ||
369 | name: "查封", | ||
370 | color: "#D7CECF", | ||
371 | ts: "9", | ||
372 | mj: "1436", | ||
373 | }, | ||
374 | { | ||
375 | name: "异议", | ||
376 | color: "#D4A3EB", | ||
377 | ts: "34", | ||
378 | mj: "4342", | ||
379 | }, | ||
380 | { | ||
381 | name: "限制", | ||
382 | color: "#A5A3FB", | ||
383 | ts: "2", | ||
384 | mj: "285", | ||
385 | }, | ||
386 | ], | ||
387 | fwxzList: [], | ||
388 | fwytList: [], | ||
389 | lpbContentHeight: 0, | ||
390 | lpbContentwidth: 0, | ||
391 | lpbloading:true, | ||
392 | hbsm:'' | ||
393 | }; | ||
394 | }, | ||
395 | created() {}, | ||
396 | mounted() { | ||
397 | this.queryData.pageNo = this.pageNo; | ||
398 | this.queryData.pageSize = this.pageSize; | ||
399 | this.queryData.type = this.queryType; | ||
400 | this.getData(this.queryData); | ||
401 | // console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight'); | ||
402 | this.$nextTick(() => { | ||
403 | this.tableHeight = | ||
404 | (document.documentElement.clientHeight || document.body.clientHeight) - | ||
405 | 342; | ||
406 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 262; | ||
407 | }); | ||
408 | }, | ||
409 | methods: { | ||
410 | // 重置 | ||
411 | reset(){ | ||
412 | this.queryData = { | ||
413 | bdcdyh: "", | ||
414 | bdcqzh: "", | ||
415 | qlrmc: "", | ||
416 | xmmc: "", | ||
417 | zddm: "", | ||
418 | zl: "", | ||
419 | type: this.queryType | ||
420 | } | ||
421 | }, | ||
422 | // 查询 | ||
423 | query(){ | ||
424 | this.queryData.pageNo = this.pageNo; | ||
425 | this.queryData.pageSize = this.pageSize; | ||
426 | this.queryData.type = this.queryType; | ||
427 | this.getData(this.queryData) | ||
428 | }, | ||
429 | // 更多查询 | ||
430 | moreSearch(){ | ||
431 | console.log(this.tableHeight); | ||
432 | if(this.ismore === true){ | ||
433 | this.ismore = false; | ||
434 | this.tableHeight+=69; | ||
435 | }else { | ||
436 | this.ismore = true; | ||
437 | this.tableHeight-=69; | ||
438 | } | ||
439 | }, | ||
440 | onSubmit() {}, | ||
441 | tableRowClassName({ row, rowIndex }) { | ||
442 | if (rowIndex % 2 !== 0) { | ||
443 | return "even-row"; | ||
444 | } else { | ||
445 | return ""; | ||
446 | } | ||
447 | }, | ||
448 | handleCurrentChange(val) { | ||
449 | console.log(`当前页: ${val}`); | ||
450 | this.pageNo = val; | ||
451 | this.queryData.pageNo = val; | ||
452 | this.getData(this.queryData); | ||
453 | }, | ||
454 | getData(data) { | ||
455 | /*data['type'] = this.type | ||
456 | data["qszt"] = this.qszt; | ||
457 | getSearchList(data).then((res) => { | ||
458 | this.tableData = res.result.records; | ||
459 | this.total = res.result.total; | ||
460 | });*/ | ||
461 | queryFwsxbg(data).then(res=>{ | ||
462 | if (res.success) { | ||
463 | this.tableData = res.result.records; | ||
464 | this.total = res.result.total; | ||
465 | } | ||
466 | }) | ||
467 | }, | ||
468 | //获取子组件点击查询触发的事件 | ||
469 | /* geQuerytData(obj) { | ||
470 | this.queryData = obj; | ||
471 | //将obj作为参数调用接口查询表格数据 | ||
472 | this.queryData["pageSize"] = this.pageSize; | ||
473 | this.pageNo = 1; | ||
474 | this.queryData["pageNo"] = 1; | ||
475 | this.getData(this.queryData); | ||
476 | },*/ | ||
477 | //点击办理 | ||
478 | handleClick(row) { | ||
479 | let params = { bsm: row.bsm, type: this.queryType }; | ||
480 | this.bdcdyh = row.bdcdyh; | ||
481 | if(row.dylx == 'h0' || row.dylx == 'h1'){ | ||
482 | this.hbsm = row.bsm; | ||
483 | getQjHDetailByBsm(row.bsm).then((res)=>{ | ||
484 | if(res.code===200){ | ||
485 | this.zrzbsm = res.result.zrzbsm; | ||
486 | this.isFwsxbg = false; | ||
487 | this.$nextTick(()=>{ | ||
488 | this.scyclx = row.dylx == 'h0' ? '0':'1' | ||
489 | }) | ||
490 | } | ||
491 | }) | ||
492 | }else{ | ||
493 | this.$confirm('是否确定范围属性变更?', '提示', { | ||
494 | confirmButtonText: '确定', | ||
495 | cancelButtonText: '取消', | ||
496 | type: 'warning' | ||
497 | }).then(() => { | ||
498 | fwsxbgbl(params) | ||
499 | .then((res) => { | ||
500 | if (res.success) { | ||
501 | // this.$message({ | ||
502 | // message: res.message, | ||
503 | // type: "变更成功", | ||
504 | // }); | ||
505 | let path = ""; | ||
506 | switch (this.queryType) { | ||
507 | case "zrz": | ||
508 | this.$store.state.zrzbsm = res.result; | ||
509 | this.getTreeByBsm(res.result,this.queryType,'0,1,2'); | ||
510 | path = "/zrz"; | ||
511 | break; | ||
512 | case "zd": | ||
513 | this.$store.state.zdbsm = res.result; | ||
514 | this.getRightTree(res.result,'0,1,2'); | ||
515 | path = "/zd"; | ||
516 | break; | ||
517 | case "dz": | ||
518 | this.$store.state.dzbsm = res.result; | ||
519 | this.getTreeByBsm(res.result,this.queryType,'0,1,2'); | ||
520 | path = "/dz"; | ||
521 | break; | ||
522 | default: | ||
523 | break; | ||
524 | } | ||
525 | this.$router.push({ | ||
526 | path: path, | ||
527 | query: { | ||
528 | bsm: res.result, | ||
529 | source: 2, | ||
530 | auth:'2' | ||
531 | } | ||
532 | }); | ||
533 | } else { | ||
534 | this.$message({ | ||
535 | message: res.message, | ||
536 | type: "warning", | ||
537 | }); | ||
538 | } | ||
539 | }) | ||
540 | .catch((error) => { | ||
541 | this.$message({ | ||
542 | message: res.message, | ||
543 | type: "error", | ||
544 | }); | ||
545 | }); | ||
546 | }).catch(() => { | ||
547 | |||
548 | }); | ||
549 | } | ||
550 | }, | ||
551 | |||
552 | //实预测转换 | ||
553 | scyclxChange(){ | ||
554 | //清空已选中层户 | ||
555 | // this.bsms = []; | ||
556 | this.$refs.lpbContent.hbsmList = []; | ||
557 | this.$nextTick(()=>{ | ||
558 | //户 | ||
559 | this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ | ||
560 | item.style.borderColor = 'rgb(230, 230, 230)'; | ||
561 | if (item.className == "tdSelect") { | ||
562 | item.className = ""; | ||
563 | } | ||
564 | }); | ||
565 | //层 | ||
566 | this.$refs.lpbContent.$refs.cBsm.forEach(item=>{ | ||
567 | console.log(item.className,'item.className'); | ||
568 | item.className = "floor"; | ||
569 | }); | ||
570 | }) | ||
571 | //获取图例数据 | ||
572 | this.getDyztBsmList(); | ||
573 | this.getLpbFwytAndQlxz(); | ||
574 | }, | ||
575 | inputChange() { | ||
576 | if (this.bdcdyh != "") { | ||
577 | // 根据不动产单元号或者室号搜索 | ||
578 | // this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | ||
579 | } else { | ||
580 | this.$message({ | ||
581 | message: "请输入内容后查询", | ||
582 | type: "warning", | ||
583 | }); | ||
584 | } | ||
585 | }, | ||
586 | //图例的展开收起 | ||
587 | legendToggle() { | ||
588 | this.legendToggleFlag = !this.legendToggleFlag; | ||
589 | }, | ||
590 | //获取各项单元状态统计数据 | ||
591 | getDyztBsmList() { | ||
592 | let data = { | ||
593 | zrzbsm: this.$store.state.zrzbsm, | ||
594 | scyclx: this.scyclx, | ||
595 | }; | ||
596 | getLpbTj(data).then((res) => { | ||
597 | if (res.code === 200) { | ||
598 | this.dyztList = res.result; | ||
599 | this.dyztList.splice(1,0,this.dyztList[8]); | ||
600 | this.dyztList.pop(); | ||
601 | this.dyztList.forEach(item=>{ | ||
602 | item.ts = item.bsms.length; | ||
603 | switch (item.name) { | ||
604 | case 'Qqzt': | ||
605 | item.color = "#6EDEE1"; | ||
606 | item.name = "已确权" | ||
607 | break; | ||
608 | case 'Wqqzt': | ||
609 | item.color = "#83AAFE"; | ||
610 | item.name = "未确权" | ||
611 | break; | ||
612 | case 'Bazt': | ||
613 | item.color = "#8ADC88"; | ||
614 | item.name = "已备案" | ||
615 | break; | ||
616 | case 'Ydyzt': | ||
617 | item.color = "#F2AD67"; | ||
618 | item.name = "预抵押" | ||
619 | break; | ||
620 | case 'Zjgcdyzt': | ||
621 | item.color = "#F191C8"; | ||
622 | item.name = "在建抵押" | ||
623 | break; | ||
624 | case 'Dyzt': | ||
625 | item.color = "#FF8282"; | ||
626 | item.name = "抵押" | ||
627 | break; | ||
628 | case 'Cfzt': | ||
629 | item.color = "#D7CECF"; | ||
630 | item.name = "查封" | ||
631 | break; | ||
632 | case 'Yyzt': | ||
633 | item.color = "#D4A3EB"; | ||
634 | item.name = "异议" | ||
635 | break; | ||
636 | case 'Xzzt': | ||
637 | item.color = "#A5A3FB"; | ||
638 | item.name = "限制" | ||
639 | break; | ||
640 | default: | ||
641 | break; | ||
642 | } | ||
643 | }) | ||
644 | } | ||
645 | }); | ||
646 | }, | ||
647 | // 获取房屋用途和房屋性质统计数据 | ||
648 | getLpbFwytAndQlxz(){ | ||
649 | let data = { | ||
650 | zrzbsm: this.$store.state.zrzbsm, | ||
651 | scyclx: this.scyclx, | ||
652 | }; | ||
653 | getLpbFwytAndQlxz(data).then((res) => { | ||
654 | if (res.code === 200) { | ||
655 | // this.fwytList = res.result | ||
656 | this.fwytList = res.result.fwyt; | ||
657 | this.fwxzList = res.result.qlxz; | ||
658 | if(this.fwytList.length>0){ | ||
659 | this.fwytList.forEach(item=>{ | ||
660 | item.color = "#2591FD"; | ||
661 | item.ts = item.bsms.length | ||
662 | }) | ||
663 | } | ||
664 | if(this.fwxzList.length>0){ | ||
665 | this.fwxzList.forEach(item=>{ | ||
666 | item.color = "#2591FD"; | ||
667 | item.ts = item.bsms.length | ||
668 | }) | ||
669 | } | ||
670 | } | ||
671 | }); | ||
672 | }, | ||
673 | //切换房屋状态 | ||
674 | handleChoosedH(bsms,color) { | ||
675 | //每次切换房屋状态,将之前高亮的户边框颜色重置为默认 | ||
676 | this.$refs.lpbContent.choosedList = []; | ||
677 | this.$refs.lpbContent.$refs.hBsm.forEach((item) => { | ||
678 | item.style.border = ''; | ||
679 | }); | ||
680 | // console.log(bsms,'bsms'); | ||
681 | // console.log(color,'color'); | ||
682 | // Dyzt:{list:[],mj:''} | ||
683 | //清除选中户 | ||
684 | // this.$refs.lpbContent.clearChoosedH(); | ||
685 | this.$nextTick(()=>{ | ||
686 | //给hBsmList传值 | ||
687 | // console.log(bsms,'bsms'); | ||
688 | this.$refs.lpbContent.choosedList = bsms; | ||
689 | this.$refs.lpbContent.borderColor = color; | ||
690 | }) | ||
691 | }, | ||
692 | }, | ||
693 | computed: {}, | ||
694 | watch: { | ||
695 | ismore: function(val) { | ||
696 | if (val) { | ||
697 | this.offset = 0; | ||
698 | } else { | ||
699 | this.offset = 22; | ||
700 | this.queryData.qlrmc = ""; | ||
701 | this.queryData.xmmc = ""; | ||
702 | this.queryData.bdcqzh = ""; | ||
703 | } | ||
704 | }, | ||
705 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | ||
706 | legendToggleFlag(n) { | ||
707 | if (n) { | ||
708 | this.lpbContentwidth -= 204; | ||
709 | } else { | ||
710 | this.lpbContentwidth += 204; | ||
711 | } | ||
712 | }, | ||
713 | //选择自然幢展示楼盘表后,查询右侧图例数据 | ||
714 | isFwsxbg(n){ | ||
715 | if (!n) { | ||
716 | this.getDyztBsmList(); | ||
717 | this.getLpbFwytAndQlxz(); | ||
718 | this.$nextTick(()=>{ | ||
719 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | ||
720 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | ||
721 | this.$refs.lpbContent.hbsmList.push(this.hbsm) | ||
722 | }) | ||
723 | } | ||
724 | }, | ||
725 | //改变syclx,更新楼盘表数据 | ||
726 | scyclx(n){ | ||
727 | this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData | ||
728 | }, | ||
729 | selectedZt(n){ | ||
730 | this.legendToggleFlag = true; | ||
731 | }, | ||
732 | queryType(val){ | ||
733 | console.log(val,"范围属性变更,tab") | ||
734 | this.queryData.type=val; | ||
735 | } | ||
736 | }, | ||
737 | }; | ||
738 | </script> | ||
739 | |||
740 | <style scoped lang="less"> | ||
741 | .mainbox1{ | ||
742 | width: 100%; | ||
743 | height: 100%; | ||
744 | box-sizing: border-box; | ||
745 | padding:20px; | ||
746 | background-color: #eaedf5; | ||
747 | .box{ | ||
748 | background-color: white; | ||
749 | padding: 10px 0; | ||
750 | margin-bottom: 10px; | ||
751 | } | ||
752 | .tips{ | ||
753 | color: #9B9B9B; | ||
754 | margin-left: 2px; | ||
755 | margin-bottom: 10px; | ||
756 | } | ||
757 | .demo-form-inline { | ||
758 | margin-top: 18px; | ||
759 | .moreSearchBtn { | ||
760 | background-color: #1ad6e1; | ||
761 | border-color: #1ad6e1; | ||
762 | } | ||
763 | .moreSearchBtn:focus, | ||
764 | .moreSearchBtn:hover { | ||
765 | background-color: rgba(28, 200, 229, 0.6); | ||
766 | } | ||
767 | } | ||
768 | .dataGrid { | ||
769 | flex: 1; | ||
770 | .pagination { | ||
771 | padding: 18px 0 0 0; | ||
772 | } | ||
773 | } | ||
774 | |||
775 | .lpb{ | ||
776 | box-sizing: border-box; | ||
777 | padding-left: 2px; | ||
778 | .searchInput { | ||
779 | transition: 0.5s; | ||
780 | margin-left: 20px; | ||
781 | display: inline-block; | ||
782 | } | ||
783 | .lpb-content{ | ||
784 | margin-top: 20px; | ||
785 | background-color: #ffffff; | ||
786 | display: flex; | ||
787 | overflow-y: scroll; | ||
788 | .lp-overview { | ||
789 | transition: 0.5s; | ||
790 | flex: 1; | ||
791 | margin-right: 20px; | ||
792 | box-sizing: border-box; | ||
793 | border: 1px solid rgb(236, 236, 236); | ||
794 | border-top: 0; | ||
795 | border-bottom: 0; | ||
796 | } | ||
797 | .lp-legend { | ||
798 | transition: 0.5s; | ||
799 | height: 100%; | ||
800 | font-size: 14px; | ||
801 | .handleCol { | ||
802 | width: 34px; | ||
803 | float: right; | ||
804 | height: 100%; | ||
805 | .btn { | ||
806 | cursor: pointer; | ||
807 | height: 40px; | ||
808 | line-height: 40px; | ||
809 | text-align: center; | ||
810 | background-color: #0091ff; | ||
811 | color: #fff; | ||
812 | border-bottom: 1px solid #e6e6e6; | ||
813 | } | ||
814 | .dyzt, | ||
815 | .fwxz, | ||
816 | .fwyt { | ||
817 | height: 122px; | ||
818 | } | ||
819 | .dyzt, | ||
820 | .fwxz, | ||
821 | .fwyt { | ||
822 | cursor: pointer; | ||
823 | border-bottom: 1px solid #e6e6e6; | ||
824 | span { | ||
825 | text-align: center; | ||
826 | height: 100%; | ||
827 | -webkit-writing-mode: vertical-rl; | ||
828 | writing-mode: vertical-rl; | ||
829 | line-height: 34px; | ||
830 | letter-spacing: 2px; | ||
831 | } | ||
832 | } | ||
833 | .selectedZt { | ||
834 | background-color: #0091ff; | ||
835 | color: #fff; | ||
836 | } | ||
837 | } | ||
838 | .legendTable-wrap { | ||
839 | transition: 0.5s; | ||
840 | float: right; | ||
841 | overflow: hidden; | ||
842 | .legendTable { | ||
843 | margin-top: -1px; | ||
844 | tr { | ||
845 | height: 40px; | ||
846 | line-height: 40px; | ||
847 | th:first-child { | ||
848 | width: 80px; | ||
849 | } | ||
850 | th { | ||
851 | width: 60px; | ||
852 | height: 40px; | ||
853 | white-space: nowrap; | ||
854 | } | ||
855 | td { | ||
856 | height: 40px; | ||
857 | text-align: center; | ||
858 | white-space: nowrap; | ||
859 | } | ||
860 | td:first-child { | ||
861 | text-align: left; | ||
862 | text-indent: 2px; | ||
863 | } | ||
864 | } | ||
865 | } | ||
866 | } | ||
867 | } | ||
868 | } | ||
869 | |||
870 | } | ||
871 | } | ||
872 | /*.main { | ||
873 | background-color: #eaedf5; | ||
874 | |||
875 | }*/ | ||
876 | </style> |
... | @@ -62,9 +62,9 @@ | ... | @@ -62,9 +62,9 @@ |
62 | </div> | 62 | </div> |
63 | <div class="footer"> | 63 | <div class="footer"> |
64 | <el-button type="primary" @click="save">保存</el-button> | 64 | <el-button type="primary" @click="save">保存</el-button> |
65 | <el-button type="primary" @click="cancel">取消</el-button> | 65 | <el-button type="primary" @click="close">取消</el-button> |
66 | </div> | 66 | </div> |
67 | <zd-query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" | 67 | <zd-query-data :isCxlz = true :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" |
68 | :isZdClose="true"></zd-query-data> | 68 | :isZdClose="true"></zd-query-data> |
69 | </el-dialog> | 69 | </el-dialog> |
70 | </template> | 70 | </template> |
... | @@ -160,9 +160,6 @@ | ... | @@ -160,9 +160,6 @@ |
160 | }; | 160 | }; |
161 | this.hcxlzData.bsms = this.bsms; | 161 | this.hcxlzData.bsms = this.bsms; |
162 | }, | 162 | }, |
163 | cancel() { | ||
164 | this.close(); | ||
165 | }, | ||
166 | save() { | 163 | save() { |
167 | if (this.hcxlzData.zrzbsm === '') { | 164 | if (this.hcxlzData.zrzbsm === '') { |
168 | Message.error("请选择自然幢"); | 165 | Message.error("请选择自然幢"); |
... | @@ -170,7 +167,14 @@ | ... | @@ -170,7 +167,14 @@ |
170 | } | 167 | } |
171 | hzl(this.hcxlzData).then(res => { | 168 | hzl(this.hcxlzData).then(res => { |
172 | if (res.success) { | 169 | if (res.success) { |
173 | this.close(); | 170 | this.$router.push({ |
171 | path:'zrz', | ||
172 | query: { | ||
173 | bsm:this.hcxlzData.zrzbsm, | ||
174 | source: 2, | ||
175 | auth: '0,1,2' | ||
176 | } | ||
177 | }) | ||
174 | } else { | 178 | } else { |
175 | Message.error(res.message) | 179 | Message.error(res.message) |
176 | } | 180 | } | ... | ... |
... | @@ -54,15 +54,20 @@ | ... | @@ -54,15 +54,20 @@ |
54 | :data-zdbsm="item.zdbsm" | 54 | :data-zdbsm="item.zdbsm" |
55 | :title=item.mc | 55 | :title=item.mc |
56 | > | 56 | > |
57 | <span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; "> | 57 | <span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != ''&& item.bhqkbsm != null)" style="background: #9e9b9b"> |
58 | <span class="qsztFont">临</span> | 58 | <span class="qsztFont">变</span> |
59 | </span> | ||
60 | <span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; "> | ||
61 | <span class="qsztFont">正</span> | ||
62 | </span> | ||
63 | <span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; "> | ||
64 | <span class="qsztFont">现</span> | ||
65 | </span> | 59 | </span> |
60 | <template v-else> | ||
61 | <span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; "> | ||
62 | <span class="qsztFont">临</span> | ||
63 | </span> | ||
64 | <span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; "> | ||
65 | <span class="qsztFont">正</span> | ||
66 | </span> | ||
67 | <span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; "> | ||
68 | <span class="qsztFont">现</span> | ||
69 | </span> | ||
70 | </template> | ||
66 | 71 | ||
67 | <!-- <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> | 72 | <!-- <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/> |
68 | <img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/> | 73 | <img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/> |
... | @@ -248,8 +253,7 @@ export default { | ... | @@ -248,8 +253,7 @@ export default { |
248 | default: | 253 | default: |
249 | break; | 254 | break; |
250 | } | 255 | } |
251 | 256 | if(item.type == 'zd' ||item.type == 'dz' ||item.type == 'zrz'||item.type == 'gzw'){ | |
252 | if(item.type){ | ||
253 | this.$router.push({ | 257 | this.$router.push({ |
254 | path: '/'+item.type, | 258 | path: '/'+item.type, |
255 | query:{ | 259 | query:{ | ... | ... |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <el-dialog v-dialogDrag :close-on-click-modal="false" | 3 | <el-dialog v-dialogDrag :close-on-click-modal="false" |
4 | title="新增" | 4 | title="批量户" |
5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
6 | width="70%" | 6 | width="72%" |
7 | @close="close" | 7 | @close="close" |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | > | 9 | > |
... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
25 | <td colspan="2">其他建筑面积(㎡)</td> | 25 | <td colspan="2">其他建筑面积(㎡)</td> |
26 | <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td> | 26 | <td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td> |
27 | <td colspan="2">分摊系数</td> | 27 | <td colspan="2">分摊系数</td> |
28 | <td colspan="4"><input type="text" v-model="form.ftxs" class="inputtitle"/></td> | 28 | <td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td> |
29 | </tr> | 29 | </tr> |
30 | <tr> | 30 | <tr> |
31 | <td colspan="2">户型</td> | 31 | <td colspan="2">户型</td> |
... | @@ -116,11 +116,11 @@ | ... | @@ -116,11 +116,11 @@ |
116 | <td colspan="5"> | 116 | <td colspan="5"> |
117 | <el-select class="selectTitle" v-model="form.fwjgbsm"> | 117 | <el-select class="selectTitle" v-model="form.fwjgbsm"> |
118 | <el-option | 118 | <el-option |
119 | v-for="i in $store.state.fwjgList" | 119 | v-for="item in $store.state.jgOptions" |
120 | :key="i.bsm" | 120 | :key="item.bsm" |
121 | :label="i.mc" | 121 | :label="item.mc" |
122 | :value="i.bsm" | 122 | :value="item.bsm"> |
123 | ></el-option> | 123 | </el-option> |
124 | </el-select> | 124 | </el-select> |
125 | </td> | 125 | </td> |
126 | </tr> | 126 | </tr> |
... | @@ -177,23 +177,20 @@ | ... | @@ -177,23 +177,20 @@ |
177 | <td colspan="9" > | 177 | <td colspan="9" > |
178 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > | 178 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > |
179 | <el-option | 179 | <el-option |
180 | v-for="item in $store.state.fwjgList" | 180 | v-for="item in $store.state.jgOptions" |
181 | :key="item.bsm" | 181 | :key="item.bsm" |
182 | :label="item.mc" | 182 | :label="item.mc" |
183 | :value="item.bsm"> | 183 | :value="item.bsm"> |
184 | </el-option> | 184 | </el-option> |
185 | </el-select> | 185 | </el-select> |
186 | </td> | 186 | </td> |
187 | </tr> | 187 | </tr> |
188 | 188 | ||
189 | <tr> | 189 | <tr> |
190 | <td colspan="12" rowspan="4" align="center"> | 190 | <td colspan="12" align="center"> |
191 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> | 191 | <Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz> |
192 | </td> | 192 | </td> |
193 | </tr> | 193 | </tr> |
194 | <tr></tr> | ||
195 | <tr></tr> | ||
196 | <tr></tr> | ||
197 | 194 | ||
198 | <tr> | 195 | <tr> |
199 | <td colspan="2">东墙体归属</td> | 196 | <td colspan="2">东墙体归属</td> |
... | @@ -315,6 +312,16 @@ | ... | @@ -315,6 +312,16 @@ |
315 | } | 312 | } |
316 | }, | 313 | }, |
317 | methods: { | 314 | methods: { |
315 | |||
316 | inputBlur(e){ | ||
317 | if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){ | ||
318 | e.target.style.border="" | ||
319 | }else{ | ||
320 | e.target.style.border="1px solid red"; | ||
321 | e.target.style.boxSizing = 'border-box'; | ||
322 | } | ||
323 | }, | ||
324 | |||
318 | lodding:function(){ | 325 | lodding:function(){ |
319 | this.$emit('lodding') | 326 | this.$emit('lodding') |
320 | }, | 327 | }, |
... | @@ -360,7 +367,7 @@ | ... | @@ -360,7 +367,7 @@ |
360 | close: function () { | 367 | close: function () { |
361 | this.$emit('close') | 368 | this.$emit('close') |
362 | this.isVisible = false | 369 | this.isVisible = false |
363 | this.result() | 370 | this.reset() |
364 | }, | 371 | }, |
365 | reset: function () { | 372 | reset: function () { |
366 | this.form={ | 373 | this.form={ |
... | @@ -411,33 +418,69 @@ | ... | @@ -411,33 +418,69 @@ |
411 | this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量 | 418 | this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量 |
412 | }, | 419 | }, |
413 | save: function () { | 420 | save: function () { |
421 | |||
422 | this.rules=[ | ||
423 | { | ||
424 | data:this.form.ftxs, | ||
425 | name:'分摊系数', | ||
426 | dom:this.$refs.ftxs, | ||
427 | rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字 | ||
428 | }, | ||
429 | ]; | ||
430 | let flag = true; | ||
431 | this.rules.forEach(item=>{ | ||
432 | if(item.data !==""){ | ||
433 | if(!item.rule.test(+item.data) || item.data == null){ | ||
434 | if(item.dom.$el){ | ||
435 | item.dom.$el.style.border = '1px solid red'; | ||
436 | item.dom.$el.style.boxSizing = 'border-box'; | ||
437 | }else{ | ||
438 | item.dom.style.border = '1px solid red'; | ||
439 | item.dom.style.boxSizing = 'border-box'; | ||
440 | } | ||
441 | flag = false; | ||
442 | return false | ||
443 | } | ||
444 | } | ||
445 | }) | ||
446 | |||
414 | this.form['hbsms'] = this.bsms | 447 | this.form['hbsms'] = this.bsms |
415 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); | 448 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); |
416 | for(let i=0;i< this.form.fwjgList.length;i++){ | 449 | this.$nextTick(()=> { |
417 | if(this.form.fwjgList[i].fwjgzdbsm===''){ | 450 | if (flag) { |
418 | this.form.fwjgList.splice(i,1); | 451 | for(let i=0;i< this.form.fwjgList.length;i++){ |
419 | } | 452 | if(this.form.fwjgList[i].fwjgzdbsm===''){ |
420 | } | 453 | this.form.fwjgList.splice(i,1); |
421 | for(let i=0;i< this.form.fwytList.length;i++){ | 454 | } |
422 | if(this.form.fwytList[i].fwsjytbsm===''){ | 455 | } |
423 | this.form.fwytList.splice(i,1); | 456 | for(let i=0;i< this.form.fwytList.length;i++){ |
424 | } | 457 | if(this.form.fwytList[i].fwsjytbsm===''){ |
425 | } | 458 | this.form.fwytList.splice(i,1); |
426 | for(let i=0;i< this.form.qlxzList.length;i++){ | 459 | } |
427 | if(this.form.qlxzList[i].qlxzdm===''){ | 460 | } |
428 | this.form.qlxzList.splice(i,1); | 461 | for(let i=0;i< this.form.qlxzList.length;i++){ |
429 | } | 462 | if(this.form.qlxzList[i].qlxzdm===''){ |
430 | } | 463 | this.form.qlxzList.splice(i,1); |
431 | console.log("批量户信息") | 464 | } |
432 | console.log(this.form) | 465 | } |
433 | batchUpdateQjH(this.form).then((res)=>{ | 466 | console.log("批量户信息") |
434 | if(res.code===200){ | 467 | console.log(this.form) |
435 | this.lodding() | 468 | batchUpdateQjH(this.form).then((res)=>{ |
436 | this.$message.success("保存成功!") | 469 | if(res.code===200){ |
437 | this.$nextTick(()=>{ | 470 | this.lodding() |
438 | this.reset(); | 471 | this.$message.success("保存成功!") |
472 | this.$nextTick(()=>{ | ||
473 | this.reset(); | ||
474 | }) | ||
475 | this.close(); | ||
476 | } | ||
439 | }) | 477 | }) |
440 | this.close(); | 478 | }else{ |
479 | this.$message({ | ||
480 | // message: item.name+'不能为空', | ||
481 | message: '表单数据有误', | ||
482 | type: "warning", | ||
483 | }); | ||
441 | } | 484 | } |
442 | }) | 485 | }) |
443 | }, | 486 | }, | ... | ... |
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <el-dialog v-dialogDrag :close-on-click-modal="false" | 3 | <el-dialog v-dialogDrag :close-on-click-modal="false" |
4 | title="批量坐落" | 4 | title="批量坐落" |
5 | :visible.sync="isVisible" | 5 | :visible.sync="isVisible" |
6 | width="60%" | 6 | width="60%" |
7 | @close="close" | 7 | @close="close" |
8 | :modal-append-to-body="false" | 8 | :modal-append-to-body="false" |
9 | > | 9 | > |
10 | <div> | 10 | <div> |
11 | <table border="1"> | 11 | <table border="1"> |
12 | <tr> | 12 | <tr> |
13 | <td>前缀</td> | 13 | <th>前缀</th> |
14 | <td>宗地</td> | 14 | <th>宗地</th> |
15 | <td>自然幢</td> | 15 | <th>自然幢</th> |
16 | <td>逻辑幢</td> | 16 | <th>逻辑幢</th> |
17 | <td>幢单元</td> | 17 | <th>幢单元</th> |
18 | <td>层</td> | 18 | <th>层</th> |
19 | <td>户</td> | 19 | <th>户</th> |
20 | <td>后缀</td> | 20 | <th>后缀</th> |
21 | </tr> | 21 | </tr> |
22 | <tr> | 22 | <tr> |
23 | <td> | 23 | <td> |
24 | <input type="text" class="inputtitle" v-model="plzlData.qz"/> | 24 | <el-input v-model="plzlData.qz"></el-input> |
25 | </td> | 25 | </td> |
26 | <td> | 26 | <td> |
27 | <el-select v-model="plzlData.zd"> | 27 | <el-select v-model="plzlData.zd"> |
28 | <el-option v-for="i in zdgz" | 28 | <el-option v-for="i in zdgz" |
29 | :key="i.label" | 29 | :key="i.label" |
30 | :label="i.label" | 30 | :label="i.label" |
31 | :value="i.value"> | 31 | :value="i.value" |
32 | 32 | :disabled="i.disabled"> | |
33 | </el-option> | 33 | </el-option> |
34 | </el-select> | 34 | </el-select> |
35 | </td> | 35 | </td> |
... | @@ -38,8 +38,8 @@ | ... | @@ -38,8 +38,8 @@ |
38 | <el-option v-for="i in zrzgz" | 38 | <el-option v-for="i in zrzgz" |
39 | :key="i.label" | 39 | :key="i.label" |
40 | :label="i.label" | 40 | :label="i.label" |
41 | :value="i.value"> | 41 | :value="i.value" |
42 | 42 | :disabled="i.disabled"> | |
43 | </el-option> | 43 | </el-option> |
44 | </el-select> | 44 | </el-select> |
45 | </td> | 45 | </td> |
... | @@ -84,7 +84,7 @@ | ... | @@ -84,7 +84,7 @@ |
84 | </el-select> | 84 | </el-select> |
85 | </td> | 85 | </td> |
86 | <td> | 86 | <td> |
87 | <input type="text" class="inputtitle" v-model="plzlData.hz"/> | 87 | <el-input v-model="plzlData.hz"></el-input> |
88 | </td> | 88 | </td> |
89 | </tr> | 89 | </tr> |
90 | </table> | 90 | </table> |
... | @@ -132,22 +132,27 @@ | ... | @@ -132,22 +132,27 @@ |
132 | zdgz: [ | 132 | zdgz: [ |
133 | { | 133 | { |
134 | label: '宗地坐落', | 134 | label: '宗地坐落', |
135 | value: '1' | 135 | value: '1', |
136 | disabled: false | ||
136 | }, { | 137 | }, { |
137 | label: "宗地名称", | 138 | label: "宗地名称", |
138 | value: '2' | 139 | value: '2', |
140 | disabled: false | ||
139 | }, { | 141 | }, { |
140 | label: "空", | 142 | label: "空", |
141 | value: '3' | 143 | value: '3', |
144 | disabled: false | ||
142 | } | 145 | } |
143 | ], | 146 | ], |
144 | zrzgz: [ | 147 | zrzgz: [ |
145 | { | 148 | { |
146 | label: '自然幢坐落', | 149 | label: '自然幢坐落', |
147 | value: '1' | 150 | value: '1', |
151 | disabled: false | ||
148 | }, { | 152 | }, { |
149 | label: "自然幢名称", | 153 | label: "自然幢名称", |
150 | value: '2' | 154 | value: '2', |
155 | disabled: false | ||
151 | }, { | 156 | }, { |
152 | label: "空", | 157 | label: "空", |
153 | value: '3' | 158 | value: '3' |
... | @@ -229,7 +234,7 @@ | ... | @@ -229,7 +234,7 @@ |
229 | test: function () { | 234 | test: function () { |
230 | for (let key in this.plzlData) { | 235 | for (let key in this.plzlData) { |
231 | if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') { | 236 | if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') { |
232 | return true; | 237 | return true; |
233 | } | 238 | } |
234 | } | 239 | } |
235 | return false; | 240 | return false; |
... | @@ -305,6 +310,13 @@ | ... | @@ -305,6 +310,13 @@ |
305 | watch: { | 310 | watch: { |
306 | plZlVisible: function (val) { | 311 | plZlVisible: function (val) { |
307 | this.isVisible = val | 312 | this.isVisible = val |
313 | }, | ||
314 | plzlData: { | ||
315 | handler(val) { | ||
316 | this.zrzgz[0].disabled = +val.zd === 1; | ||
317 | this.zdgz[0].disabled = +val.zrz === 1; | ||
318 | }, | ||
319 | deep: true | ||
308 | } | 320 | } |
309 | } | 321 | } |
310 | } | 322 | } |
... | @@ -321,6 +333,10 @@ | ... | @@ -321,6 +333,10 @@ |
321 | } | 333 | } |
322 | } | 334 | } |
323 | 335 | ||
336 | th { | ||
337 | height: 36px; | ||
338 | } | ||
339 | |||
324 | td { | 340 | td { |
325 | text-align: center; | 341 | text-align: center; |
326 | height: 36px; | 342 | height: 36px; | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <el-row class="box"> | 2 | <el-row class="box"> |
3 | <el-col :span="24"> | 3 | <el-col :span="24"> |
4 | <el-row> | 4 | <el-row> |
5 | <el-col :span="24"> | 5 | <el-col :span="18"> |
6 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> | 6 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> |
7 | <el-form-item label="宗地编码"> | 7 | <el-form-item label="宗地编码"> |
8 | <el-input | 8 | <el-input |
... | @@ -18,14 +18,17 @@ | ... | @@ -18,14 +18,17 @@ |
18 | @change="query" | 18 | @change="query" |
19 | ></el-input> | 19 | ></el-input> |
20 | </el-form-item> | 20 | </el-form-item> |
21 | <el-form-item label="不动产单元号"> | 21 | <el-form-item label="不动产单元号" > |
22 | <el-input | 22 | <el-input style="width: 280px;" |
23 | maxlength="28" | 23 | maxlength="28" |
24 | v-model="queryData.bdcdyh" | 24 | v-model="queryData.bdcdyh" |
25 | placeholder="输入不动产单元号" | 25 | placeholder="输入不动产单元号" |
26 | @change="query" | 26 | @change="query" |
27 | ></el-input> | 27 | ></el-input> |
28 | </el-form-item> | 28 | </el-form-item> |
29 | </el-form> | ||
30 | </el-col> | ||
31 | <el-col :span="6" aria-rowspan="3"> | ||
29 | <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button> | 32 | <el-button type="primary" @click="query" icon="el-icon-search">查询</el-button> |
30 | <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button> | 33 | <el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button> |
31 | <el-button | 34 | <el-button |
... | @@ -34,11 +37,10 @@ | ... | @@ -34,11 +37,10 @@ |
34 | >更多查询 | 37 | >更多查询 |
35 | </el-button> | 38 | </el-button> |
36 | <!-- @click="ismore = !ismore" --> | 39 | <!-- @click="ismore = !ismore" --> |
37 | </el-form> | ||
38 | </el-col> | 40 | </el-col> |
39 | </el-row> | 41 | </el-row> |
40 | <el-row class="row3" v-if="ismore"> | 42 | <el-row class="row3" v-if="ismore"> |
41 | <el-col :span="22"> | 43 | <el-col :span="18"> |
42 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> | 44 | <el-form :inline="true" class="demo-form-inline" label-width="106px"> |
43 | <el-form-item label="权利人名称"> | 45 | <el-form-item label="权利人名称"> |
44 | <el-input | 46 | <el-input |
... | @@ -55,7 +57,7 @@ | ... | @@ -55,7 +57,7 @@ |
55 | ></el-input> | 57 | ></el-input> |
56 | </el-form-item> | 58 | </el-form-item> |
57 | <el-form-item label="不动产权证号"> | 59 | <el-form-item label="不动产权证号"> |
58 | <el-input | 60 | <el-input style="width: 280px;" |
59 | placeholder="输入不动产权证号" | 61 | placeholder="输入不动产权证号" |
60 | v-model="queryData.bdcqzh" | 62 | v-model="queryData.bdcqzh" |
61 | @change="query" | 63 | @change="query" |
... | @@ -63,11 +65,11 @@ | ... | @@ -63,11 +65,11 @@ |
63 | </el-form-item> | 65 | </el-form-item> |
64 | </el-form> | 66 | </el-form> |
65 | </el-col> | 67 | </el-col> |
66 | <el-col :span="2" :offset="offset"> | 68 | <!-- <el-col :span="2" :offset="offset"> |
67 | </el-col> | 69 | </el-col> --> |
68 | </el-row> | 70 | </el-row> |
69 | <el-row> | 71 | <el-row> |
70 | <el-col :span="24"> | 72 | <el-col :span="18"> |
71 | <el-form :inline="true" :model="queryData" class="demo-form-inline" label-width="106px"> | 73 | <el-form :inline="true" :model="queryData" class="demo-form-inline" label-width="106px"> |
72 | <el-form-item class="demo-form-inline" label="单元范围"> | 74 | <el-form-item class="demo-form-inline" label="单元范围"> |
73 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> | 75 | <el-checkbox-group v-model="queryData.dylxs" @change="query"> |
... | @@ -83,8 +85,6 @@ | ... | @@ -83,8 +85,6 @@ |
83 | </el-form-item> | 85 | </el-form-item> |
84 | </el-form> | 86 | </el-form> |
85 | </el-col> | 87 | </el-col> |
86 | <el-col :span="2"> | ||
87 | </el-col> | ||
88 | </el-row> | 88 | </el-row> |
89 | </el-col> | 89 | </el-col> |
90 | </el-row> | 90 | </el-row> | ... | ... |
... | @@ -56,17 +56,18 @@ | ... | @@ -56,17 +56,18 @@ |
56 | <div class="table-bode"> | 56 | <div class="table-bode"> |
57 | <table border="1"> | 57 | <table border="1"> |
58 | <tr> | 58 | <tr> |
59 | <td>序号</td> | 59 | <th>序号</th> |
60 | <td>操作</td> | 60 | <th>操作</th> |
61 | <td>宗地代码</td> | 61 | <th>宗地代码</th> |
62 | <td>不动产单元号</td> | 62 | <th>不动产单元号</th> |
63 | <td>项目名称</td> | 63 | <th>项目名称</th> |
64 | <td>不动产权证号</td> | 64 | <th>不动产权证号</th> |
65 | <td>权利人</td> | 65 | <th>权利人</th> |
66 | <td>坐落</td> | 66 | <th>坐落</th> |
67 | <th v-if="isCxlz">自然幢数量</th> | ||
67 | </tr> | 68 | </tr> |
68 | <tr v-if="Data.length===0"> | 69 | <tr v-if="Data.length===0"> |
69 | <td colspan="8"> | 70 | <td :colspan="isCxlz ? 9:8"> |
70 | <span class="noData">暂无数据</span> | 71 | <span class="noData">暂无数据</span> |
71 | </td> | 72 | </td> |
72 | </tr> | 73 | </tr> |
... | @@ -79,8 +80,9 @@ | ... | @@ -79,8 +80,9 @@ |
79 | <td>{{item.bdcdyh}}</td> | 80 | <td>{{item.bdcdyh}}</td> |
80 | <td>{{item.xmmc}}</td> | 81 | <td>{{item.xmmc}}</td> |
81 | <td>{{item.bdcqzh}}</td> | 82 | <td>{{item.bdcqzh}}</td> |
82 | <td>{{item.qlr}}</td> | 83 | <td>{{item.qlrmc}}</td> |
83 | <td>{{item.zl}}</td> | 84 | <td>{{item.zl}}</td> |
85 | <td v-if="isCxlz">{{item.zrzCount}}</td> | ||
84 | </tr> | 86 | </tr> |
85 | </table> | 87 | </table> |
86 | </div> | 88 | </div> |
... | @@ -132,6 +134,10 @@ | ... | @@ -132,6 +134,10 @@ |
132 | isZdClose: { | 134 | isZdClose: { |
133 | type: Boolean, | 135 | type: Boolean, |
134 | default: false | 136 | default: false |
137 | }, | ||
138 | isCxlz:{ | ||
139 | type: Boolean, | ||
140 | default: false | ||
135 | } | 141 | } |
136 | }, | 142 | }, |
137 | mounted() { | 143 | mounted() { |
... | @@ -167,7 +173,11 @@ | ... | @@ -167,7 +173,11 @@ |
167 | this.getData(this.queryData) | 173 | this.getData(this.queryData) |
168 | }, | 174 | }, |
169 | addData: function (val) { | 175 | addData: function (val) { |
170 | this.$emit("getData",val) | 176 | if (this.isCxlz &&val.zrzCount < 1) { |
177 | this.$message.warning("当前宗地下没有自然幢,请重新选择") | ||
178 | return | ||
179 | } | ||
180 | this.$emit("getData",val); | ||
171 | }, | 181 | }, |
172 | isClose(flag){ | 182 | isClose(flag){ |
173 | 183 | ||
... | @@ -208,7 +218,9 @@ | ... | @@ -208,7 +218,9 @@ |
208 | background-color: #F5F7FA; | 218 | background-color: #F5F7FA; |
209 | } | 219 | } |
210 | } | 220 | } |
211 | 221 | th{ | |
222 | height: 36px; | ||
223 | } | ||
212 | td { | 224 | td { |
213 | text-align: center; | 225 | text-align: center; |
214 | height: 36px; | 226 | height: 36px; | ... | ... |
... | @@ -453,7 +453,7 @@ export default { | ... | @@ -453,7 +453,7 @@ export default { |
453 | cursor: pointer; | 453 | cursor: pointer; |
454 | height: 72px; | 454 | height: 72px; |
455 | padding: 0 30px; | 455 | padding: 0 30px; |
456 | font-size: 20px; | 456 | font-size: 18px; |
457 | line-height: 72px; | 457 | line-height: 72px; |
458 | float: left; | 458 | float: left; |
459 | position: relative; | 459 | position: relative; |
... | @@ -462,7 +462,7 @@ export default { | ... | @@ -462,7 +462,7 @@ export default { |
462 | /*border-right: 1px solid #EAEAEA;*/ | 462 | /*border-right: 1px solid #EAEAEA;*/ |
463 | i { | 463 | i { |
464 | margin-right: 6px; | 464 | margin-right: 6px; |
465 | font-size: 22px; | 465 | font-size: 18px; |
466 | position: relative; | 466 | position: relative; |
467 | top: 1px; | 467 | top: 1px; |
468 | } | 468 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="dz content-form"> | 2 | <div class="dz content-form" ref="mainBox"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr height="30"> | 7 | <tr height="30"> |
8 | <th colspan="12"><font size="4"></font>多幢基本信息</th> | 8 | <th colspan="12"><font size="4"></font>多幢基本信息</th> |
9 | </tr> | 9 | </tr> |
10 | <tr height="30"> | 10 | <tr height="30"> |
11 | <td colspan="2" align="center" >宗地代码</td> | 11 | <td colspan="2" align="center">宗地代码</td> |
12 | <td colspan="4" > | 12 | <td colspan="4" > |
13 | <input class="formInput" maxlength="19" v-model="form.zddm"> | 13 | <input class="formInput" disabled maxlength="19" v-model="form.zddm"> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" align="center" >不动产单元号</td> | 15 | <td colspan="2" align="center" ><i class="requisite">*</i>不动产单元号</td> |
16 | <td colspan="4" class="psr"> | 16 | <td colspan="4" class="psr"> |
17 | <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh"> | 17 | <input class="formInput percent80" :disabled="disabled" maxlength="28" v-model="form.bdcdyh" @blur="inputBlur($event)" ref="bdcdyh"> |
18 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> | 18 | <el-button @click.prevent="generatorCode" :disabled="disabled" size="mini" class="createBtn" type="warning">生成</el-button> |
19 | </td> | 19 | </td> |
20 | </tr> | 20 | </tr> |
21 | <tr height="30"> | 21 | <tr height="30"> |
22 | <td colspan="2" align="center" >项目名称</td> | 22 | <td colspan="2" align="center" ><i class="requisite">*</i>项目名称</td> |
23 | <td colspan="4" > | 23 | <td colspan="4" > |
24 | <input class="formInput" v-model="form.xmmc"> | 24 | <input class="formInput" :disabled="disabled" v-model="form.xmmc" @blur="inputBlur($event)" ref="xmmc"> |
25 | </td> | 25 | </td> |
26 | <td colspan="2" align="center" >房屋性质</td> | 26 | <td colspan="2" align="center" >房屋性质</td> |
27 | <td colspan="4" > | 27 | <td colspan="4" > |
28 | <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" > | 28 | <el-select class="formSelect" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" > |
29 | <el-option | 29 | <el-option |
30 | v-for="item in $store.state.fwxzOptions" | 30 | v-for="item in $store.state.fwxzOptions" |
31 | :key="item.bsm" | 31 | :key="item.bsm" |
... | @@ -39,13 +39,14 @@ | ... | @@ -39,13 +39,14 @@ |
39 | <tr height="30"> | 39 | <tr height="30"> |
40 | <td colspan="2" align="center" >共有土地面积(㎡)</td> | 40 | <td colspan="2" align="center" >共有土地面积(㎡)</td> |
41 | <td colspan="4" > | 41 | <td colspan="4" > |
42 | <input class="formInput" type="number" v-model="form.zdmj"> | 42 | <input class="formInput" :disabled="disabled" type="number" v-model="form.zdmj"> |
43 | </td> | 43 | </td> |
44 | <td colspan="2" align="center" >竣工日期</td> | 44 | <td colspan="2" align="center" >竣工日期</td> |
45 | <td colspan="4" > | 45 | <td colspan="4" > |
46 | <el-date-picker | 46 | <el-date-picker |
47 | style="width:100%" | 47 | style="width:100%" |
48 | v-model="form.jgrq" | 48 | v-model="form.jgrq" |
49 | :disabled="disabled" | ||
49 | type="date" | 50 | type="date" |
50 | placeholder="选择日期"> | 51 | placeholder="选择日期"> |
51 | </el-date-picker> | 52 | </el-date-picker> |
... | @@ -55,11 +56,11 @@ | ... | @@ -55,11 +56,11 @@ |
55 | <tr height="30"> | 56 | <tr height="30"> |
56 | <td colspan="2" align="center" >分摊土地面积(㎡)</td> | 57 | <td colspan="2" align="center" >分摊土地面积(㎡)</td> |
57 | <td colspan="4" > | 58 | <td colspan="4" > |
58 | <input class="formInput" type="number" v-model="form.fttdsymj"> | 59 | <input class="formInput" type="number" :disabled="disabled" v-model="form.fttdsymj"> |
59 | </td> | 60 | </td> |
60 | <td colspan="2" align="center" >产别</td> | 61 | <td colspan="2" align="center" >产别</td> |
61 | <td colspan="4" > | 62 | <td colspan="4" > |
62 | <el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" > | 63 | <el-select class="formSelect" :disabled="disabled" v-model="form.fwcbbsm" placeholder="请选择" > |
63 | <el-option | 64 | <el-option |
64 | v-for="item in $store.state.cbOptions" | 65 | v-for="item in $store.state.cbOptions" |
65 | :key="item.bsm" | 66 | :key="item.bsm" |
... | @@ -71,13 +72,13 @@ | ... | @@ -71,13 +72,13 @@ |
71 | </tr> | 72 | </tr> |
72 | 73 | ||
73 | <tr height="30"> | 74 | <tr height="30"> |
74 | <td colspan="2" align="center" type="number" >多幢独用土地面积(㎡)</td> | 75 | <td colspan="2" align="center" >多幢独用土地面积(㎡)</td> |
75 | <td colspan="4" > | 76 | <td colspan="4" > |
76 | <input class="formInput" v-model="form.dlsytdmj"> | 77 | <input class="formInput" :disabled="disabled" type="number" v-model="form.dlsytdmj"> |
77 | </td> | 78 | </td> |
78 | <td colspan="2" align="center" >产权来源</td> | 79 | <td colspan="2" align="center" >产权来源</td> |
79 | <td colspan="4" > | 80 | <td colspan="4" > |
80 | <el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" > | 81 | <el-select class="formSelect" :disabled="disabled" v-model="form.fwcqlybsm" placeholder="请选择" > |
81 | <el-option | 82 | <el-option |
82 | v-for="item in $store.state.cqlyOptions" | 83 | v-for="item in $store.state.cqlyOptions" |
83 | :key="item.bsm" | 84 | :key="item.bsm" |
... | @@ -89,43 +90,45 @@ | ... | @@ -89,43 +90,45 @@ |
89 | </tr> | 90 | </tr> |
90 | 91 | ||
91 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> | 92 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> |
92 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> | 93 | <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" class="tdright" id="ytTitle"> |
93 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> | 94 | <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i> |
94 | <span>用途</span> | 95 | <span><i class="requisite">*</i>房屋用途</span> |
95 | </td> | 96 | </td> |
96 | 97 | ||
97 | <td colspan="1" align="center" > | 98 | <td colspan="1" style="min-width:120px" class="tdright"> |
98 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> | 99 | <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i> |
99 | 规划用途 | 100 | 规划用途 |
100 | </td> | 101 | </td> |
101 | <td colspan="3" align="center" > | 102 | <td colspan="3" > |
102 | <el-select-tree style="width:100%" | 103 | <el-select-tree style="width:100%" |
103 | v-if="show" | 104 | ref="ghyt" |
104 | @change="updateSjfyyt(item1)" | 105 | v-if="show" |
105 | :default-expand-all="defaultExpandAll" | 106 | @change="updateSjfyyt(item1)" |
106 | :multiple="multiple" | 107 | :default-expand-all="defaultExpandAll" |
107 | :placeholder="placeholder" | 108 | :multiple="multiple" |
108 | :disabled="disabled" | 109 | :placeholder="placeholder" |
109 | :data="$store.state.fwytList" | 110 | :disabled="disabled" |
110 | :props="treeProps" | 111 | :data="$store.state.fwytList" |
111 | :check-strictly="checkStrictly" | 112 | :props="treeProps" |
112 | :clearable="clearable" | 113 | :check-strictly="checkStrictly" |
113 | v-model="item1.fwytzdbsm" | 114 | :clearable="clearable" |
115 | v-model="item1.fwytzdbsm" | ||
114 | ></el-select-tree> | 116 | ></el-select-tree> |
115 | </td> | 117 | </td> |
116 | <td colspan="2" align="center" >用途</td> | 118 | <td colspan="2" class="tdright">实际用途</td> |
117 | <td colspan="4"> | 119 | <td colspan="4" > |
118 | <el-select-tree style="width:100%" | 120 | <el-select-tree style="width:100%" |
119 | v-if="show" | 121 | ref="yt" |
120 | :default-expand-all="defaultExpandAll" | 122 | v-if="show" |
121 | :multiple="multiple" | 123 | :default-expand-all="defaultExpandAll" |
122 | :placeholder="placeholder" | 124 | :multiple="multiple" |
123 | :disabled="disabled" | 125 | :placeholder="placeholder" |
124 | :data="$store.state.fwytList" | 126 | :disabled="disabled" |
125 | :props="treeProps" | 127 | :data="$store.state.fwytList" |
126 | :check-strictly="checkStrictly" | 128 | :props="treeProps" |
127 | :clearable="clearable" | 129 | :check-strictly="checkStrictly" |
128 | v-model="item1.fwsjytbsm" | 130 | :clearable="clearable" |
131 | v-model="item1.fwsjytbsm" | ||
129 | ></el-select-tree> | 132 | ></el-select-tree> |
130 | </td> | 133 | </td> |
131 | </tr> | 134 | </tr> |
... | @@ -139,10 +142,10 @@ | ... | @@ -139,10 +142,10 @@ |
139 | 142 | ||
140 | <tr height="30"> | 143 | <tr height="30"> |
141 | <td colspan="2" align="center" > | 144 | <td colspan="2" align="center" > |
142 | <span>坐落</span> | 145 | <span><i class="requisite">*</i>坐落</span> |
143 | </td> | 146 | </td> |
144 | <td colspan="10" > | 147 | <td colspan="10" > |
145 | <input class="formInput" v-model="form.zl"> | 148 | <input class="formInput" v-model="form.zl" :disabled="disabled" @blur="inputBlur($event)" ref="zl"> |
146 | </td> | 149 | </td> |
147 | </tr> | 150 | </tr> |
148 | 151 | ||
... | @@ -151,7 +154,7 @@ | ... | @@ -151,7 +154,7 @@ |
151 | <span>附加说明</span> | 154 | <span>附加说明</span> |
152 | </td> | 155 | </td> |
153 | <td colspan="10" rowspan="2" > | 156 | <td colspan="10" rowspan="2" > |
154 | <input class="formInput" v-model="form.bz" type="textarea"> | 157 | <input class="formInput" v-model="form.bz" :disabled="disabled" type="textarea"> |
155 | </td> | 158 | </td> |
156 | </tr> | 159 | </tr> |
157 | <tr height="30"> | 160 | <tr height="30"> |
... | @@ -162,7 +165,7 @@ | ... | @@ -162,7 +165,7 @@ |
162 | <span>调查意见</span> | 165 | <span>调查意见</span> |
163 | </td> | 166 | </td> |
164 | <td colspan="10" > | 167 | <td colspan="10" > |
165 | <input class="formInput" v-model="form.name"> | 168 | <input class="formInput" v-model="form.name" :disabled="disabled"> |
166 | </td> | 169 | </td> |
167 | </tr> | 170 | </tr> |
168 | 171 | ||
... | @@ -171,7 +174,7 @@ | ... | @@ -171,7 +174,7 @@ |
171 | <span>审查员</span> | 174 | <span>审查员</span> |
172 | </td> | 175 | </td> |
173 | <td colspan="2" > | 176 | <td colspan="2" > |
174 | <input class="formInput" v-model="form.name"> | 177 | <input class="formInput" v-model="form.name" :disabled="disabled"> |
175 | </td> | 178 | </td> |
176 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> | 179 | <td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> |
177 | <span>审查日期</span> | 180 | <span>审查日期</span> |
... | @@ -180,6 +183,7 @@ | ... | @@ -180,6 +183,7 @@ |
180 | <el-date-picker style="width:100%" | 183 | <el-date-picker style="width:100%" |
181 | v-model="form.date" | 184 | v-model="form.date" |
182 | type="date" | 185 | type="date" |
186 | :disabled="disabled" | ||
183 | placeholder="选择日期"> | 187 | placeholder="选择日期"> |
184 | </el-date-picker> | 188 | </el-date-picker> |
185 | </td> | 189 | </td> |
... | @@ -187,9 +191,9 @@ | ... | @@ -187,9 +191,9 @@ |
187 | </tbody> | 191 | </tbody> |
188 | </table> | 192 | </table> |
189 | </el-form> | 193 | </el-form> |
190 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 194 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
191 | <el-button type="success" @click="onSave">保存</el-button> | 195 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button> |
192 | <el-button type="primary" @click="onSubmit">提交</el-button> | 196 | <el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button> |
193 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 197 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
194 | </div> | 198 | </div> |
195 | </div> | 199 | </div> |
... | @@ -226,6 +230,7 @@ | ... | @@ -226,6 +230,7 @@ |
226 | label: 'mc' | 230 | label: 'mc' |
227 | }, | 231 | }, |
228 | 232 | ||
233 | lx:'dz', | ||
229 | bsm:'', //此页面的多幢标识码 | 234 | bsm:'', //此页面的多幢标识码 |
230 | form:{ | 235 | form:{ |
231 | dzbsm:'', //多幢标识码 | 236 | dzbsm:'', //多幢标识码 |
... | @@ -279,8 +284,31 @@ | ... | @@ -279,8 +284,31 @@ |
279 | }], | 284 | }], |
280 | value: '', | 285 | value: '', |
281 | ytTitleRowspan:1, //用途的单元格垂直合并数量 | 286 | ytTitleRowspan:1, //用途的单元格垂直合并数量 |
287 | mainBoxWidth: 0, | ||
288 | |||
289 | rules:[], | ||
282 | } | 290 | } |
283 | }, | 291 | }, |
292 | created() { | ||
293 | if(this.source===1){ | ||
294 | this.bsm=this.$route.query.bsm; | ||
295 | this.form.dzbsm=this.$route.query.bsm; | ||
296 | this.getZddm(this.$store.state.zdbsm); | ||
297 | }else { | ||
298 | this.bsm=this.$route.query.bsm; | ||
299 | this.form.dzbsm=this.$route.query.bsm; | ||
300 | } | ||
301 | if(this.source!==1){ | ||
302 | this.bsm=this.$route.query.bsm; | ||
303 | this.form.dzbsm=this.$route.query.bsm; | ||
304 | this.getDzDetailByBsm(this.$route.query.bsm) | ||
305 | } | ||
306 | }, | ||
307 | mounted(){ | ||
308 | this.$nextTick(() => { | ||
309 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | ||
310 | }) | ||
311 | }, | ||
284 | methods: { | 312 | methods: { |
285 | registerCall(){ | 313 | registerCall(){ |
286 | let data={ | 314 | let data={ |
... | @@ -357,6 +385,15 @@ | ... | @@ -357,6 +385,15 @@ |
357 | this.form.qlxzList | 385 | this.form.qlxzList |
358 | }, | 386 | }, |
359 | 387 | ||
388 | inputBlur(e) { | ||
389 | if (e.target.value != '') { | ||
390 | e.target.style.border = "" | ||
391 | } else { | ||
392 | e.target.style.border = "1px solid red"; | ||
393 | e.target.style.boxSizing = 'border-box'; | ||
394 | } | ||
395 | }, | ||
396 | |||
360 | deleteQlxzItem(index){ | 397 | deleteQlxzItem(index){ |
361 | 398 | ||
362 | }, | 399 | }, |
... | @@ -364,6 +401,14 @@ | ... | @@ -364,6 +401,14 @@ |
364 | getDzDetailByBsm(data).then((res)=>{ | 401 | getDzDetailByBsm(data).then((res)=>{ |
365 | if(res.code===200) { | 402 | if(res.code===200) { |
366 | this.form = res.result; | 403 | this.form = res.result; |
404 | if(res.result.gygyqlrqk!=null){ | ||
405 | this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
406 | } | ||
407 | if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){ | ||
408 | this.disabled = false | ||
409 | }else { | ||
410 | this.disabled = true | ||
411 | } | ||
367 | console.log(this.form+"fwytList") | 412 | console.log(this.form+"fwytList") |
368 | console.log(this.form) | 413 | console.log(this.form) |
369 | if(this.form.fwytList.length===0){ | 414 | if(this.form.fwytList.length===0){ |
... | @@ -404,21 +449,84 @@ | ... | @@ -404,21 +449,84 @@ |
404 | 449 | ||
405 | 450 | ||
406 | onSave(){ | 451 | onSave(){ |
452 | |||
453 | this.rules=[ | ||
454 | { | ||
455 | data:this.form.bdcdyh, | ||
456 | name:'不动产单元号', | ||
457 | dom:this.$refs.bdcdyh, | ||
458 | rule: /^\s*$/g, //非空 | ||
459 | }, | ||
460 | { | ||
461 | data:this.form.xmmc, | ||
462 | name:'项目名称', | ||
463 | dom:this.$refs.xmmc, | ||
464 | rule: /^\s*$/g, //非空 | ||
465 | }, | ||
466 | { | ||
467 | data:this.form.zl, | ||
468 | name:'坐落', | ||
469 | dom:this.$refs.zl, | ||
470 | rule: /^\s*$/g, //非空 | ||
471 | }, | ||
472 | ] | ||
473 | |||
474 | this.form.fwytList.forEach((item,index)=>{ | ||
475 | this.rules.push( | ||
476 | { | ||
477 | data:item.fwytzdbsm, | ||
478 | name:'规划用途', | ||
479 | dom:this.$refs.ghyt[index], | ||
480 | rule: /^\s*$/g, //非空 | ||
481 | }, | ||
482 | { | ||
483 | data:item.fwytzdbsm, | ||
484 | name:'用途', | ||
485 | dom:this.$refs.yt[index], | ||
486 | rule: /^\s*$/g, //非空 | ||
487 | }, | ||
488 | ) | ||
489 | }) | ||
490 | |||
407 | console.log(this.form) | 491 | console.log(this.form) |
408 | this.form.dzbsm=this.bsm; | 492 | this.form.dzbsm=this.bsm; |
493 | let flag = true; | ||
409 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); | 494 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); |
410 | if(1>0){ | 495 | this.$refs.qlxzModule.getRules(); |
411 | saveDzInfo(this.form).then((res)=>{ | 496 | this.rules.forEach(item=>{ |
412 | if(res.code===200){ | 497 | if(item.rule.test(item.data) || item.data == null){ |
413 | this.$message.success("保存完成!") | 498 | if(item.dom.$el){ |
414 | }else { | 499 | item.dom.$el.style.border = '1px solid red'; |
415 | this.$message({ | 500 | item.dom.$el.style.boxSizing = 'border-box'; |
416 | message: res.message, | 501 | }else{ |
417 | type: "warning", | 502 | item.dom.style.border = '1px solid red'; |
418 | }); | 503 | item.dom.style.boxSizing = 'border-box'; |
419 | } | 504 | } |
420 | }) | 505 | flag = false; |
421 | } | 506 | return false |
507 | } | ||
508 | }) | ||
509 | |||
510 | this.$nextTick(()=> { | ||
511 | if (flag && this.$refs.qlxzModule.getRulesResult()) { | ||
512 | saveDzInfo(this.form).then((res)=>{ | ||
513 | if(res.code===200){ | ||
514 | this.$message.success("保存完成!") | ||
515 | }else { | ||
516 | this.$message({ | ||
517 | message: res.message, | ||
518 | type: "warning", | ||
519 | }); | ||
520 | } | ||
521 | }) | ||
522 | }else { | ||
523 | this.$message({ | ||
524 | // message: item.name+'不能为空', | ||
525 | message: '请完善表单后再继续操作', | ||
526 | type: "warning", | ||
527 | }); | ||
528 | } | ||
529 | }) | ||
422 | }, | 530 | }, |
423 | onSubmit(){ | 531 | onSubmit(){ |
424 | console.log(this.form) | 532 | console.log(this.form) |
... | @@ -431,6 +539,7 @@ | ... | @@ -431,6 +539,7 @@ |
431 | if(res.code===200){ | 539 | if(res.code===200){ |
432 | this.$message.success("提交完成!"); | 540 | this.$message.success("提交完成!"); |
433 | this.getDzDetailByBsm(this.$route.query.bsm) | 541 | this.getDzDetailByBsm(this.$route.query.bsm) |
542 | this.getTreeByBsm(this.$route.query.bsm,'dz','0,1,2') | ||
434 | } | 543 | } |
435 | }) | 544 | }) |
436 | }, | 545 | }, |
... | @@ -478,21 +587,6 @@ | ... | @@ -478,21 +587,6 @@ |
478 | }) | 587 | }) |
479 | }, | 588 | }, |
480 | }, | 589 | }, |
481 | created() { | ||
482 | if(this.source===1){ | ||
483 | this.bsm=this.$route.query.bsm; | ||
484 | this.form.dzbsm=this.$route.query.bsm; | ||
485 | this.getZddm(this.$store.state.zdbsm); | ||
486 | }else { | ||
487 | this.bsm=this.$route.query.bsm; | ||
488 | this.form.dzbsm=this.$route.query.bsm; | ||
489 | } | ||
490 | if(this.source!==1){ | ||
491 | this.bsm=this.$route.query.bsm; | ||
492 | this.form.dzbsm=this.$route.query.bsm; | ||
493 | this.getDzDetailByBsm(this.$route.query.bsm) | ||
494 | } | ||
495 | }, | ||
496 | computed: { | 590 | computed: { |
497 | dzbsm() { | 591 | dzbsm() { |
498 | return this.$route.query.bsm; | 592 | return this.$route.query.bsm; |
... | @@ -504,6 +598,24 @@ | ... | @@ -504,6 +598,24 @@ |
504 | this.getDzDetailByBsm(val) | 598 | this.getDzDetailByBsm(val) |
505 | }, | 599 | }, |
506 | 600 | ||
601 | "form.fwytList": { | ||
602 | handler : function (newVal, oldVal) { | ||
603 | newVal.forEach((item,ind)=>{ | ||
604 | if(item.fwytzdbsm != ''){ | ||
605 | this.$refs.ghyt[ind].$el.style.border="" | ||
606 | this.$refs.yt[ind].$el.style.border="" | ||
607 | } | ||
608 | }) | ||
609 | }, | ||
610 | deep:true | ||
611 | }, | ||
612 | |||
613 | "form.bdcdyh":function (val) { | ||
614 | if (val != '') { | ||
615 | this.$refs.bdcdyh.style.border = ''; | ||
616 | } | ||
617 | }, | ||
618 | |||
507 | "$store.state.sxdrType": { | 619 | "$store.state.sxdrType": { |
508 | handler(n) { | 620 | handler(n) { |
509 | this.$nextTick(()=>{ | 621 | this.$nextTick(()=>{ |
... | @@ -523,6 +635,10 @@ | ... | @@ -523,6 +635,10 @@ |
523 | box-sizing: border-box; | 635 | box-sizing: border-box; |
524 | padding: 18px; | 636 | padding: 18px; |
525 | padding-bottom: 0; | 637 | padding-bottom: 0; |
638 | margin-bottom: 50px; | ||
639 | .iconfont{ | ||
640 | cursor: pointer; | ||
641 | } | ||
526 | 642 | ||
527 | /deep/textarea{ | 643 | /deep/textarea{ |
528 | width: 100%; | 644 | width: 100%; |
... | @@ -573,5 +689,26 @@ | ... | @@ -573,5 +689,26 @@ |
573 | text-align: center; | 689 | text-align: center; |
574 | } | 690 | } |
575 | } | 691 | } |
692 | .header-button { | ||
693 | z-index: 3; | ||
694 | height: 50px; | ||
695 | position: fixed; | ||
696 | bottom: 0; | ||
697 | right: 0; | ||
698 | text-align: center; | ||
699 | background-color: #ffffff; | ||
700 | .el-button { | ||
701 | padding: 10px 30px; | ||
702 | margin-top: 8px; | ||
703 | } | ||
704 | .saveBtn { | ||
705 | background-color: #00CACD; | ||
706 | border-color: #00CACD; | ||
707 | } | ||
708 | .saveBtn:hover { | ||
709 | background-color: rgba(0, 202, 205, .8); | ||
710 | border-color: rgba(0, 202, 205, .8); | ||
711 | } | ||
712 | } | ||
576 | } | 713 | } |
577 | </style> | 714 | </style> | ... | ... |
1 | <template> | 1 | <template> |
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" type="border-card" > |
4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> | 4 | <el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane> |
5 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane> | 5 | <el-tab-pane label="附件材料" name="fjcl"> |
6 | <fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane> | ||
6 | </el-tabs> | 7 | </el-tabs> |
7 | </div> | 8 | </div> |
8 | </template> | 9 | </template> |
... | @@ -10,6 +11,7 @@ | ... | @@ -10,6 +11,7 @@ |
10 | <script> | 11 | <script> |
11 | import dzxx from "./dzxx"; | 12 | import dzxx from "./dzxx"; |
12 | import fjcl from "./../zd/fjcl/fjcl" | 13 | import fjcl from "./../zd/fjcl/fjcl" |
14 | import {queryStatus} from "@api/search" | ||
13 | export default { | 15 | export default { |
14 | name: "", | 16 | name: "", |
15 | components: { | 17 | components: { |
... | @@ -18,13 +20,24 @@ | ... | @@ -18,13 +20,24 @@ |
18 | props: {}, | 20 | props: {}, |
19 | data() { | 21 | data() { |
20 | return { | 22 | return { |
23 | isDisabled:false, | ||
21 | activeName: "dzxx", | 24 | activeName: "dzxx", |
22 | dzJbxxVisble:true, | 25 | dzJbxxVisble:true, |
23 | fjclVisible:false | 26 | fjclVisible:false |
24 | }; | 27 | }; |
25 | }, | 28 | }, |
26 | methods: { | 29 | methods: { |
30 | loadingStatus() { | ||
31 | let bsm=this.$store.state.dzbsm; | ||
32 | queryStatus(bsm).then(res => { | ||
33 | if (res.success) { | ||
34 | let qszt = res.result.qszt; | ||
35 | this.isDisabled = +qszt !== 0; | ||
36 | } | ||
37 | }) | ||
38 | }, | ||
27 | handleClick(tab, event) { | 39 | handleClick(tab, event) { |
40 | this.loadingStatus(); | ||
28 | switch (tab.name) { | 41 | switch (tab.name) { |
29 | case 'dzxx': | 42 | case 'dzxx': |
30 | this.dzJbxxVisble = true; | 43 | this.dzJbxxVisble = true; |
... | @@ -43,4 +56,22 @@ | ... | @@ -43,4 +56,22 @@ |
43 | watch: {}, | 56 | watch: {}, |
44 | }; | 57 | }; |
45 | </script> | 58 | </script> |
46 | <style scoped lang="less"></style> | 59 | <style scoped lang="less"> |
60 | .el-tabs{ | ||
61 | height: calc(100% - 50px); | ||
62 | /deep/.el-tabs__content{ | ||
63 | //height: 100%; | ||
64 | /deep/.el-tab-pane{ | ||
65 | height: 100%; | ||
66 | } | ||
67 | background: #eaedf5; | ||
68 | padding: 0; | ||
69 | } | ||
70 | /deep/ .el-tabs__item { | ||
71 | height: 48px; | ||
72 | } | ||
73 | /deep/ .el-tabs__header{ | ||
74 | background-color: #ffffff; | ||
75 | } | ||
76 | } | ||
77 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="gzw content-form"> | 2 | <div class="gzw content-form"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="gzwTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="gzwTable"> |
6 | <tr height="30"> | 6 | <tr height="30"> |
7 | <th colspan="12"><font size="4"></font>构筑物基本信息</th> | 7 | <th colspan="12"><font size="4"></font>构筑物基本信息</th> |
... | @@ -13,17 +13,17 @@ | ... | @@ -13,17 +13,17 @@ |
13 | </td> | 13 | </td> |
14 | <td colspan="2" align="center" >项目名称</td> | 14 | <td colspan="2" align="center" >项目名称</td> |
15 | <td colspan="4" > | 15 | <td colspan="4" > |
16 | <input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'"> | 16 | <input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="xmmc"> |
17 | </td> | 17 | </td> |
18 | </tr> | 18 | </tr> |
19 | <tr height="30"> | 19 | <tr height="30"> |
20 | <td colspan="2" align="center" >坐落</td> | 20 | <td colspan="2" align="center" >坐落</td> |
21 | <td colspan="4" > | 21 | <td colspan="4" > |
22 | <input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'"> | 22 | <input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="zl"> |
23 | </td> | 23 | </td> |
24 | <td colspan="2" align="center" >不动产单元号</td> | 24 | <td colspan="2" align="center" >不动产单元号</td> |
25 | <td colspan="4" class="psr"> | 25 | <td colspan="4" class="psr"> |
26 | <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'"> | 26 | <input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="bdcdyh"> |
27 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" :disabled="form.qszt!=='0'">生成</el-button> | 27 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" :disabled="form.qszt!=='0'">生成</el-button> |
28 | </td> | 28 | </td> |
29 | </tr> | 29 | </tr> |
... | @@ -114,6 +114,7 @@ | ... | @@ -114,6 +114,7 @@ |
114 | label: 'mc' | 114 | label: 'mc' |
115 | }, | 115 | }, |
116 | 116 | ||
117 | lx:'gzw', | ||
117 | bsm:'', | 118 | bsm:'', |
118 | form:{ | 119 | form:{ |
119 | zdzhdm:'', | 120 | zdzhdm:'', |
... | @@ -129,6 +130,7 @@ | ... | @@ -129,6 +130,7 @@ |
129 | bsm:'', | 130 | bsm:'', |
130 | }, | 131 | }, |
131 | zdbsm:'', | 132 | zdbsm:'', |
133 | rules:[], | ||
132 | } | 134 | } |
133 | }, | 135 | }, |
134 | methods:{ | 136 | methods:{ |
... | @@ -140,6 +142,16 @@ | ... | @@ -140,6 +142,16 @@ |
140 | } | 142 | } |
141 | }) | 143 | }) |
142 | }, | 144 | }, |
145 | |||
146 | inputBlur(e) { | ||
147 | if (e.target.value != '') { | ||
148 | e.target.style.border = "" | ||
149 | } else { | ||
150 | e.target.style.border = "1px solid red"; | ||
151 | e.target.style.boxSizing = 'border-box'; | ||
152 | } | ||
153 | }, | ||
154 | |||
143 | generatorCode(){ | 155 | generatorCode(){ |
144 | if(this.form.bdcdyh!=null&&this.form.bdcdyh!==''){ | 156 | if(this.form.bdcdyh!=null&&this.form.bdcdyh!==''){ |
145 | this.open(); | 157 | this.open(); |
... | @@ -182,15 +194,58 @@ | ... | @@ -182,15 +194,58 @@ |
182 | }); | 194 | }); |
183 | }, | 195 | }, |
184 | onSave(){ | 196 | onSave(){ |
185 | console.log(this.form,'this.form'); | 197 | |
186 | this.bsm=this.$route.query.bsm; | 198 | this.rules=[ |
187 | this.form.bsm=this.bsm; | 199 | { |
188 | this.form.jgsj=this.form.jgrq; | 200 | data:this.form.bdcdyh, |
189 | updateGzwjbxx(this.form).then((res)=>{ | 201 | name:'不动产单元号', |
190 | if(res.code === 200){ | 202 | dom:this.$refs.bdcdyh, |
191 | this.$message.success("保存完成!"); | 203 | rule: /^\s*$/g, //非空 |
204 | }, | ||
205 | { | ||
206 | data:this.form.xmmc, | ||
207 | name:'项目名称', | ||
208 | dom:this.$refs.xmmc, | ||
209 | rule: /^\s*$/g, //非空 | ||
210 | }, | ||
211 | { | ||
212 | data:this.form.zl, | ||
213 | name:'坐落', | ||
214 | dom:this.$refs.zl, | ||
215 | rule: /^\s*$/g, //非空 | ||
216 | }, | ||
217 | ] | ||
218 | |||
219 | let flag = true; | ||
220 | this.rules.forEach(item=>{ | ||
221 | if(item.rule.test(item.data) || item.data == null){ | ||
222 | if(item.dom.$el){ | ||
223 | item.dom.$el.style.border = '1px solid red'; | ||
224 | item.dom.$el.style.boxSizing = 'border-box'; | ||
225 | }else{ | ||
226 | item.dom.style.border = '1px solid red'; | ||
227 | item.dom.style.boxSizing = 'border-box'; | ||
228 | } | ||
229 | flag = false; | ||
230 | return false | ||
192 | } | 231 | } |
193 | }) | 232 | }) |
233 | |||
234 | this.$nextTick(()=> { | ||
235 | if (flag) { | ||
236 | console.log(this.form,'this.form'); | ||
237 | this.bsm=this.$route.query.bsm; | ||
238 | this.form.bsm=this.bsm; | ||
239 | this.form.jgsj=this.form.jgrq; | ||
240 | updateGzwjbxx(this.form).then((res)=>{ | ||
241 | if(res.code === 200){ | ||
242 | this.$message.success("保存完成!"); | ||
243 | } | ||
244 | }) | ||
245 | } | ||
246 | }) | ||
247 | |||
248 | |||
194 | }, | 249 | }, |
195 | getGzwDetailInfo(data){ | 250 | getGzwDetailInfo(data){ |
196 | getQjGzwDetailInfo(data).then((res)=>{ | 251 | getQjGzwDetailInfo(data).then((res)=>{ |
... | @@ -206,6 +261,9 @@ | ... | @@ -206,6 +261,9 @@ |
206 | this.form.qszt = res.result.qszt; | 261 | this.form.qszt = res.result.qszt; |
207 | this.zdbsm = res.result.zdzhbsm; | 262 | this.zdbsm = res.result.zdzhbsm; |
208 | this.getZddm(this.zdbsm); | 263 | this.getZddm(this.zdbsm); |
264 | if(res.result.gygyqlrqk!=null){ | ||
265 | this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
266 | } | ||
209 | } | 267 | } |
210 | }) | 268 | }) |
211 | }, | 269 | }, |
... | @@ -219,6 +277,7 @@ | ... | @@ -219,6 +277,7 @@ |
219 | if(res.code===200){ | 277 | if(res.code===200){ |
220 | this.$message.success("提交完成!"); | 278 | this.$message.success("提交完成!"); |
221 | this.getGzwDetailInfo(this.bsm) | 279 | this.getGzwDetailInfo(this.bsm) |
280 | this.getTreeByBsm(this.bsm,'gzw','0,1,2') | ||
222 | } | 281 | } |
223 | }) | 282 | }) |
224 | }, | 283 | }, |
... | @@ -252,6 +311,12 @@ | ... | @@ -252,6 +311,12 @@ |
252 | this.getGzwDetailInfo(val) | 311 | this.getGzwDetailInfo(val) |
253 | this.reload() | 312 | this.reload() |
254 | }, | 313 | }, |
314 | |||
315 | "form.bdcdyh":function (val) { | ||
316 | if (val != '') { | ||
317 | this.$refs.bdcdyh.style.border = ''; | ||
318 | } | ||
319 | }, | ||
255 | } | 320 | } |
256 | } | 321 | } |
257 | </script> | 322 | </script> | ... | ... |
src/views/login/images/logo-login.png
0 → 100644
25.6 KB
1 | <template> | 1 | <template> |
2 | <div id="login"> | 2 | <div id="login"> |
3 | <img class="login-logo" src="./images/logo-login.svg" /> | 3 | <div class="login-logo"><img src="./images/logo-login.png" /></div> |
4 | <div class="login-con"> | 4 | <div class="login-con"> |
5 | <div class="login-title">用户登录</div> | 5 | <!-- <div class="login-title">用户登录</div>--> |
6 | <div class="login-user" :class="{ 'select-border': change.user }"> | 6 | <div class="login-user" :class="{ 'select-border': change.user }"> |
7 | <img class="user-icon" src="./images/user.svg" /> | 7 | <img class="user-icon" src="./images/user.svg" /> |
8 | <div class="line-mid"></div> | 8 | <!-- <div class="line-mid"></div>--> |
9 | <input | 9 | <input |
10 | type="text" | 10 | type="text" |
11 | class="user-input" | 11 | class="user-input" |
... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
18 | </div> | 18 | </div> |
19 | <div class="login-user user-mt" :class="{ 'select-border': change.pass }"> | 19 | <div class="login-user user-mt" :class="{ 'select-border': change.pass }"> |
20 | <img class="user-icon" src="./images/password.svg" /> | 20 | <img class="user-icon" src="./images/password.svg" /> |
21 | <div class="line-mid"></div> | 21 | <!-- <div class="line-mid"></div>--> |
22 | <input | 22 | <input |
23 | type="password" | 23 | type="password" |
24 | class="user-input" | 24 | class="user-input" |
... | @@ -184,74 +184,82 @@ export default { | ... | @@ -184,74 +184,82 @@ export default { |
184 | #login { | 184 | #login { |
185 | width: 100vw; | 185 | width: 100vw; |
186 | height: 100vh; | 186 | height: 100vh; |
187 | background: url("./images/login-bg.png") center center no-repeat; | 187 | background: url("./images/login-bg.png") no-repeat bottom center; |
188 | background-size: 100% 100%; | 188 | background-size: 100% 100%; |
189 | overflow: hidden; | 189 | overflow: hidden; |
190 | position: relative; | 190 | //position: relative; |
191 | .login-logo { | 191 | .login-logo { |
192 | display: block; | 192 | //display: block; |
193 | margin: 0 auto; | 193 | //position: absolute; |
194 | position: absolute; | 194 | //top: 8%; |
195 | top: 11.5%; | 195 | //left: 0; |
196 | left: 0; | 196 | //right: 0; |
197 | right: 0; | 197 | margin-top: 8%; |
198 | margin: 0 auto; | 198 | height: 38px; |
199 | width: 360px; | 199 | width: 100%; |
200 | text-align: center; | ||
200 | } | 201 | } |
202 | .login-logo img{ | ||
203 | height: 100%; | ||
204 | } | ||
201 | .login-con { | 205 | .login-con { |
202 | position: absolute; | 206 | //position: absolute; |
203 | top: 24%; | 207 | //top: 24%; |
204 | left: 0; | 208 | //left: 0; |
205 | right: 0; | 209 | //right: 0; |
206 | margin: 0 auto; | 210 | margin: 88px auto; |
207 | } | 211 | width: 380px; |
208 | .login-title { | 212 | |
209 | width: 320px; | ||
210 | margin: 0 auto; | ||
211 | font-size: 14px; | ||
212 | font-weight: 500; | ||
213 | } | 213 | } |
214 | //.login-title { | ||
215 | // width: 320px; | ||
216 | // margin: 0 auto; | ||
217 | // font-size: 14px; | ||
218 | // font-weight: 500; | ||
219 | //} | ||
214 | .login-user { | 220 | .login-user { |
215 | width: 320px; | 221 | width: 100%; |
216 | height: 38px; | 222 | height: 46px; |
217 | border: 1px solid rgba(155, 155, 155, 1); | 223 | border: 1px solid rgba(155, 155, 155, 1); |
218 | box-sizing: border-box; | 224 | box-sizing: border-box; |
219 | margin: 0 auto; | 225 | margin: 38px auto auto auto; |
220 | margin-top: 20px; | ||
221 | border-radius: 2px; | 226 | border-radius: 2px; |
222 | position: relative; | 227 | //position: relative; |
223 | .user-icon { | 228 | .user-icon { |
224 | margin: 0 12px; | 229 | float: left; |
225 | float: left; | 230 | margin: 13px auto auto 10px; |
226 | width: 16px; | 231 | //float: left; |
227 | height: 16px; | 232 | width: 28px; |
228 | margin-top: 11px; | 233 | height: 18px; |
229 | } | 234 | //margin-top: 11px; |
230 | .line-mid { | ||
231 | width: 1px; | ||
232 | height: 16px; | ||
233 | background: #cbcbcb; | ||
234 | float: left; | ||
235 | margin-top: 11px; | ||
236 | margin-right: 9px; | ||
237 | } | 235 | } |
236 | //.line-mid { | ||
237 | // width: 1px; | ||
238 | // height: 16px; | ||
239 | // background: #cbcbcb; | ||
240 | // float: left; | ||
241 | // margin-top: 11px; | ||
242 | // margin-right: 9px; | ||
243 | //} | ||
238 | .user-input { | 244 | .user-input { |
239 | width: 230px; | 245 | width: 80%; |
240 | float: left; | 246 | float: left; |
241 | font-size: 12px; | 247 | font-size: 16px; |
242 | margin-top: 11px; | 248 | //margin-top: 11px; |
243 | background: none; | 249 | //background: none; |
244 | outline: 0; | 250 | outline: 0; |
245 | border: 0; | 251 | border: none; |
246 | color: #4a4a4a; | 252 | color: #4a4a4a; |
247 | box-shadow: inset 0 0 0 1000px #fff !important; | 253 | line-height: 266%; |
254 | //box-shadow: inset 0 0 0 1000px #fff !important; | ||
255 | |||
248 | } | 256 | } |
249 | .password-eye { | 257 | .password-eye { |
250 | float: right; | 258 | float: right; |
251 | width: 16px; | 259 | width: 16px; |
252 | height: 16px; | 260 | height: 16px; |
253 | margin-right: 12px; | 261 | margin-right: 12px; |
254 | margin-top: 11px; | 262 | margin-top: 13px; |
255 | cursor: pointer; | 263 | cursor: pointer; |
256 | } | 264 | } |
257 | .warning { | 265 | .warning { |
... | @@ -297,7 +305,7 @@ export default { | ... | @@ -297,7 +305,7 @@ export default { |
297 | } | 305 | } |
298 | } | 306 | } |
299 | .login-btn { | 307 | .login-btn { |
300 | width: 320px; | 308 | width: 100%; |
301 | height: 40px; | 309 | height: 40px; |
302 | background: rgba(0, 127, 255, 1); | 310 | background: rgba(0, 127, 255, 1); |
303 | border-radius: 1px; | 311 | border-radius: 1px; |
... | @@ -310,11 +318,8 @@ export default { | ... | @@ -310,11 +318,8 @@ export default { |
310 | cursor: pointer; | 318 | cursor: pointer; |
311 | } | 319 | } |
312 | .reserved-con { | 320 | .reserved-con { |
313 | position: absolute; | 321 | |
314 | bottom: 36%; | 322 | margin: 38px auto; |
315 | left: 0; | ||
316 | right: 0; | ||
317 | margin: 0 auto; | ||
318 | } | 323 | } |
319 | .reserved-words { | 324 | .reserved-words { |
320 | font-size: 12px; | 325 | font-size: 12px; | ... | ... |
... | @@ -263,7 +263,7 @@ export default { | ... | @@ -263,7 +263,7 @@ export default { |
263 | zddm: "", | 263 | zddm: "", |
264 | zl: "", | 264 | zl: "", |
265 | pageNo: 1, | 265 | pageNo: 1, |
266 | pageSize: 12, | 266 | pageSize: 15, |
267 | type:'add', | 267 | type:'add', |
268 | }, | 268 | }, |
269 | Data: [], | 269 | Data: [], |
... | @@ -369,7 +369,7 @@ export default { | ... | @@ -369,7 +369,7 @@ export default { |
369 | zddm: "", | 369 | zddm: "", |
370 | zl: "", | 370 | zl: "", |
371 | pageNo: 1, | 371 | pageNo: 1, |
372 | pageSize: 12 | 372 | pageSize: 15 |
373 | }; | 373 | }; |
374 | this.getData(this.queryData); | 374 | this.getData(this.queryData); |
375 | }, | 375 | }, | ... | ... |
... | @@ -15,7 +15,7 @@ | ... | @@ -15,7 +15,7 @@ |
15 | <li><span class="label">不动产单元号:</span><span class="value">{{zdFgqData.bdcdyh}}</span></li> | 15 | <li><span class="label">不动产单元号:</span><span class="value">{{zdFgqData.bdcdyh}}</span></li> |
16 | <li><span class="label">项目名称:</span><span class="value">{{zdFgqData.xmmc}}</span></li> | 16 | <li><span class="label">项目名称:</span><span class="value">{{zdFgqData.xmmc}}</span></li> |
17 | <li><span class="label">不动产权证号:</span><span class="value">{{zdFgqData.bdcqzh}}</span></li> | 17 | <li><span class="label">不动产权证号:</span><span class="value">{{zdFgqData.bdcqzh}}</span></li> |
18 | <li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlr}}</span></li> | 18 | <li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlrmc}}</span></li> |
19 | <li><span class="label">坐落:</span><span class="value">{{zdFgqData.zl}}</span></li> | 19 | <li><span class="label">坐落:</span><span class="value">{{zdFgqData.zl}}</span></li> |
20 | </ul> | 20 | </ul> |
21 | <div class="zdmap"> | 21 | <div class="zdmap"> |
... | @@ -44,13 +44,13 @@ | ... | @@ -44,13 +44,13 @@ |
44 | </el-card> | 44 | </el-card> |
45 | </div> | 45 | </div> |
46 | </div> | 46 | </div> |
47 | <div class="fgh" :style="{'minHeight':tableHeight+'px'}"> | 47 | <div class="fgh" :style="{'height':tableHeight+'px'}"> |
48 | <span class="tips">分割后宗地信息(总计分割宗地数量{{zdFghData.newZdlist.length}}个)</span> | 48 | <span class="tips">分割后宗地信息(总计分割宗地数量{{zdFghData.newZdlist.length}}个)</span> |
49 | <table border="1"> | 49 | <table border="1"> |
50 | <tr> | 50 | <tr> |
51 | <th class="cz"> | 51 | <th class="cz"> |
52 | <i class="iconfont iconicon-test2 " style="color:#66b1ff;font-size:30px" @click="addRow"></i> | 52 | <i class="iconfont iconicon-test2 " style="color:#66b1ff;font-size:30px" @click="addRow"></i> |
53 | 53 | ||
54 | </th> | 54 | </th> |
55 | <th class="xh">序号</th> | 55 | <th class="xh">序号</th> |
56 | <th class="xzq">行政区</th> | 56 | <th class="xzq">行政区</th> |
... | @@ -214,7 +214,7 @@ | ... | @@ -214,7 +214,7 @@ |
214 | </el-card> | 214 | </el-card> |
215 | </div> | 215 | </div> |
216 | </div> | 216 | </div> |
217 | <div class="fgh"> | 217 | <div class="fgh" :style="{'height':tableHeight+'px'}"> |
218 | <span class="tips">分割后多幢信息(总计分割多幢数量{{dzFghData.fwlist.length}}个)</span> | 218 | <span class="tips">分割后多幢信息(总计分割多幢数量{{dzFghData.fwlist.length}}个)</span> |
219 | <table border="1"> | 219 | <table border="1"> |
220 | <tr> | 220 | <tr> |
... | @@ -315,7 +315,7 @@ | ... | @@ -315,7 +315,7 @@ |
315 | 315 | ||
316 | export default { | 316 | export default { |
317 | name: "", | 317 | name: "", |
318 | inject: ['getTreeByS'], | 318 | inject: ['getTreeByS','getRightTree'], |
319 | components: {zdQueryData,dzQueryData,hfghb}, | 319 | components: {zdQueryData,dzQueryData,hfghb}, |
320 | props: {}, | 320 | props: {}, |
321 | data() { | 321 | data() { |
... | @@ -634,6 +634,7 @@ | ... | @@ -634,6 +634,7 @@ |
634 | } | 634 | } |
635 | saveDzFg(this.dzFghData).then(res => { | 635 | saveDzFg(this.dzFghData).then(res => { |
636 | if (res.success) { | 636 | if (res.success) { |
637 | this.getRightTree(res.result,'0,1,2'); | ||
637 | Message.success("保存成功") | 638 | Message.success("保存成功") |
638 | //TO DO 多幢分割完成后的操作 | 639 | //TO DO 多幢分割完成后的操作 |
639 | } else { | 640 | } else { |
... | @@ -1162,6 +1163,7 @@ | ... | @@ -1162,6 +1163,7 @@ |
1162 | } | 1163 | } |
1163 | } | 1164 | } |
1164 | .header-button { | 1165 | .header-button { |
1166 | z-index: 3; | ||
1165 | height: 50px; | 1167 | height: 50px; |
1166 | position: fixed; | 1168 | position: fixed; |
1167 | bottom: 0; | 1169 | bottom: 0; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="mainbox"> |
3 | <template v-if="isFwsxbg"> | 3 | <el-tabs v-model="tabName" @tab-click="handleClick" class="menu"> |
4 | <!-- <p class="tips">查询条件</p> --> | 4 | <el-tab-pane label="宗地" name="zd"> |
5 | <SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead> | 5 | <fwsxbg-tab queryType="zd"></fwsxbg-tab> |
6 | <!-- <p class="tips">查询列表</p> --> | 6 | </el-tab-pane> |
7 | <div class="dataGrid" ref="dataGrid"> | 7 | <el-tab-pane label="多幢" name="dz"> |
8 | <el-table | 8 | <fwsxbg-tab v-if="dzVisible" queryType="dz"></fwsxbg-tab> |
9 | :data="tableData" | 9 | </el-tab-pane> |
10 | :height="tableHeight" | 10 | <el-tab-pane label="自然幢" name="zrz"> |
11 | :row-class-name="tableRowClassName" | 11 | <fwsxbg-tab v-if="zrzVisible" queryType="zrz"></fwsxbg-tab> |
12 | > | 12 | </el-tab-pane> |
13 | <el-table-column type="index" width="80" align="center" label="序号"> | 13 | <el-tab-pane label="构筑物" name="gzw"> |
14 | </el-table-column> | 14 | <fwsxbg-tab v-if="gzwVisible" queryType="gzw"></fwsxbg-tab> |
15 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> | 15 | </el-tab-pane> |
16 | </el-table-column> | 16 | <el-tab-pane label="户" name="h"> |
17 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> | 17 | <fwsxbg-tab v-if="hVisible" queryType="h"></fwsxbg-tab> |
18 | </el-table-column> | 18 | </el-tab-pane> |
19 | <el-table-column prop="bdcqzh" align="left" label="不动产权证号"> | 19 | </el-tabs> |
20 | </el-table-column> | ||
21 | <el-table-column prop="dylx" align="left" width="120" label="类型"> | ||
22 | <template slot-scope="scope"> | ||
23 | {{ scope.row.dylx | bdcLxFilter }} | ||
24 | </template> | ||
25 | </el-table-column> | ||
26 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> | ||
27 | </el-table-column> | ||
28 | <el-table-column prop="zl" align="left" label="坐落"></el-table-column> | ||
29 | <el-table-column | ||
30 | prop="addtime" | ||
31 | align="left" | ||
32 | width="120" | ||
33 | label="转入时间" | ||
34 | > | ||
35 | <template slot-scope="scope"> | ||
36 | {{ scope.row.addtime | timeFilter }} | ||
37 | </template> | ||
38 | </el-table-column> | ||
39 | <!-- <el-table-column prop="cjr" align="left" width="120" label="创建人"> | ||
40 | </el-table-column> --> | ||
41 | <el-table-column label="操作" align="center" width="100"> | ||
42 | <template slot-scope="scope"> | ||
43 | <el-tooltip class="item" effect="light" content="办理" placement="top"> | ||
44 | <i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i> | ||
45 | </el-tooltip> | ||
46 | <el-tooltip class="item" effect="light" content="定位" placement="top"> | ||
47 | <i class="iconfont icondingwei iconfontEdit"></i> | ||
48 | </el-tooltip> | ||
49 | <!-- <el-button @click="handleClick(scope.row)" type="text" size="small" | ||
50 | >办理 | ||
51 | </el-button> | ||
52 | <el-button type="text" size="small">定位</el-button> --> | ||
53 | </template> | ||
54 | </el-table-column> | ||
55 | </el-table> | ||
56 | <div class="pagination"> | ||
57 | <el-pagination | ||
58 | background | ||
59 | layout="prev, pager, next,total" | ||
60 | :total="total" | ||
61 | :current-page="pageNo" | ||
62 | @current-change="handleCurrentChange" | ||
63 | > | ||
64 | </el-pagination> | ||
65 | </div> | ||
66 | </div> | ||
67 | </template> | ||
68 | <div class="lpb" v-if="!isFwsxbg"> | ||
69 | <div class="lpb-header"> | ||
70 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
71 | <el-radio-button label="0">预测</el-radio-button> | ||
72 | <el-radio-button label="1">实测</el-radio-button> | ||
73 | </el-radio-group> | ||
74 | <el-input | ||
75 | maxlength="28" | ||
76 | v-model="bdcdyh" | ||
77 | :style="{ width: inputWidth + 'px' }" | ||
78 | @change="inputChange" | ||
79 | class="searchInput" | ||
80 | placeholder="输入不动产单元号或室号" | ||
81 | ><i | ||
82 | slot="suffix" | ||
83 | class="el-input__icon el-icon-search" | ||
84 | @click="inputChange" | ||
85 | ></i | ||
86 | ></el-input> | ||
87 | <el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link> | ||
88 | </div> | ||
89 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading"> | ||
90 | <!-- 楼盘表主体 --> | ||
91 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | ||
92 | <lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent> | ||
93 | </div> | ||
94 | <!-- 右侧图例 --> | ||
95 | <div class="lp-legend"> | ||
96 | <div class="handleCol"> | ||
97 | <div class="btn" @click="legendToggle"> | ||
98 | <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> | ||
99 | <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> | ||
100 | </div> | ||
101 | <div | ||
102 | :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" | ||
103 | @click="selectedZt = 'dyzt'" | ||
104 | > | ||
105 | <span>单元状态</span> | ||
106 | </div> | ||
107 | <div | ||
108 | :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" | ||
109 | @click="selectedZt = 'fwxz'" | ||
110 | > | ||
111 | <span>房屋性质</span> | ||
112 | </div> | ||
113 | <div | ||
114 | :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" | ||
115 | @click="selectedZt = 'fwyt'" | ||
116 | > | ||
117 | <span>房屋用途</span> | ||
118 | </div> | ||
119 | </div> | ||
120 | <div | ||
121 | class="legendTable-wrap" | ||
122 | :style="{ width: legendToggleFlag ? '204px' : '0' }" | ||
123 | > | ||
124 | <table | ||
125 | class="legendTable" | ||
126 | v-show="selectedZt == 'dyzt'" | ||
127 | cellspacing="1" | ||
128 | cellpadding="1" | ||
129 | border="1" | ||
130 | > | ||
131 | <tr> | ||
132 | <th>状态</th> | ||
133 | <th>套数</th> | ||
134 | <th>面积</th> | ||
135 | </tr> | ||
136 | <tr | ||
137 | v-for="(item, index) in dyztList" | ||
138 | :key="index" | ||
139 | class="cp" | ||
140 | @click="handleChoosedH(item.bsms,item.color)" | ||
141 | > | ||
142 | <td> | ||
143 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
144 | >{{ item.name }} | ||
145 | </td> | ||
146 | <td>{{ item.ts }}</td> | ||
147 | <td>{{ item.mj }}</td> | ||
148 | </tr> | ||
149 | </table> | ||
150 | |||
151 | <table | ||
152 | class="legendTable" | ||
153 | v-show="selectedZt == 'fwxz'" | ||
154 | cellspacing="1" | ||
155 | cellpadding="1" | ||
156 | border="1" | ||
157 | > | ||
158 | <tr> | ||
159 | <th>性质</th> | ||
160 | <th>套数</th> | ||
161 | <th>面积</th> | ||
162 | </tr> | ||
163 | <tr | ||
164 | v-for="(item, index) in fwxzList" | ||
165 | :key="index" | ||
166 | class="cp" | ||
167 | @click="handleChoosedH(item.bsms,item.color)" | ||
168 | > | ||
169 | <td> | ||
170 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
171 | >{{ item.name }} | ||
172 | </td> | ||
173 | <td>{{ item.ts }}</td> | ||
174 | <td>{{ item.mj }}</td> | ||
175 | </tr> | ||
176 | <tr v-show="fwxzList.length < 1"> | ||
177 | <td colspan="3" class="tac">暂无数据</td> | ||
178 | </tr> | ||
179 | </table> | ||
180 | |||
181 | <table | ||
182 | class="legendTable" | ||
183 | v-show="selectedZt == 'fwyt'" | ||
184 | cellspacing="1" | ||
185 | cellpadding="1" | ||
186 | border="1" | ||
187 | > | ||
188 | <tr> | ||
189 | <th>用途</th> | ||
190 | <th>套数</th> | ||
191 | <th>面积</th> | ||
192 | </tr> | ||
193 | <tr | ||
194 | v-for="(item, index) in fwytList" | ||
195 | :key="index" | ||
196 | class="cp" | ||
197 | @click="handleChoosedH(item.bsms,item.color)" | ||
198 | > | ||
199 | <td> | ||
200 | <i class="fa fa-circle" :style="{ color: item.color }"></i | ||
201 | >{{ item.name }} | ||
202 | </td> | ||
203 | <td>{{ item.ts }}</td> | ||
204 | <td>{{ item.mj }}</td> | ||
205 | </tr> | ||
206 | <tr v-show="fwytList.length < 1"> | ||
207 | <td colspan="3" class="tac">暂无数据</td> | ||
208 | </tr> | ||
209 | </table> | ||
210 | </div> | ||
211 | </div> | ||
212 | </div> | ||
213 | </div> | ||
214 | </div> | 20 | </div> |
215 | </template> | 21 | </template> |
216 | 22 | ||
217 | <script> | 23 | <script> |
218 | import SearchHead from "@components/searchHead/searchHead"; | 24 | import fwsxbgTab from '@components/fwsxbg/fwsxbgTab' |
219 | import { getSearchList } from "@api/search"; | ||
220 | import { fwsxbgbl } from "@api/common"; | ||
221 | import {getQjHDetailByBsm} from "@api/h"; | ||
222 | import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index"; | ||
223 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; | ||
224 | 25 | ||
225 | export default { | 26 | export default { |
226 | name: "", | 27 | name: "", |
227 | components: { SearchHead,lpbContent }, | 28 | components: { fwsxbgTab}, |
228 | inject:['getRightTree','getTreeByBsm'], | 29 | inject:[], |
229 | props: {}, | 30 | props: {}, |
230 | data() { | 31 | data(){ |
231 | return { | 32 | return{ |
232 | type:'fwsxbg', | 33 | tabName:'zd', |
233 | qszt: ['2'], | 34 | dzVisible:false, |
234 | total: 0, | 35 | zrzVisible:false, |
235 | pageNo: 1, | 36 | gzwVisible:false, |
236 | pageSize: 15, | 37 | hVisible:false, |
237 | tableData: [], | 38 | } |
238 | tableHeight: "100", | ||
239 | queryData: {}, | ||
240 | isFwsxbg:true, | ||
241 | zrzbsm:'', | ||
242 | scyclx:'0', //实预测类型 | ||
243 | bdcdyh:'',//室号搜索 | ||
244 | inputWidth: 220,//搜索框宽度 | ||
245 | legendToggleFlag: false, | ||
246 | selectedZt:'dyzt', | ||
247 | dyztList: [ | ||
248 | { | ||
249 | name: "未确权", | ||
250 | color: "#83AAFE", | ||
251 | ts: "12", | ||
252 | mj: "1633", | ||
253 | }, | ||
254 | { | ||
255 | name: "已确权", | ||
256 | color: "#6EDEE1", | ||
257 | ts: "22", | ||
258 | mj: "3109", | ||
259 | }, | ||
260 | { | ||
261 | name: "已备案", | ||
262 | color: "#8ADC88", | ||
263 | ts: "3", | ||
264 | mj: "409", | ||
265 | }, | ||
266 | { | ||
267 | name: "预抵押", | ||
268 | color: "#F2AD67", | ||
269 | ts: "11", | ||
270 | mj: "1466", | ||
271 | }, | ||
272 | { | ||
273 | name: "在建抵押", | ||
274 | color: "#F191C8", | ||
275 | ts: "13", | ||
276 | mj: "1792", | ||
277 | }, | ||
278 | { | ||
279 | name: "抵押", | ||
280 | color: "#FF8282", | ||
281 | ts: "14", | ||
282 | mj: "13", | ||
283 | }, | ||
284 | { | ||
285 | name: "查封", | ||
286 | color: "#D7CECF", | ||
287 | ts: "9", | ||
288 | mj: "1436", | ||
289 | }, | ||
290 | { | ||
291 | name: "异议", | ||
292 | color: "#D4A3EB", | ||
293 | ts: "34", | ||
294 | mj: "4342", | ||
295 | }, | ||
296 | { | ||
297 | name: "限制", | ||
298 | color: "#A5A3FB", | ||
299 | ts: "2", | ||
300 | mj: "285", | ||
301 | }, | ||
302 | ], | ||
303 | fwxzList: [], | ||
304 | fwytList: [], | ||
305 | lpbContentHeight: 0, | ||
306 | lpbContentwidth: 0, | ||
307 | lpbloading:true, | ||
308 | }; | ||
309 | }, | ||
310 | created() {}, | ||
311 | mounted() { | ||
312 | this.getData({pageSize:this.pageSize}); | ||
313 | // console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight'); | ||
314 | this.$nextTick(() => { | ||
315 | this.tableHeight = | ||
316 | (document.documentElement.clientHeight || document.body.clientHeight) - | ||
317 | 352; | ||
318 | this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 222; | ||
319 | }); | ||
320 | }, | 39 | }, |
321 | methods: { | 40 | methods:{ |
322 | onSubmit() {}, | 41 | handleClick(tab,event){ |
323 | tableRowClassName({ row, rowIndex }) { | 42 | console.log(tab,'范围属性变更tab'); |
324 | if (rowIndex % 2 !== 0) { | 43 | switch (tab.name) { |
325 | return "even-row"; | 44 | case "dz": |
326 | } else { | 45 | this.dzVisible=true; |
327 | return ""; | 46 | break; |
47 | case "zrz": | ||
48 | this.zrzVisible=true; | ||
49 | break; | ||
50 | case "gzw": | ||
51 | this.gzwVisible=true; | ||
52 | break; | ||
53 | case "h": | ||
54 | this.hVisible=true; | ||
55 | break; | ||
56 | default: | ||
57 | break; | ||
58 | } | ||
59 | } | ||
60 | } | ||
61 | }; | ||
62 | </script> | ||
63 | <style scoped lang="less"> | ||
64 | .mainbox { | ||
65 | width: 100%; | ||
66 | height: 100%; | ||
67 | -webkit-box-sizing: border-box; | ||
68 | box-sizing: border-box; | ||
69 | padding: 0; | ||
70 | .menu { | ||
71 | height: 100%; | ||
72 | /deep/ .el-tabs__content { | ||
73 | position: unset; | ||
74 | margin-top: 40px; | ||
75 | overflow: visible; | ||
76 | /deep/.el-tab-pane{ | ||
77 | height: calc(100% - 0px); | ||
78 | } | ||
328 | } | 79 | } |
329 | }, | 80 | /deep/ .el-tabs__header { |
330 | handleCurrentChange(val) { | 81 | position: -webkit-fixed; |
331 | console.log(`当前页: ${val}`); | 82 | position: fixed; |
332 | this.pageNo = val; | 83 | top: 120px; |
333 | this.queryData.pageNo = val; | 84 | z-index: 999; |
334 | this.getData(this.queryData); | 85 | width: 100%; |
335 | }, | 86 | margin-bottom: 0; |
336 | getData(data) { | 87 | border: 0; |
337 | data['type'] = this.type | 88 | /deep/ .el-tabs__nav-scroll { |
338 | data["qszt"] = this.qszt; | 89 | height: 50px; |
339 | getSearchList(data).then((res) => { | 90 | box-sizing: border-box; |
340 | this.tableData = res.result.records; | 91 | padding-left: 20px; |
341 | this.total = res.result.total; | 92 | .el-tabs__active-bar { |
342 | }); | 93 | display: none; |
343 | }, | ||
344 | //获取子组件点击查询触发的事件 | ||
345 | geQuerytData(obj) { | ||
346 | this.queryData = obj; | ||
347 | //将obj作为参数调用接口查询表格数据 | ||
348 | this.queryData["pageSize"] = this.pageSize; | ||
349 | this.pageNo = 1; | ||
350 | this.queryData["pageNo"] = 1; | ||
351 | this.getData(this.queryData); | ||
352 | }, | ||
353 | //点击办理 | ||
354 | handleClick(row) { | ||
355 | let params = { bsm: row.glbsm, type: row.dylx }; | ||
356 | if(row.dylx == 'h'){ | ||
357 | getQjHDetailByBsm(row.glbsm).then((res)=>{ | ||
358 | if(res.code===200){ | ||
359 | this.zrzbsm = res.result.zrzbsm; | ||
360 | this.isFwsxbg = false; | ||
361 | } | 94 | } |
362 | }) | 95 | > .el-tabs__nav { |
363 | }else{ | 96 | border: 0; |
364 | this.$confirm('是否确定范围属性变更?', '提示', { | 97 | > .el-tabs__item { |
365 | confirmButtonText: '确定', | 98 | border: 1px solid #DEDEDE; |
366 | cancelButtonText: '取消', | 99 | height: 36px; |
367 | type: 'warning' | 100 | line-height: 32px; |
368 | }).then(() => { | 101 | padding: 0 20px; |
369 | fwsxbgbl(params) | 102 | margin: 9px 10px 9px 0; |
370 | .then((res) => { | 103 | background-color: #ffffff; |
371 | if (res.code == 200) { | 104 | } |
372 | // this.$message({ | 105 | .is-active { |
373 | // message: res.message, | 106 | color: #006CFF; |
374 | // type: "变更成功", | 107 | border: 1px solid #006CFF; |
375 | // }); | ||
376 | let path = ""; | ||
377 | switch (row.dylx) { | ||
378 | case "zrz": | ||
379 | this.$store.state.zrzbsm = res.result; | ||
380 | this.getTreeByBsm(row.glbsm,row.dylx,'2'); | ||
381 | path = "/zrz"; | ||
382 | break; | ||
383 | case "zd": | ||
384 | this.$store.state.zdbsm = res.result; | ||
385 | this.getRightTree(row.glbsm,'2'); | ||
386 | path = "/zd"; | ||
387 | break; | ||
388 | case "dz": | ||
389 | this.$store.state.dzbsm = res.result; | ||
390 | this.getTreeByBsm(row.glbsm,row.dylx,'2'); | ||
391 | path = "/dz"; | ||
392 | break; | ||
393 | default: | ||
394 | break; | ||
395 | } | ||
396 | this.$router.push({ | ||
397 | path: path, | ||
398 | query: { | ||
399 | bsm: res.result, | ||
400 | source: 2, | ||
401 | auth:'2' | ||
402 | } | ||
403 | }); | ||
404 | } else { | ||
405 | this.$message({ | ||
406 | message: res.message, | ||
407 | type: "warning", | ||
408 | }); | ||
409 | } | ||
410 | }) | ||
411 | .catch((error) => { | ||
412 | this.$message({ | ||
413 | message: res.message, | ||
414 | type: "error", | ||
415 | }); | ||
416 | }); | ||
417 | }).catch(() => { | ||
418 | |||
419 | }); | ||
420 | } | ||
421 | }, | ||
422 | |||
423 | //实预测转换 | ||
424 | scyclxChange(){ | ||
425 | //清空已选中层户 | ||
426 | // this.bsms = []; | ||
427 | this.$refs.lpbContent.hbsmList = []; | ||
428 | this.$nextTick(()=>{ | ||
429 | //户 | ||
430 | this.$refs.lpbContent.$refs.hBsm.forEach(item=>{ | ||
431 | item.style.borderColor = 'rgb(230, 230, 230)'; | ||
432 | if (item.className == "tdSelect") { | ||
433 | item.className = ""; | ||
434 | } | 108 | } |
435 | }); | ||
436 | //层 | ||
437 | this.$refs.lpbContent.$refs.cBsm.forEach(item=>{ | ||
438 | console.log(item.className,'item.className'); | ||
439 | item.className = "floor"; | ||
440 | }); | ||
441 | }) | ||
442 | //获取图例数据 | ||
443 | this.getDyztBsmList(); | ||
444 | this.getLpbFwytAndQlxz(); | ||
445 | }, | ||
446 | inputChange() { | ||
447 | if (this.bdcdyh != "") { | ||
448 | // 根据不动产单元号或者室号搜索 | ||
449 | // this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | ||
450 | } else { | ||
451 | this.$message({ | ||
452 | message: "请输入内容后查询", | ||
453 | type: "warning", | ||
454 | }); | ||
455 | } | ||
456 | }, | ||
457 | //图例的展开收起 | ||
458 | legendToggle() { | ||
459 | this.legendToggleFlag = !this.legendToggleFlag; | ||
460 | }, | ||
461 | //获取各项单元状态统计数据 | ||
462 | getDyztBsmList() { | ||
463 | let data = { | ||
464 | zrzbsm: this.$store.state.zrzbsm, | ||
465 | scyclx: this.scyclx, | ||
466 | }; | ||
467 | getLpbTj(data).then((res) => { | ||
468 | if (res.code === 200) { | ||
469 | this.dyztList = res.result; | ||
470 | this.dyztList.splice(1,0,this.dyztList[8]); | ||
471 | this.dyztList.pop(); | ||
472 | this.dyztList.forEach(item=>{ | ||
473 | item.ts = item.bsms.length; | ||
474 | switch (item.name) { | ||
475 | case 'Qqzt': | ||
476 | item.color = "#6EDEE1"; | ||
477 | item.name = "已确权" | ||
478 | break; | ||
479 | case 'Wqqzt': | ||
480 | item.color = "#83AAFE"; | ||
481 | item.name = "未确权" | ||
482 | break; | ||
483 | case 'Bazt': | ||
484 | item.color = "#8ADC88"; | ||
485 | item.name = "已备案" | ||
486 | break; | ||
487 | case 'Ydyzt': | ||
488 | item.color = "#F2AD67"; | ||
489 | item.name = "预抵押" | ||
490 | break; | ||
491 | case 'Zjgcdyzt': | ||
492 | item.color = "#F191C8"; | ||
493 | item.name = "在建抵押" | ||
494 | break; | ||
495 | case 'Dyzt': | ||
496 | item.color = "#FF8282"; | ||
497 | item.name = "抵押" | ||
498 | break; | ||
499 | case 'Cfzt': | ||
500 | item.color = "#D7CECF"; | ||
501 | item.name = "查封" | ||
502 | break; | ||
503 | case 'Yyzt': | ||
504 | item.color = "#D4A3EB"; | ||
505 | item.name = "异议" | ||
506 | break; | ||
507 | case 'Xzzt': | ||
508 | item.color = "#A5A3FB"; | ||
509 | item.name = "限制" | ||
510 | break; | ||
511 | default: | ||
512 | break; | ||
513 | } | ||
514 | }) | ||
515 | } | ||
516 | }); | ||
517 | }, | ||
518 | // 获取房屋用途和房屋性质统计数据 | ||
519 | getLpbFwytAndQlxz(){ | ||
520 | let data = { | ||
521 | zrzbsm: this.$store.state.zrzbsm, | ||
522 | scyclx: this.scyclx, | ||
523 | }; | ||
524 | getLpbFwytAndQlxz(data).then((res) => { | ||
525 | if (res.code === 200) { | ||
526 | // this.fwytList = res.result | ||
527 | this.fwytList = res.result.fwyt; | ||
528 | this.fwxzList = res.result.qlxz; | ||
529 | if(this.fwytList.length>0){ | ||
530 | this.fwytList.forEach(item=>{ | ||
531 | item.color = "#2591FD"; | ||
532 | item.ts = item.bsms.length | ||
533 | }) | ||
534 | } | ||
535 | if(this.fwxzList.length>0){ | ||
536 | this.fwxzList.forEach(item=>{ | ||
537 | item.color = "#2591FD"; | ||
538 | item.ts = item.bsms.length | ||
539 | }) | ||
540 | } | 109 | } |
541 | } | 110 | } |
542 | }); | 111 | /deep/ .el-tabs__nav-wrap::after { |
543 | }, | 112 | width: 0; |
544 | //切换房屋状态 | 113 | } |
545 | handleChoosedH(bsms,color) { | ||
546 | //每次切换房屋状态,将之前高亮的户边框颜色重置为默认 | ||
547 | this.$refs.lpbContent.choosedList = []; | ||
548 | this.$refs.lpbContent.$refs.hBsm.forEach((item) => { | ||
549 | item.style.border = ''; | ||
550 | }); | ||
551 | // console.log(bsms,'bsms'); | ||
552 | // console.log(color,'color'); | ||
553 | // Dyzt:{list:[],mj:''} | ||
554 | //清除选中户 | ||
555 | // this.$refs.lpbContent.clearChoosedH(); | ||
556 | this.$nextTick(()=>{ | ||
557 | //给hBsmList传值 | ||
558 | // console.log(bsms,'bsms'); | ||
559 | this.$refs.lpbContent.choosedList = bsms; | ||
560 | this.$refs.lpbContent.borderColor = color; | ||
561 | }) | ||
562 | }, | ||
563 | }, | ||
564 | computed: {}, | ||
565 | watch: { | ||
566 | //树结构和图例伸缩时修改楼盘表主要内容区宽度 | ||
567 | legendToggleFlag(n) { | ||
568 | if (n) { | ||
569 | this.lpbContentwidth -= 204; | ||
570 | } else { | ||
571 | this.lpbContentwidth += 204; | ||
572 | } | ||
573 | }, | ||
574 | //选择自然幢展示楼盘表后,查询右侧图例数据 | ||
575 | isFwsxbg(n){ | ||
576 | if (!n) { | ||
577 | this.getDyztBsmList(); | ||
578 | this.getLpbFwytAndQlxz(); | ||
579 | this.$nextTick(()=>{ | ||
580 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | ||
581 | }) | ||
582 | } | 114 | } |
583 | }, | ||
584 | //改变syclx,更新楼盘表数据 | ||
585 | scyclx(n){ | ||
586 | this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData | ||
587 | }, | ||
588 | selectedZt(n){ | ||
589 | this.legendToggleFlag = true; | ||
590 | }, | ||
591 | }, | ||
592 | }; | ||
593 | </script> | ||
594 | <style scoped lang="less"> | ||
595 | .main { | ||
596 | background-color: #eaedf5; | ||
597 | .tips{ | ||
598 | color: #9B9B9B; | ||
599 | margin-left: 2px; | ||
600 | margin-bottom: 10px; | ||
601 | } | ||
602 | .demo-form-inline { | ||
603 | margin-top: 18px; | ||
604 | .moreSearchBtn { | ||
605 | background-color: #1ad6e1; | ||
606 | border-color: #1ad6e1; | ||
607 | } | ||
608 | .moreSearchBtn:focus, | ||
609 | .moreSearchBtn:hover { | ||
610 | background-color: rgba(28, 200, 229, 0.6); | ||
611 | } | 115 | } |
612 | } | 116 | } |
613 | .dataGrid { | 117 | |
614 | flex: 1; | ||
615 | .pagination { | ||
616 | padding: 18px 0 0 0; | ||
617 | } | ||
618 | } | ||
619 | |||
620 | .lpb{ | ||
621 | box-sizing: border-box; | ||
622 | padding-left: 2px; | ||
623 | .searchInput { | ||
624 | transition: 0.5s; | ||
625 | margin-left: 20px; | ||
626 | display: inline-block; | ||
627 | } | ||
628 | .lpb-content{ | ||
629 | margin-top: 20px; | ||
630 | background-color: #ffffff; | ||
631 | display: flex; | ||
632 | overflow-y: scroll; | ||
633 | .lp-overview { | ||
634 | transition: 0.5s; | ||
635 | flex: 1; | ||
636 | margin-right: 20px; | ||
637 | box-sizing: border-box; | ||
638 | border: 1px solid rgb(236, 236, 236); | ||
639 | border-top: 0; | ||
640 | border-bottom: 0; | ||
641 | } | ||
642 | .lp-legend { | ||
643 | transition: 0.5s; | ||
644 | height: 100%; | ||
645 | font-size: 14px; | ||
646 | .handleCol { | ||
647 | width: 34px; | ||
648 | float: right; | ||
649 | height: 100%; | ||
650 | .btn { | ||
651 | cursor: pointer; | ||
652 | height: 40px; | ||
653 | line-height: 40px; | ||
654 | text-align: center; | ||
655 | background-color: #0091ff; | ||
656 | color: #fff; | ||
657 | border-bottom: 1px solid #e6e6e6; | ||
658 | } | ||
659 | .dyzt, | ||
660 | .fwxz, | ||
661 | .fwyt { | ||
662 | height: 122px; | ||
663 | } | ||
664 | .dyzt, | ||
665 | .fwxz, | ||
666 | .fwyt { | ||
667 | cursor: pointer; | ||
668 | border-bottom: 1px solid #e6e6e6; | ||
669 | span { | ||
670 | text-align: center; | ||
671 | height: 100%; | ||
672 | -webkit-writing-mode: vertical-rl; | ||
673 | writing-mode: vertical-rl; | ||
674 | line-height: 34px; | ||
675 | letter-spacing: 2px; | ||
676 | } | ||
677 | } | ||
678 | .selectedZt { | ||
679 | background-color: #0091ff; | ||
680 | color: #fff; | ||
681 | } | ||
682 | } | ||
683 | .legendTable-wrap { | ||
684 | transition: 0.5s; | ||
685 | float: right; | ||
686 | overflow: hidden; | ||
687 | .legendTable { | ||
688 | margin-top: -1px; | ||
689 | tr { | ||
690 | height: 40px; | ||
691 | line-height: 40px; | ||
692 | th:first-child { | ||
693 | width: 80px; | ||
694 | } | ||
695 | th { | ||
696 | width: 60px; | ||
697 | height: 40px; | ||
698 | white-space: nowrap; | ||
699 | } | ||
700 | td { | ||
701 | height: 40px; | ||
702 | text-align: center; | ||
703 | white-space: nowrap; | ||
704 | } | ||
705 | td:first-child { | ||
706 | text-align: left; | ||
707 | text-indent: 2px; | ||
708 | } | ||
709 | } | ||
710 | } | ||
711 | } | ||
712 | } | ||
713 | } | ||
714 | |||
715 | } | ||
716 | } | ||
717 | </style> | 118 | </style> | ... | ... |
... | @@ -342,7 +342,7 @@ export default { | ... | @@ -342,7 +342,7 @@ export default { |
342 | bdcdyh:'', | 342 | bdcdyh:'', |
343 | bdcqzh:'', | 343 | bdcqzh:'', |
344 | pageNo:1, | 344 | pageNo:1, |
345 | pageSize:10, | 345 | pageSize:15, |
346 | type:'all' | 346 | type:'all' |
347 | }; | 347 | }; |
348 | this.search() | 348 | this.search() |
... | @@ -514,7 +514,7 @@ export default { | ... | @@ -514,7 +514,7 @@ export default { |
514 | if (n) { | 514 | if (n) { |
515 | this.lpbContentwidth -= 204; | 515 | this.lpbContentwidth -= 204; |
516 | } else { | 516 | } else { |
517 | this.lpbContentwidth += 204; | 517 | this.lpbContentwidth += 200; |
518 | } | 518 | } |
519 | }, | 519 | }, |
520 | //选择自然幢展示楼盘表后,查询右侧图例数据 | 520 | //选择自然幢展示楼盘表后,查询右侧图例数据 |
... | @@ -522,9 +522,10 @@ export default { | ... | @@ -522,9 +522,10 @@ export default { |
522 | if (!n) { | 522 | if (!n) { |
523 | this.getDyztBsmList(); | 523 | this.getDyztBsmList(); |
524 | this.getLpbFwytAndQlxz(); | 524 | this.getLpbFwytAndQlxz(); |
525 | this.$nextTick(()=>{ | 525 | // console.log(this.$refs.lpbContentWrap.clientWidth,'lpbContentWrap'); |
526 | this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; | 526 | // this.$nextTick(()=>{ |
527 | }) | 527 | // this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6; |
528 | // }) | ||
528 | } | 529 | } |
529 | }, | 530 | }, |
530 | //改变syclx,更新楼盘表数据 | 531 | //改变syclx,更新楼盘表数据 | ... | ... |
... | @@ -73,6 +73,7 @@ export default { | ... | @@ -73,6 +73,7 @@ export default { |
73 | height: calc(100% - 50px); | 73 | height: calc(100% - 50px); |
74 | /deep/.el-tabs__content{ | 74 | /deep/.el-tabs__content{ |
75 | height: 100%; | 75 | height: 100%; |
76 | position: unset; | ||
76 | /deep/.el-tab-pane{ | 77 | /deep/.el-tab-pane{ |
77 | height: calc(100% - 40px); | 78 | height: calc(100% - 40px); |
78 | } | 79 | } | ... | ... |
... | @@ -133,7 +133,7 @@ | ... | @@ -133,7 +133,7 @@ |
133 | <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> | 133 | <el-button type="primary" class="w98 cancel" @click="close">取消</el-button> |
134 | </div> | 134 | </div> |
135 | </el-tab-pane> | 135 | </el-tab-pane> |
136 | <el-tab-pane class="eltabspane" label="构筑物" name="gzw"> | 136 | <el-tab-pane class="eltabspane" v-if="!createZrz" label="构筑物" name="gzw"> |
137 | <el-form :inline="true" :rules="rules4" :model="ruleForm4" ref="ruleForm4" class="demo-form-inline"> | 137 | <el-form :inline="true" :rules="rules4" :model="ruleForm4" ref="ruleForm4" class="demo-form-inline"> |
138 | <el-form-item label="项目名称" class="w100" prop="xmmc"> | 138 | <el-form-item label="项目名称" class="w100" prop="xmmc"> |
139 | <el-input | 139 | <el-input |
... | @@ -330,6 +330,7 @@ export default { | ... | @@ -330,6 +330,7 @@ export default { |
330 | .then((res) => { | 330 | .then((res) => { |
331 | if (res.code == "200") { | 331 | if (res.code == "200") { |
332 | //获取左侧树数据 | 332 | //获取左侧树数据 |
333 | this.$store.state.oldZdbsm = ''; | ||
333 | this.getTreeByBsm(res.result.bsm,'zrz','0,1,2'); | 334 | this.getTreeByBsm(res.result.bsm,'zrz','0,1,2'); |
334 | this.$message({ | 335 | this.$message({ |
335 | message: "创建成功!", | 336 | message: "创建成功!", | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main" style="padding: 18px!important;"> |
3 | <div class="panel content_box"> | 3 | <div class="panel content_box"> |
4 | <el-card class="panel_left"> | 4 | <el-card class="panel_left"> |
5 | <div slot="header" class="clearfix"> | 5 | <div slot="header" class="clearfix"> |
... | @@ -224,6 +224,7 @@ export default { | ... | @@ -224,6 +224,7 @@ export default { |
224 | flex-direction: column; | 224 | flex-direction: column; |
225 | overflow: hidden; | 225 | overflow: hidden; |
226 | height: 100%; | 226 | height: 100%; |
227 | |||
227 | .clearfix { | 228 | .clearfix { |
228 | span { | 229 | span { |
229 | color: #6d7278; | 230 | color: #6d7278; |
... | @@ -244,6 +245,7 @@ export default { | ... | @@ -244,6 +245,7 @@ export default { |
244 | .panel { | 245 | .panel { |
245 | @flex(); | 246 | @flex(); |
246 | width: 100%; | 247 | width: 100%; |
248 | padding: 0 0 18px!important; | ||
247 | .panel_left { | 249 | .panel_left { |
248 | width: 35%; | 250 | width: 35%; |
249 | margin-right: 20px; | 251 | margin-right: 20px; |
... | @@ -309,7 +311,7 @@ export default { | ... | @@ -309,7 +311,7 @@ export default { |
309 | } | 311 | } |
310 | .notice { | 312 | .notice { |
311 | padding: 0; | 313 | padding: 0; |
312 | height: calc(100% - 285px); | 314 | height: calc(100% - 266px); |
313 | @flex(); | 315 | @flex(); |
314 | .news { | 316 | .news { |
315 | float: left; | 317 | float: left; | ... | ... |
... | @@ -179,6 +179,7 @@ | ... | @@ -179,6 +179,7 @@ |
179 | updateQsztByBsm(data) | 179 | updateQsztByBsm(data) |
180 | .then((res => { | 180 | .then((res => { |
181 | if (res.code == 200) { | 181 | if (res.code == 200) { |
182 | this.$store.state.oldZdbsm = ''; | ||
182 | switch (row.dylx) { | 183 | switch (row.dylx) { |
183 | case "zd": | 184 | case "zd": |
184 | this.$store.state.zdbsm = row.glbsm; | 185 | this.$store.state.zdbsm = row.glbsm; | ... | ... |
... | @@ -14,7 +14,7 @@ | ... | @@ -14,7 +14,7 @@ |
14 | > | 14 | > |
15 | <el-table-column type="index" width="80" align="center" label="序号"> | 15 | <el-table-column type="index" width="80" align="center" label="序号"> |
16 | </el-table-column> | 16 | </el-table-column> |
17 | <el-table-column prop="bdcdyh" align="left" label="不动产单元号"> | 17 | <el-table-column prop="bdcdyh" align="left" width="260" label="不动产单元号"> |
18 | </el-table-column> | 18 | </el-table-column> |
19 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> | 19 | <el-table-column prop="xmmc" align="left" width="150" label="项目名称"> |
20 | </el-table-column> | 20 | </el-table-column> |
... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
25 | {{scope.row.dylx | bdcLxFilter}} | 25 | {{scope.row.dylx | bdcLxFilter}} |
26 | </template> | 26 | </template> |
27 | </el-table-column> | 27 | </el-table-column> |
28 | <el-table-column prop="qsztValue" align="left" label="权属状态"> | 28 | <el-table-column prop="qsztValue" align="left" width="100" label="权属状态"> |
29 | </el-table-column> | 29 | </el-table-column> |
30 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> | 30 | <el-table-column prop="qlrmc" align="left" width="120" label="权利人"> |
31 | </el-table-column> | 31 | </el-table-column> | ... | ... |
... | @@ -8,7 +8,7 @@ | ... | @@ -8,7 +8,7 @@ |
8 | <djb v-if="djbVisible"></djb> | 8 | <djb v-if="djbVisible"></djb> |
9 | </el-tab-pane> | 9 | </el-tab-pane> |
10 | <el-tab-pane label="附件材料" name="fjcl"> | 10 | <el-tab-pane label="附件材料" name="fjcl"> |
11 | <fjcl v-if="fjclVisible"></fjcl> | 11 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl> |
12 | </el-tab-pane> | 12 | </el-tab-pane> |
13 | </el-tabs> | 13 | </el-tabs> |
14 | </div> | 14 | </div> |
... | @@ -26,6 +26,7 @@ | ... | @@ -26,6 +26,7 @@ |
26 | }, | 26 | }, |
27 | data() { | 27 | data() { |
28 | return { | 28 | return { |
29 | isDisabled:false, | ||
29 | hbsm:this.$store.state.hbsm, | 30 | hbsm:this.$store.state.hbsm, |
30 | activeName: "hjbxx", | 31 | activeName: "hjbxx", |
31 | djbVisible: false, | 32 | djbVisible: false, |
... | @@ -36,7 +37,18 @@ | ... | @@ -36,7 +37,18 @@ |
36 | 37 | ||
37 | }, | 38 | }, |
38 | methods: { | 39 | methods: { |
40 | loadingStatus() { | ||
41 | console.log("是否禁用") | ||
42 | let bsm=this.$store.state.hbsm; | ||
43 | queryStatus(bsm).then(res => { | ||
44 | if (res.success) { | ||
45 | let qszt = res.result.qszt; | ||
46 | this.isDisabled = +qszt !== 0; | ||
47 | } | ||
48 | }) | ||
49 | }, | ||
39 | handleClick(tab, event) { | 50 | handleClick(tab, event) { |
51 | this.loadingStatus() | ||
40 | // console.log(tab, event); | 52 | // console.log(tab, event); |
41 | switch (tab.name) { | 53 | switch (tab.name) { |
42 | case 'djb': | 54 | case 'djb': | ... | ... |
... | @@ -12,8 +12,9 @@ | ... | @@ -12,8 +12,9 @@ |
12 | :show-file-list="false" | 12 | :show-file-list="false" |
13 | multiple | 13 | multiple |
14 | :on-exceed="handleExceed" | 14 | :on-exceed="handleExceed" |
15 | :disabled="isDisabled" | ||
15 | > | 16 | > |
16 | <el-button size="small" type="primary">上传</el-button> | 17 | <el-button size="small" type="primary" :disabled="isDisabled" >上传</el-button> |
17 | </el-upload> | 18 | </el-upload> |
18 | <table border="2"> | 19 | <table border="2"> |
19 | <tr> | 20 | <tr> |
... | @@ -22,12 +23,12 @@ | ... | @@ -22,12 +23,12 @@ |
22 | <th class="lx">文件类型</th> | 23 | <th class="lx">文件类型</th> |
23 | <th class="cz">操作</th> | 24 | <th class="cz">操作</th> |
24 | </tr> | 25 | </tr> |
25 | <tr v-if="list.length==0"> | 26 | <tr v-if="list.length===0"> |
26 | <td colspan="4" class="noData" > | 27 | <td colspan="4" class="noData"> |
27 | <span>暂无数据</span> | 28 | <span>暂无数据</span> |
28 | </td> | 29 | </td> |
29 | </tr> | 30 | </tr> |
30 | <tr v-else v-for="(item,index) in list" :key="index" > | 31 | <tr v-else v-for="(item,index) in list" :key="index"> |
31 | <td class="xh">{{index+1}}</td> | 32 | <td class="xh">{{index+1}}</td> |
32 | <td class="mc">{{item.filename}}</td> | 33 | <td class="mc">{{item.filename}}</td> |
33 | <td class="lx">{{item.filepostfix}}</td> | 34 | <td class="lx">{{item.filepostfix}}</td> |
... | @@ -44,47 +45,43 @@ | ... | @@ -44,47 +45,43 @@ |
44 | </template> | 45 | </template> |
45 | 46 | ||
46 | <script> | 47 | <script> |
47 | import {insertFile, getFileLis, downloadFile,loadFile,deleteFile} from "@api/common" | 48 | import {insertFile, getFileLis, downloadFile, loadFile, deleteFile} from "@api/common" |
48 | import {Message} from "element-ui" | 49 | import {queryStatus} from "@api/search" |
49 | 50 | ||
50 | export default { | 51 | export default { |
51 | name: "fjcl", | 52 | name: "fjcl", |
52 | data() { | 53 | data() { |
53 | return { | 54 | return { |
54 | fileData:{ | 55 | fileData: { |
55 | glbsm:'', | 56 | glbsm: '', |
56 | dylx:'' | 57 | dylx: '' |
57 | }, | 58 | }, |
58 | list: [ | 59 | list: [] |
59 | ], | ||
60 | /* filesData: { | ||
61 | dylx: "", | ||
62 | glbsm: "", | ||
63 | list: [ | ||
64 | { | ||
65 | filename: "", | ||
66 | filepostfix: "", | ||
67 | fileurl: "", | ||
68 | preViewUrl:"" | ||
69 | } | ||
70 | ] | ||
71 | },*/ | ||
72 | } | 60 | } |
73 | }, | 61 | }, |
74 | mounted() { | 62 | mounted() { |
75 | this.getFileList() | 63 | this.getFileList() |
76 | }, | 64 | }, |
65 | created(){ | ||
66 | |||
67 | }, | ||
68 | props: { | ||
69 | isDisabled:{ | ||
70 | type:Boolean, | ||
71 | default:false | ||
72 | } | ||
73 | }, | ||
77 | methods: { | 74 | methods: { |
78 | deleteFile(bsm){ | 75 | deleteFile(bsm) { |
79 | this.$confirm('将删除该文件, 是否继续?', '提示', { | 76 | this.$confirm('将删除该文件, 是否继续?', '提示', { |
80 | confirmButtonText: '确定', | 77 | confirmButtonText: '确定', |
81 | cancelButtonText: '取消', | 78 | cancelButtonText: '取消', |
82 | type: 'warning' | 79 | type: 'warning' |
83 | }).then(() => { | 80 | }).then(() => { |
84 | deleteFile(bsm).then(res=>{ | 81 | deleteFile(bsm).then(res => { |
85 | if (res.success) { | 82 | if (res.success) { |
86 | this.getFileList(); | 83 | this.getFileList(); |
87 | }else { | 84 | } else { |
88 | this.$message.error("删除失败") | 85 | this.$message.error("删除失败") |
89 | } | 86 | } |
90 | }) | 87 | }) |
... | @@ -95,38 +92,38 @@ | ... | @@ -95,38 +92,38 @@ |
95 | }); | 92 | }); |
96 | }); | 93 | }); |
97 | }, | 94 | }, |
98 | loadFile(bsm){ | 95 | loadFile(bsm) { |
99 | loadFile(bsm).then(res=>{ | 96 | loadFile(bsm).then(res => { |
100 | if (res.success) { | 97 | if (res.success) { |
101 | window.open(res.message) | 98 | window.open(res.message) |
102 | } | 99 | } |
103 | }) | 100 | }) |
104 | }, | 101 | }, |
105 | downloadFile(url) { | 102 | downloadFile(url) { |
106 | window.open(`/api/file/download?url=`+url); | 103 | window.open(`/api/file/download?url=` + url); |
107 | }, | 104 | }, |
108 | getFileList() { | 105 | getFileList() { |
109 | switch (this.$route.name) { | 106 | switch (this.$route.name) { |
110 | case "宗地": | 107 | case "宗地": |
111 | this.fileData.dylx = 'zd'; | 108 | this.fileData.dylx = 'zd'; |
112 | this.fileData.glbsm = this.$store.state.zdbsm | 109 | this.fileData.glbsm = this.$store.state.zdbsm; |
113 | break; | 110 | break; |
114 | case "自然幢": | 111 | case "自然幢": |
115 | this.fileData.dylx = 'zrz'; | 112 | this.fileData.dylx = 'zrz'; |
116 | this.fileData.glbsm = this.$store.state.zrzbsm | 113 | this.fileData.glbsm = this.$store.state.zrzbsm; |
117 | break | 114 | break; |
118 | case "多幢": | 115 | case "多幢": |
119 | this.fileData.dylx = 'dz'; | 116 | this.fileData.dylx = 'dz'; |
120 | this.fileData.glbsm = this.$store.state.dzbsm | 117 | this.fileData.glbsm = this.$store.state.dzbsm; |
121 | break | 118 | break; |
122 | case "户": | 119 | case "户": |
123 | this.fileData.dylx = 'h'; | 120 | this.fileData.dylx = 'h'; |
124 | this.fileData.glbsm = this.$store.state.hbsm | 121 | this.fileData.glbsm = this.$store.state.hbsm; |
125 | break; | 122 | break; |
126 | default: | 123 | default: |
127 | break | 124 | break |
128 | } | 125 | } |
129 | getFileLis(this.fileData.glbsm ).then(res => { | 126 | getFileLis(this.fileData.glbsm).then(res => { |
130 | if (res.success) { | 127 | if (res.success) { |
131 | this.list = res.result; | 128 | this.list = res.result; |
132 | } else { | 129 | } else { |
... | @@ -148,7 +145,7 @@ | ... | @@ -148,7 +145,7 @@ |
148 | }, | 145 | }, |
149 | handleExceed(files, fileList) { | 146 | handleExceed(files, fileList) { |
150 | console.log(fileList) | 147 | console.log(fileList) |
151 | // this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | 148 | // this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); |
152 | this.$message.warning("上传失败") | 149 | this.$message.warning("上传失败") |
153 | }, | 150 | }, |
154 | beforeRemove(file, fileList) { | 151 | beforeRemove(file, fileList) { |
... | @@ -185,19 +182,19 @@ | ... | @@ -185,19 +182,19 @@ |
185 | color: blue; | 182 | color: blue; |
186 | text-decoration: underline; | 183 | text-decoration: underline; |
187 | } | 184 | } |
188 | .xh{ | 185 | .xh { |
189 | width: 100px; | 186 | width: 100px; |
190 | } | 187 | } |
191 | .mc{ | 188 | .mc { |
192 | width: 300px; | 189 | width: 300px; |
193 | } | 190 | } |
194 | .lx{ | 191 | .lx { |
195 | width: 120px; | 192 | width: 120px; |
196 | } | 193 | } |
197 | .cz{ | 194 | .cz { |
198 | width: 150px; | 195 | width: 150px; |
199 | } | 196 | } |
200 | .noData span{ | 197 | .noData span { |
201 | color: #BBB; | 198 | color: #BBB; |
202 | } | 199 | } |
203 | } | 200 | } | ... | ... |
... | @@ -2,12 +2,17 @@ | ... | @@ -2,12 +2,17 @@ |
2 | <!-- <div class="content_box"> --> | 2 | <!-- <div class="content_box"> --> |
3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" > | 3 | <el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" > |
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 v-if="mjftbVisible"></mjftb></el-tab-pane> | 5 | <el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane> |
6 | <el-tab-pane label="界址点" name="jzd"><jzd v-if="jzdVisible"></jzd></el-tab-pane> | 6 | <el-tab-pane label="界址点" name="jzd"> |
7 | <el-tab-pane label="界址线" name="jzx"><jzx v-if="jzxVisible"></jzx></el-tab-pane> | 7 | <jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd> |
8 | </el-tab-pane> | ||
9 | <el-tab-pane label="界址线" name="jzx" > | ||
10 | <jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx> | ||
11 | </el-tab-pane> | ||
8 | <el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane> | 12 | <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> | 13 | <el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane> |
10 | <el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane> | 14 | <el-tab-pane label="附件材料" name="fjcl"> |
15 | <fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> | ||
11 | </el-tabs> | 16 | </el-tabs> |
12 | <!-- </div> --> | 17 | <!-- </div> --> |
13 | </template> | 18 | </template> |
... | @@ -20,6 +25,7 @@ import jzx from "./jzx"; | ... | @@ -20,6 +25,7 @@ import jzx from "./jzx"; |
20 | import djb from "./djb"; | 25 | import djb from "./djb"; |
21 | import lshs from "./lshs"; | 26 | import lshs from "./lshs"; |
22 | import fjcl from "./fjcl/fjcl" | 27 | import fjcl from "./fjcl/fjcl" |
28 | import {queryStatus} from "@api/search" | ||
23 | export default { | 29 | export default { |
24 | name: "", | 30 | name: "", |
25 | components: { | 31 | components: { |
... | @@ -28,6 +34,7 @@ export default { | ... | @@ -28,6 +34,7 @@ export default { |
28 | props: {}, | 34 | props: {}, |
29 | data() { | 35 | data() { |
30 | return { | 36 | return { |
37 | isDisabled:false, | ||
31 | activeName: "djdcb", | 38 | activeName: "djdcb", |
32 | mjftbVisible:false, | 39 | mjftbVisible:false, |
33 | jzdVisible:false, | 40 | jzdVisible:false, |
... | @@ -38,8 +45,23 @@ export default { | ... | @@ -38,8 +45,23 @@ export default { |
38 | }; | 45 | }; |
39 | }, | 46 | }, |
40 | methods: { | 47 | methods: { |
48 | loadingStatus() { | ||
49 | console.log("是否禁用") | ||
50 | let bsm=this.$route.query.bsm; | ||
51 | queryStatus(bsm).then(res => { | ||
52 | if (res.success) { | ||
53 | let qszt = res.result.qszt; | ||
54 | this.isDisabled = +qszt !== 0; | ||
55 | } | ||
56 | }) | ||
57 | }, | ||
58 | /* loading(){ | ||
59 | console.log("附件材料是否禁用") | ||
60 | this.$refs.fjcl.isUpload(this.$store.state.zdbsm) | ||
61 | },*/ | ||
41 | handleClick(tab, event) { | 62 | handleClick(tab, event) { |
42 | // console.log(tab, event); | 63 | // console.log(tab, event); |
64 | this.loadingStatus(); | ||
43 | switch (tab.name) { | 65 | switch (tab.name) { |
44 | case 'mjftb': | 66 | case 'mjftb': |
45 | this.mjftbVisible = true; | 67 | this.mjftbVisible = true; |
... | @@ -59,7 +81,7 @@ export default { | ... | @@ -59,7 +81,7 @@ export default { |
59 | case 'fjcl': | 81 | case 'fjcl': |
60 | this.fjclVisible = true; | 82 | this.fjclVisible = true; |
61 | break; | 83 | break; |
62 | 84 | ||
63 | default: | 85 | default: |
64 | break; | 86 | break; |
65 | } | 87 | } |
... | @@ -67,8 +89,16 @@ export default { | ... | @@ -67,8 +89,16 @@ export default { |
67 | }, | 89 | }, |
68 | created() {}, | 90 | created() {}, |
69 | mounted() {}, | 91 | mounted() {}, |
70 | computed: {}, | 92 | computed: { |
71 | watch: {}, | 93 | zdbsm() { |
94 | return this.$route.query.bsm; | ||
95 | }, | ||
96 | }, | ||
97 | watch: { | ||
98 | zdbsm: function (val) { | ||
99 | this.loadingStatus(); | ||
100 | }, | ||
101 | }, | ||
72 | }; | 102 | }; |
73 | </script> | 103 | </script> |
74 | <style scoped lang="less"> | 104 | <style scoped lang="less"> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="button"> | 3 | <div class="button"> |
4 | <el-button type="primary" @click="oneExit">编辑</el-button> | 4 | <el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button> |
5 | <el-button type="primary" @click="save">保存</el-button> | 5 | <el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button> |
6 | <el-button type="primary" @click="batchExit">批量修改</el-button> | 6 | <el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button> |
7 | </div> | 7 | </div> |
8 | <div class="table"> | 8 | <div class="table"> |
9 | <table border="1"> | 9 | <table border="1"> |
10 | <tr> | 10 | <tr> |
11 | <td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td> | 11 | <th class="cz"> |
12 | <td class="jzdh">界址点号</td> | 12 | <el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox> |
13 | <td class="sxh">顺序号</td> | 13 | </th> |
14 | <td class="xzbz">X坐标值</td> | 14 | <th class="">界址点号</th> |
15 | <td class="yzbz">Y坐标值</td> | 15 | <th class="">顺序号</th> |
16 | <td class="jblx">界标类型</td> | 16 | <th class="">X坐标值</th> |
17 | <td class="jzdlx">界址点类型</td> | 17 | <th class="">Y坐标值</th> |
18 | <th class="">界标类型</th> | ||
19 | <th class="">界址点类型</th> | ||
18 | </tr> | 20 | </tr> |
19 | <tr v-if="jzdlist.length==0"> | 21 | <tr v-if="jzdlist.length===0"> |
20 | <td colspan="7"><span class="nodata">暂无数据</span></td> | 22 | <td colspan="7"><span class="nodata">暂无数据</span></td> |
21 | </tr> | 23 | </tr> |
22 | <tr v-for="(item,index) in jzdlist" :key="index" v-else> | 24 | <tr v-for="(item,index) in jzdlist" :key="index" v-else> |
23 | <td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> | 25 | <td class="cz"> |
24 | <td class="jzdh"><input type="text" class="formInput" v-model="item.jzdh" readonly="readonly"/></td> | 26 | <el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox> |
25 | <td class="sxh"><input type="text" class="formInput" v-model="item.sxh" readonly="readonly"/></td> | 27 | </td> |
26 | <td class="xzbz"><input type="text" class="formInput" v-model="item.xzbz" :readonly="item.iszb" | 28 | <td class="jzdh"> |
27 | @keydown="oninput"/></td> | 29 | <el-input v-model="item.jzdh" readonly></el-input> |
28 | <td class="yzbz"><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb" | 30 | </td> |
29 | @keydown="oninput"/></td> | 31 | <td class="sxh"> |
32 | <el-input class="" v-model="item.sxh" readonly></el-input> | ||
33 | </td> | ||
34 | <td class="xzbz"> | ||
35 | <el-input class="" v-model="item.xzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | ||
36 | @keydown="oninput"></el-input> | ||
37 | </td> | ||
38 | <td class="yzbz"> | ||
39 | <el-input class="" v-model="item.yzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | ||
40 | @keydown="oninput"></el-input> | ||
41 | </td> | ||
30 | <td class="jblx"> | 42 | <td class="jblx"> |
31 | <el-select v-model="item.jblx" :disabled="item.jzdisdisabled"> | 43 | <el-select v-model="item.jblx" :disabled="item.jzdisdisabled"> |
32 | <el-option | 44 | <el-option |
... | @@ -52,9 +64,9 @@ | ... | @@ -52,9 +64,9 @@ |
52 | </div> | 64 | </div> |
53 | <div> | 65 | <div> |
54 | <el-dialog v-dialogDrag :close-on-click-modal="false" | 66 | <el-dialog v-dialogDrag :close-on-click-modal="false" |
55 | title="批量修改" | 67 | title="批量修改" |
56 | :visible.sync="centerDialogVisible" | 68 | :visible.sync="centerDialogVisible" |
57 | width="30%" | 69 | width="30%" |
58 | > | 70 | > |
59 | <div class="plxg"> | 71 | <div class="plxg"> |
60 | <table> | 72 | <table> |
... | @@ -97,12 +109,18 @@ | ... | @@ -97,12 +109,18 @@ |
97 | 109 | ||
98 | <script> | 110 | <script> |
99 | import {queryjzd, jzdsingleModify, jzdbatchModify} from '@api/zd' | 111 | import {queryjzd, jzdsingleModify, jzdbatchModify} from '@api/zd' |
112 | import {queryStatus} from "@api/search" | ||
100 | import {Message} from 'element-ui' | 113 | import {Message} from 'element-ui' |
101 | 114 | ||
102 | export default { | 115 | export default { |
103 | name: "jzd", | 116 | name: "jzd", |
104 | components: {}, | 117 | components: {}, |
105 | props: {}, | 118 | props: { |
119 | isDisabled:{ | ||
120 | type:Boolean, | ||
121 | default:false | ||
122 | } | ||
123 | }, | ||
106 | data() { | 124 | data() { |
107 | return { | 125 | return { |
108 | bsm: '', | 126 | bsm: '', |
... | @@ -191,7 +209,7 @@ | ... | @@ -191,7 +209,7 @@ |
191 | }) | 209 | }) |
192 | }, | 210 | }, |
193 | save() { | 211 | save() { |
194 | if(this.jzdlist.length === 0){ | 212 | if (this.jzdlist.length === 0) { |
195 | Message.info("至少填写一条界址点信息") | 213 | Message.info("至少填写一条界址点信息") |
196 | return | 214 | return |
197 | } | 215 | } |
... | @@ -215,7 +233,7 @@ | ... | @@ -215,7 +233,7 @@ |
215 | e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null | 233 | e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null |
216 | }, | 234 | }, |
217 | changeAll(e) { | 235 | changeAll(e) { |
218 | if (!e.target.checked) { | 236 | if (!e) { |
219 | this.isCheckAll = false; | 237 | this.isCheckAll = false; |
220 | return | 238 | return |
221 | } | 239 | } |
... | @@ -229,7 +247,7 @@ | ... | @@ -229,7 +247,7 @@ |
229 | }, | 247 | }, |
230 | allcheck(value) { | 248 | allcheck(value) { |
231 | for (let item of this.jzdlist) { | 249 | for (let item of this.jzdlist) { |
232 | item.isCheck = value.target.checked; | 250 | item.isCheck = value; |
233 | } | 251 | } |
234 | }, | 252 | }, |
235 | oneExit() { | 253 | oneExit() { |
... | @@ -294,6 +312,7 @@ | ... | @@ -294,6 +312,7 @@ |
294 | height: auto; | 312 | height: auto; |
295 | width: 100%; | 313 | width: 100%; |
296 | .header-button { | 314 | .header-button { |
315 | z-index: 3; | ||
297 | height: 50px; | 316 | height: 50px; |
298 | position: fixed; | 317 | position: fixed; |
299 | bottom: 0; | 318 | bottom: 0; |
... | @@ -315,18 +334,10 @@ | ... | @@ -315,18 +334,10 @@ |
315 | background-color: #fff; | 334 | background-color: #fff; |
316 | font-size: 14px; | 335 | font-size: 14px; |
317 | width: 100%; | 336 | width: 100%; |
318 | .formInput { | ||
319 | margin: 0; | ||
320 | height: 36px; | ||
321 | outline: none; | ||
322 | border: none; | ||
323 | color: #606764; | ||
324 | overflow: visible; | ||
325 | text-align: center; | ||
326 | cursor: text; | ||
327 | } | ||
328 | } | 337 | } |
329 | 338 | th{ | |
339 | height: 36px; | ||
340 | } | ||
330 | td { | 341 | td { |
331 | text-align: center; | 342 | text-align: center; |
332 | height: 36px; | 343 | height: 36px; |
... | @@ -336,9 +347,9 @@ | ... | @@ -336,9 +347,9 @@ |
336 | cursor: pointer; | 347 | cursor: pointer; |
337 | } | 348 | } |
338 | .plxg { | 349 | .plxg { |
339 | .el-select{ | 350 | .el-select { |
340 | float: left; | 351 | float: left; |
341 | } | 352 | } |
342 | } | 353 | } |
343 | .batchlx { | 354 | .batchlx { |
344 | text-align: center; | 355 | text-align: center; |
... | @@ -348,11 +359,12 @@ | ... | @@ -348,11 +359,12 @@ |
348 | color: #b2b2b2; | 359 | color: #b2b2b2; |
349 | } | 360 | } |
350 | } | 361 | } |
351 | |||
352 | .cz { | 362 | .cz { |
353 | width: 50px; | 363 | width: 50px; |
354 | } | 364 | } |
355 | 365 | ||
366 | /* | ||
367 | |||
356 | .jzdh { | 368 | .jzdh { |
357 | width: 120px; | 369 | width: 120px; |
358 | } | 370 | } |
... | @@ -375,7 +387,7 @@ | ... | @@ -375,7 +387,7 @@ |
375 | 387 | ||
376 | .jzdlx { | 388 | .jzdlx { |
377 | width: 180px | 389 | width: 180px |
378 | } | 390 | }*/ |
379 | 391 | ||
380 | .dialog-footer { | 392 | .dialog-footer { |
381 | text-align: center; | 393 | text-align: center; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="button"> | 3 | <div class="button"> |
4 | <el-button type="primary" @click="oneExit">编辑</el-button> | 4 | <el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button> |
5 | <el-button type="primary" @click="save">保存</el-button> | 5 | <el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button> |
6 | <el-button type="primary" @click="batchExit">批量修改</el-button> | 6 | <el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button> |
7 | </div> | 7 | </div> |
8 | <div class="table"> | 8 | <div class="table"> |
9 | <table border="1"> | 9 | <table border="1"> |
10 | <tr> | 10 | <tr> |
11 | <td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td> | 11 | <th class="cz"> |
12 | <td class="qdh">起始点号</td> | 12 | <el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox> |
13 | <td class="zdh">终止点号</td> | 13 | </th> |
14 | <td class="jzjj">界址间距(m)</td> | 14 | <th class="">起始点号</th> |
15 | <td class="jzxlx">界址线类型</td> | 15 | <th class="">终止点号</th> |
16 | <td class="jzxwz">界址线位置</td> | 16 | <th class="">界址间距(m)</th> |
17 | <td class="jxxz">界限性质</td> | 17 | <th class="">界址线类型</th> |
18 | <td class="sm">说明</td> | 18 | <th class="">界址线位置</th> |
19 | <th class="">界限性质</th> | ||
20 | <th class="">说明</th> | ||
19 | </tr> | 21 | </tr> |
20 | <tr v-if="jzxlist.length==0"> | 22 | <tr v-if="jzxlist.length===0"> |
21 | <td colspan="8"><span class="nodata">暂无数据</span></td> | 23 | <td colspan="8"><span class="nodata">暂无数据</span></td> |
22 | </tr> | 24 | </tr> |
23 | <tr v-for="(item,index) in jzxlist" :key="index" v-else> | 25 | <tr v-for="(item,index) in jzxlist" :key="index" v-else> |
24 | <td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td> | 26 | <td class=""> |
25 | <td class="qsd"><input type="text" class="formInput" v-model="item.qdh" readonly="readonly"/></td> | 27 | <el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox> |
26 | <td class="zzd"><input type="text" class="formInput" v-model="item.zdh" readonly="readonly"/></td> | 28 | </td> |
27 | <td class="jzdj"><input type="text" class="formInput" v-model="item.jzjj" | 29 | <td class=""> |
28 | :readonly="item.jjisdisabled"/></td> | 30 | <el-input v-model="item.qdh" readonly="readonly"></el-input> |
29 | <td class="jzxlx"> | 31 | </td> |
32 | <td class=""> | ||
33 | <el-input v-model="item.zdh" readonly="readonly"></el-input> | ||
34 | </td> | ||
35 | <td class=""> | ||
36 | <el-input v-model="item.jzjj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | ||
37 | :readonly="item.jjisdisabled"></el-input> | ||
38 | </td> | ||
39 | <td class=""> | ||
30 | <el-select v-model="item.jzxlb" :disabled="item.jzxisdisabled"> | 40 | <el-select v-model="item.jzxlb" :disabled="item.jzxisdisabled"> |
31 | <el-option | 41 | <el-option |
32 | v-for="i in jzxlx" | 42 | v-for="i in jzxlx" |
... | @@ -36,7 +46,7 @@ | ... | @@ -36,7 +46,7 @@ |
36 | ></el-option> | 46 | ></el-option> |
37 | </el-select> | 47 | </el-select> |
38 | </td> | 48 | </td> |
39 | <td class="jzxwz"> | 49 | <td class=""> |
40 | <el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled"> | 50 | <el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled"> |
41 | <el-option | 51 | <el-option |
42 | v-for="i in jzxwz" | 52 | v-for="i in jzxwz" |
... | @@ -46,7 +56,7 @@ | ... | @@ -46,7 +56,7 @@ |
46 | ></el-option> | 56 | ></el-option> |
47 | </el-select> | 57 | </el-select> |
48 | </td> | 58 | </td> |
49 | <td class="jxxz"> | 59 | <td class=""> |
50 | <el-select v-model="item.jxxz" :disabled="item.jzxisdisabled"> | 60 | <el-select v-model="item.jxxz" :disabled="item.jzxisdisabled"> |
51 | <el-option | 61 | <el-option |
52 | v-for="i in jxxz" | 62 | v-for="i in jxxz" |
... | @@ -56,17 +66,17 @@ | ... | @@ -56,17 +66,17 @@ |
56 | ></el-option> | 66 | ></el-option> |
57 | </el-select> | 67 | </el-select> |
58 | </td> | 68 | </td> |
59 | <td class="sm"> | 69 | <td class=""> |
60 | <input type="text" class="formInput" v-model="item.sm" readonly="readonly"/> | 70 | <el-input v-model="item.sm" readonly="readonly"></el-input> |
61 | </td> | 71 | </td> |
62 | </tr> | 72 | </tr> |
63 | </table> | 73 | </table> |
64 | </div> | 74 | </div> |
65 | <div> | 75 | <div> |
66 | <el-dialog v-dialogDrag :close-on-click-modal="false" | 76 | <el-dialog v-dialogDrag :close-on-click-modal="false" |
67 | title="批量修改" | 77 | title="批量修改" |
68 | :visible.sync="centerDialogVisible" | 78 | :visible.sync="centerDialogVisible" |
69 | width="30%" | 79 | width="30%" |
70 | > | 80 | > |
71 | <div class="plxg"> | 81 | <div class="plxg"> |
72 | <table> | 82 | <table> |
... | @@ -127,7 +137,12 @@ | ... | @@ -127,7 +137,12 @@ |
127 | export default { | 137 | export default { |
128 | name: "jzx", | 138 | name: "jzx", |
129 | components: {}, | 139 | components: {}, |
130 | props: {}, | 140 | props: { |
141 | isDisabled:{ | ||
142 | type:Boolean, | ||
143 | default:false | ||
144 | } | ||
145 | }, | ||
131 | data() { | 146 | data() { |
132 | return { | 147 | return { |
133 | bsm: '', | 148 | bsm: '', |
... | @@ -236,13 +251,13 @@ | ... | @@ -236,13 +251,13 @@ |
236 | } | 251 | } |
237 | }, | 252 | }, |
238 | created() { | 253 | created() { |
239 | 254 | let bsm = this.$store.state.zdbsm; | |
240 | }, | ||
241 | mounted() { | ||
242 | let bsm = this.$store.state.zdbsm | ||
243 | this.bsm = bsm; | 255 | this.bsm = bsm; |
244 | this.getData(bsm) | 256 | this.getData(bsm) |
245 | }, | 257 | }, |
258 | mounted() { | ||
259 | |||
260 | }, | ||
246 | methods: { | 261 | methods: { |
247 | result() { | 262 | result() { |
248 | this.batchJzx.jzxlx = ''; | 263 | this.batchJzx.jzxlx = ''; |
... | @@ -261,7 +276,7 @@ | ... | @@ -261,7 +276,7 @@ |
261 | }) | 276 | }) |
262 | }, | 277 | }, |
263 | save() { | 278 | save() { |
264 | if(this.jzxlist.length === 0){ | 279 | if (this.jzxlist.length === 0) { |
265 | Message.info("至少填写一条界址线信息") | 280 | Message.info("至少填写一条界址线信息") |
266 | return | 281 | return |
267 | } | 282 | } |
... | @@ -284,7 +299,8 @@ | ... | @@ -284,7 +299,8 @@ |
284 | e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null | 299 | e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null |
285 | }, | 300 | }, |
286 | changeAll(e) { | 301 | changeAll(e) { |
287 | if (!e.target.checked) { | 302 | console.log(e,"单选") |
303 | if (!e) { | ||
288 | this.isCheckAll = false; | 304 | this.isCheckAll = false; |
289 | return | 305 | return |
290 | } | 306 | } |
... | @@ -297,8 +313,9 @@ | ... | @@ -297,8 +313,9 @@ |
297 | this.isCheckAll = true; | 313 | this.isCheckAll = true; |
298 | }, | 314 | }, |
299 | allcheck(value) { | 315 | allcheck(value) { |
316 | console.log(value,'全选') | ||
300 | for (let item of this.jzxlist) { | 317 | for (let item of this.jzxlist) { |
301 | item.isCheck = value.target.checked; | 318 | item.isCheck = value; |
302 | } | 319 | } |
303 | }, | 320 | }, |
304 | oneExit() { | 321 | oneExit() { |
... | @@ -368,20 +385,13 @@ | ... | @@ -368,20 +385,13 @@ |
368 | background-color: #fff; | 385 | background-color: #fff; |
369 | font-size: 14px; | 386 | font-size: 14px; |
370 | width: 100%; | 387 | width: 100%; |
371 | .formInput { | ||
372 | margin: 0; | ||
373 | height: 36px; | ||
374 | outline: none; | ||
375 | border: none; | ||
376 | color: #606764; | ||
377 | overflow: visible; | ||
378 | text-align: center; | ||
379 | cursor: text; | ||
380 | } | ||
381 | } | 388 | } |
382 | table:hover { | 389 | table:hover { |
383 | cursor: pointer; | 390 | cursor: pointer; |
384 | } | 391 | } |
392 | th { | ||
393 | height: 36px; | ||
394 | } | ||
385 | td { | 395 | td { |
386 | text-align: center; | 396 | text-align: center; |
387 | height: 36px; | 397 | height: 36px; |
... | @@ -401,29 +411,31 @@ | ... | @@ -401,29 +411,31 @@ |
401 | width: 50px; | 411 | width: 50px; |
402 | } | 412 | } |
403 | 413 | ||
404 | .qsd { | 414 | /* |
405 | width: 150px; | ||
406 | } | ||
407 | 415 | ||
408 | .zzd { | 416 | .qsd { |
409 | width: 150px; | 417 | width: 150px; |
410 | } | 418 | } |
411 | 419 | ||
412 | .jzdj { | 420 | .zzd { |
413 | width: 150px; | 421 | width: 150px; |
414 | } | 422 | } |
415 | 423 | ||
416 | .jzxlx { | 424 | .jzdj { |
417 | width: 180px; | 425 | width: 150px; |
418 | } | 426 | } |
419 | 427 | ||
420 | .jzxwz { | 428 | .jzxlx { |
421 | width: 150px; | 429 | width: 180px; |
422 | } | 430 | } |
423 | 431 | ||
424 | .jxxz { | 432 | .jzxwz { |
425 | width: 150px; | 433 | width: 150px; |
426 | } | 434 | } |
435 | |||
436 | .jxxz { | ||
437 | width: 150px; | ||
438 | }*/ | ||
427 | 439 | ||
428 | .sm { | 440 | .sm { |
429 | width: 150px; | 441 | width: 150px; |
... | @@ -433,8 +445,9 @@ | ... | @@ -433,8 +445,9 @@ |
433 | text-align: center; | 445 | text-align: center; |
434 | margin-top: 20px; | 446 | margin-top: 20px; |
435 | } | 447 | } |
436 | .plxg{ | 448 | |
437 | .el-select{ | 449 | .plxg { |
450 | .el-select { | ||
438 | float: left; | 451 | float: left; |
439 | } | 452 | } |
440 | } | 453 | } | ... | ... |
... | @@ -2,22 +2,23 @@ | ... | @@ -2,22 +2,23 @@ |
2 | <div class="main" ref="mainBox"> | 2 | <div class="main" ref="mainBox"> |
3 | <table border="1"> | 3 | <table border="1"> |
4 | <tr> | 4 | <tr> |
5 | <td colspan="2">土地坐落</td> | 5 | <th colspan="2">土地坐落</th> |
6 | <td colspan="3"><input type="text" class="formInput" v-model="tdzl" disabled/></td> | 6 | <th colspan="3"><el-input v-model="tdzl" disabled></el-input></th> |
7 | </tr> | 7 | </tr> |
8 | <tr> | 8 | <tr> |
9 | <td colspan="2">宗地代码</td> | 9 | <th colspan="2">宗地代码</th> |
10 | <td colspan="3"><input type="text" class="formInput" v-model="zddm " disabled/></td> | 10 | <td colspan="3"><el-input v-model="zddm " disabled></el-input></td> |
11 | </tr> | 11 | </tr> |
12 | <tr> | 12 | <tr> |
13 | <td colspan="2">宗地面积(㎡)</td> | 13 | <th colspan="2">宗地面积(㎡)</th> |
14 | <td><input type="number" class="formInput" v-model.number="zdmj" disabled/></td> | 14 | <th> |
15 | <td>定着物数量</td> | 15 | <el-input v-model="zdmj" disabled/></th> |
16 | <th>定着物数量</th> | ||
16 | <td class="dzwsl">{{dzwdsl}}</td> | 17 | <td class="dzwsl">{{dzwdsl}}</td> |
17 | </tr> | 18 | </tr> |
18 | <tr> | 19 | <tr> |
19 | <td colspan="2">备注</td> | 20 | <th colspan="2">备注</th> |
20 | <td colspan="3"><input type="text" class="formInput" v-model="mjftData.bz"/></td> | 21 | <td colspan="3"><el-input v-model="mjftData.bz" :disabled="isDisabled"></el-input></td> |
21 | </tr> | 22 | </tr> |
22 | </table> | 23 | </table> |
23 | <table border="1"> | 24 | <table border="1"> |
... | @@ -26,12 +27,13 @@ | ... | @@ -26,12 +27,13 @@ |
26 | type="primary" | 27 | type="primary" |
27 | class="changeBtn inAdd addMinus" | 28 | class="changeBtn inAdd addMinus" |
28 | @click="addRow" | 29 | @click="addRow" |
30 | :disabled="isDisabled" | ||
29 | >+</el-button | 31 | >+</el-button |
30 | ></td> | 32 | ></td> |
31 | <td class="dzwdm">定着物代码</td> | 33 | <th class="dzwdm">定着物代码</th> |
32 | <td class="syqmj">土地所有权/使用权面积(㎡)</td> | 34 | <th class="syqmj">土地所有权/使用权面积(㎡)</th> |
33 | <td class="dytdmj">独有独用土地面积(㎡)</td> | 35 | <th class="dytdmj">独有独用土地面积(㎡)</th> |
34 | <td class="fttjmj">分摊土地面积(㎡)</td> | 36 | <th class="fttjmj">分摊土地面积(㎡)</th> |
35 | </tr> | 37 | </tr> |
36 | <tr v-for="(item,i) in mjftData.list" :key="i"> | 38 | <tr v-for="(item,i) in mjftData.list" :key="i"> |
37 | <td class="cz"> | 39 | <td class="cz"> |
... | @@ -39,42 +41,40 @@ | ... | @@ -39,42 +41,40 @@ |
39 | type="primary" | 41 | type="primary" |
40 | class="changeBtn inMinus addMinus" | 42 | class="changeBtn inMinus addMinus" |
41 | @click="delRow(i)" | 43 | @click="delRow(i)" |
44 | :disabled="isDisabled" | ||
42 | >-</el-button | 45 | >-</el-button |
43 | > | 46 | > |
44 | </td> | 47 | </td> |
45 | <td class="dzwdm"> | 48 | <td class="dzwdm"> |
46 | <el-input v-model="item.dzwdm" | 49 | <el-input v-model="item.dzwdm" |
47 | maxlength="9" | 50 | maxlength="9" |
51 | :disabled="isDisabled" | ||
48 | > | 52 | > |
49 | </el-input> | 53 | </el-input> |
50 | </td> | 54 | </td> |
51 | <td class="syqmj"> | 55 | <td class="syqmj"> |
52 | <el-input style="ime-mode:inactive" | 56 | <el-input style="ime-mode:inactive" |
53 | oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" | 57 | oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" |
54 | v-model="item.tdsyqsyqmj" | 58 | v-model="item.tdsyqsyqmj" :disabled="isDisabled" |
55 | ></el-input> | 59 | ></el-input> |
56 | </td> | 60 | </td> |
57 | <td class="dytdmj"> | 61 | <td class="dytdmj"> |
58 | <el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 62 | <el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input> |
59 | </td> | 63 | </td> |
60 | <td class="fttjmj"> | 64 | <td class="fttjmj"> |
61 | <el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input> | 65 | <el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input> |
62 | </td> | 66 | </td> |
63 | </tr> | 67 | </tr> |
64 | <tr> | 68 | <tr> |
65 | <td class="cz"></td> | 69 | <td class="cz"></td> |
66 | <td class="dzwdm">统计</td> | 70 | <th class="dzwdm">统计</th> |
67 | <td class="syqmj">{{sumTdsyqsyqmj}}</td> | 71 | <td class="syqmj">{{sumTdsyqsyqmj}}</td> |
68 | <td class="dytdmj">{{sumDydytdmj}}</td> | 72 | <td class="dytdmj">{{sumDydytdmj}}</td> |
69 | <td class="fttjmj">{{sumFttdmj}}</td> | 73 | <td class="fttjmj">{{sumFttdmj}}</td> |
70 | </tr> | 74 | </tr> |
71 | </table> | 75 | </table> |
72 | <!-- <div class="pers"> | ||
73 | <el-button @click="save" type="primary">保存</el-button> | ||
74 | </div> --> | ||
75 | |||
76 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | 76 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
77 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | 77 | <el-button type="primary" class="saveBtn" @click="save" :disabled="isDisabled">保存</el-button> |
78 | </div> | 78 | </div> |
79 | </div> | 79 | </div> |
80 | </template> | 80 | </template> |
... | @@ -85,6 +85,12 @@ | ... | @@ -85,6 +85,12 @@ |
85 | 85 | ||
86 | export default { | 86 | export default { |
87 | name: "index", | 87 | name: "index", |
88 | props: { | ||
89 | isDisabled:{ | ||
90 | type:Boolean, | ||
91 | default:false | ||
92 | } | ||
93 | }, | ||
88 | data() { | 94 | data() { |
89 | return { | 95 | return { |
90 | tdzl: '', // 土地坐落 继承获取 | 96 | tdzl: '', // 土地坐落 继承获取 |
... | @@ -203,7 +209,10 @@ | ... | @@ -203,7 +209,10 @@ |
203 | let num = this.mjftData.list.length ? this.mjftData.list.length : 0 | 209 | let num = this.mjftData.list.length ? this.mjftData.list.length : 0 |
204 | self.mjftData.dzwdys = num | 210 | self.mjftData.dzwdys = num |
205 | return num; | 211 | return num; |
206 | } | 212 | }, |
213 | zdbsm() { | ||
214 | return this.$route.query.bsm; | ||
215 | }, | ||
207 | }, | 216 | }, |
208 | created() { | 217 | created() { |
209 | console.log("create init...") | 218 | console.log("create init...") |
... | @@ -233,6 +242,9 @@ | ... | @@ -233,6 +242,9 @@ |
233 | "$store.state.zddm": function (zddm) { | 242 | "$store.state.zddm": function (zddm) { |
234 | this.zddm = zddm | 243 | this.zddm = zddm |
235 | }, | 244 | }, |
245 | zdbsm: function (val) { | ||
246 | this.getData(val); | ||
247 | }, | ||
236 | } | 248 | } |
237 | } | 249 | } |
238 | </script> | 250 | </script> |
... | @@ -250,16 +262,6 @@ | ... | @@ -250,16 +262,6 @@ |
250 | font-size: 14px; | 262 | font-size: 14px; |
251 | width: 100%; | 263 | width: 100%; |
252 | cursor: pointer; | 264 | cursor: pointer; |
253 | .formInput { | ||
254 | margin: 0; | ||
255 | height: 36px; | ||
256 | outline: none; | ||
257 | border: none; | ||
258 | color: #606764; | ||
259 | overflow: visible; | ||
260 | text-align: center; | ||
261 | cursor: text; | ||
262 | } | ||
263 | td { | 265 | td { |
264 | text-align: center; | 266 | text-align: center; |
265 | height: 36px; | 267 | height: 36px; |
... | @@ -267,6 +269,7 @@ | ... | @@ -267,6 +269,7 @@ |
267 | } | 269 | } |
268 | } | 270 | } |
269 | .header-button { | 271 | .header-button { |
272 | z-index: 3; | ||
270 | height: 50px; | 273 | height: 50px; |
271 | position: fixed; | 274 | position: fixed; |
272 | bottom: 0; | 275 | bottom: 0; |
... | @@ -302,11 +305,11 @@ | ... | @@ -302,11 +305,11 @@ |
302 | width: 50px; | 305 | width: 50px; |
303 | } | 306 | } |
304 | 307 | ||
305 | .dzwdm { | 308 | .dzwdm ,.syqmj,.dytdmj,.fttjmj{ |
306 | width: 150px; | 309 | width: 150px; |
307 | } | 310 | } |
308 | 311 | ||
309 | .syqmj { | 312 | /* .syqmj { |
310 | width: 150px; | 313 | width: 150px; |
311 | } | 314 | } |
312 | 315 | ||
... | @@ -316,6 +319,6 @@ | ... | @@ -316,6 +319,6 @@ |
316 | 319 | ||
317 | .fttjmj { | 320 | .fttjmj { |
318 | width: 150px; | 321 | width: 150px; |
319 | } | 322 | }*/ |
320 | 323 | ||
321 | </style> | 324 | </style> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main" ref="mainBox"> | 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" :type="lx"></Qlr> |
5 | <!-- <el-button | ||
6 | type="primary" | ||
7 | class="changeBtn" | ||
8 | @click="getQlrxxData" | ||
9 | >获取权利人信息数据</el-button | ||
10 | > | ||
11 | <el-button | ||
12 | type="primary" | ||
13 | class="changeBtn" | ||
14 | @click="getQlxzData" | ||
15 | >获取权利性质组件数据</el-button | ||
16 | > --> | ||
17 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | 5 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> |
18 | <tr> | 6 | <tr> |
19 | <th colspan="12">宗地基本信息</th> | 7 | <th colspan="12">宗地基本信息</th> |
... | @@ -22,7 +10,7 @@ | ... | @@ -22,7 +10,7 @@ |
22 | <td colspan="2" class="tdright">行政区</td> | 10 | <td colspan="2" class="tdright">行政区</td> |
23 | <td colspan="2"> | 11 | <td colspan="2"> |
24 | <el-select | 12 | <el-select |
25 | :disabled="formData.qszt!='0'" | 13 | :disabled="disabled" |
26 | class="formSelect" | 14 | class="formSelect" |
27 | v-model="formData.xzqbsm" | 15 | v-model="formData.xzqbsm" |
28 | @change="changeXzq(formData.xzqbsm)" | 16 | @change="changeXzq(formData.xzqbsm)" |
... | @@ -40,7 +28,7 @@ | ... | @@ -40,7 +28,7 @@ |
40 | <td colspan="2"> | 28 | <td colspan="2"> |
41 | <el-select | 29 | <el-select |
42 | class="formSelect" | 30 | class="formSelect" |
43 | :disabled="formData.qszt!='0'" | 31 | :disabled="disabled" |
44 | v-model="formData.djqbsm" | 32 | v-model="formData.djqbsm" |
45 | @change="changeDjq(formData.djqbsm)" | 33 | @change="changeDjq(formData.djqbsm)" |
46 | > | 34 | > |
... | @@ -55,7 +43,7 @@ | ... | @@ -55,7 +43,7 @@ |
55 | </td> | 43 | </td> |
56 | <td colspan="2" class="tdright">地籍子区</td> | 44 | <td colspan="2" class="tdright">地籍子区</td> |
57 | <td colspan="2"> | 45 | <td colspan="2"> |
58 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> | 46 | <el-select class="formSelect" @change="changeDjzq" :disabled="disabled" v-model="formData.djzqbsm"> |
59 | <el-option | 47 | <el-option |
60 | v-for="item in $store.state.djzqList" | 48 | v-for="item in $store.state.djzqList" |
61 | :key="item.bsm" | 49 | :key="item.bsm" |
... | @@ -69,7 +57,7 @@ | ... | @@ -69,7 +57,7 @@ |
69 | <tr> | 57 | <tr> |
70 | <td colspan="2" class="tdright">权利类型</td> | 58 | <td colspan="2" class="tdright">权利类型</td> |
71 | <td colspan="4"> | 59 | <td colspan="4"> |
72 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> | 60 | <el-select class="formSelect" :disabled="disabled" v-model="formData.qllxbsm"> |
73 | <el-option | 61 | <el-option |
74 | v-for="item in $store.state.qllxList" | 62 | v-for="item in $store.state.qllxList" |
75 | :key="item.bsm" | 63 | :key="item.bsm" |
... | @@ -81,7 +69,7 @@ | ... | @@ -81,7 +69,7 @@ |
81 | </td> | 69 | </td> |
82 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td> | 70 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td> |
83 | <td colspan="4"> | 71 | <td colspan="4"> |
84 | <el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'" | 72 | <el-select class="formSelect" ref="zdtzm" :disabled="disabled" |
85 | v-model="formData.zdtzmbsm"> | 73 | v-model="formData.zdtzmbsm"> |
86 | <el-option | 74 | <el-option |
87 | v-for="item in $store.state.zdtzmList" | 75 | v-for="item in $store.state.zdtzmList" |
... | @@ -96,7 +84,7 @@ | ... | @@ -96,7 +84,7 @@ |
96 | <tr> | 84 | <tr> |
97 | <td colspan="2" class="tdright">权利设定方式</td> | 85 | <td colspan="2" class="tdright">权利设定方式</td> |
98 | <td colspan="4"> | 86 | <td colspan="4"> |
99 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> | 87 | <el-select class="formSelect" :disabled="disabled" v-model="formData.qlsdfs"> |
100 | <el-option | 88 | <el-option |
101 | v-for="item in $store.state.qlsdfsList" | 89 | v-for="item in $store.state.qlsdfsList" |
102 | :key="item.bsm" | 90 | :key="item.bsm" |
... | @@ -108,12 +96,12 @@ | ... | @@ -108,12 +96,12 @@ |
108 | </td> | 96 | </td> |
109 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td> | 97 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td> |
110 | <td colspan="4" class="psr"> | 98 | <td colspan="4" class="psr"> |
111 | <input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19" | 99 | <input :disabled="disabled" @blur="inputBlur($event)" ref="zddm" on maxlength="19" |
112 | type="text" | 100 | type="text" |
113 | class="formInput percent80" | 101 | class="formInput percent80" |
114 | v-model="formData.zddm" | 102 | v-model="formData.zddm" |
115 | /> | 103 | /> |
116 | <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn" | 104 | <el-button type="warning" :disabled="disabled" class="createBtn" |
117 | @click="generatorCode" | 105 | @click="generatorCode" |
118 | >生成 | 106 | >生成 |
119 | </el-button> | 107 | </el-button> |
... | @@ -122,29 +110,29 @@ | ... | @@ -122,29 +110,29 @@ |
122 | <tr> | 110 | <tr> |
123 | <td colspan="2" class="tdright">地籍号</td> | 111 | <td colspan="2" class="tdright">地籍号</td> |
124 | <td colspan="4"> | 112 | <td colspan="4"> |
125 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/> | 113 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.djh"/> |
126 | </td> | 114 | </td> |
127 | 115 | ||
128 | <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> | 116 | <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> |
129 | <td colspan="4" class="psr"> | 117 | <td colspan="4" class="psr"> |
130 | <input | 118 | <input |
131 | type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh" | 119 | type="text" :disabled="disabled" @blur="inputBlur($event)" ref="bdcdyh" |
132 | maxlength="28" | 120 | maxlength="28" |
133 | class="formInput" | 121 | class="formInput" |
134 | v-model="formData.bdcdyh" | 122 | v-model="formData.bdcdyh" |
135 | /> | 123 | /> |
136 | <!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> --> | 124 | <!-- <el-button type="warning" :disabled="disabled" class="createBtn">生成</el-button> --> |
137 | </td> | 125 | </td> |
138 | </tr> | 126 | </tr> |
139 | <tr> | 127 | <tr> |
140 | <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td> | 128 | <td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td> |
141 | <td colspan="4"> | 129 | <td colspan="4"> |
142 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl" | 130 | <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zl" |
143 | class="formInput" v-model="formData.zl"/> | 131 | class="formInput" v-model="formData.zl"/> |
144 | </td> | 132 | </td> |
145 | <td colspan="2" class="tdright">项目名称</td> | 133 | <td colspan="2" class="tdright">项目名称</td> |
146 | <td colspan="4" class="psr"> | 134 | <td colspan="4" class="psr"> |
147 | <input :disabled="formData.qszt!='0'" | 135 | <input :disabled="disabled" |
148 | type="text" | 136 | type="text" |
149 | class="formInput " | 137 | class="formInput " |
150 | v-model="formData.xmmc" | 138 | v-model="formData.xmmc" |
... | @@ -154,7 +142,7 @@ | ... | @@ -154,7 +142,7 @@ |
154 | <tr> | 142 | <tr> |
155 | <td colspan="2" class="tdright">国民经济行业分类</td> | 143 | <td colspan="2" class="tdright">国民经济行业分类</td> |
156 | <td colspan="4"> | 144 | <td colspan="4"> |
157 | <!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">--> | 145 | <!-- <el-select class="formSelect" :disabled="disabled" v-model="formData.gmjjhyflbsm">--> |
158 | <!-- <el-option--> | 146 | <!-- <el-option--> |
159 | <!-- v-for="item in $store.state.gmjjhyflbsmList"--> | 147 | <!-- v-for="item in $store.state.gmjjhyflbsmList"--> |
160 | <!-- :key="item.bsm"--> | 148 | <!-- :key="item.bsm"--> |
... | @@ -169,7 +157,7 @@ | ... | @@ -169,7 +157,7 @@ |
169 | :default-expand-all="defaultExpandAll" | 157 | :default-expand-all="defaultExpandAll" |
170 | :multiple="multiple" | 158 | :multiple="multiple" |
171 | :placeholder="placeholder" | 159 | :placeholder="placeholder" |
172 | :disabled="formData.qszt!='0'" | 160 | :disabled="disabled" |
173 | :data="$store.state.gmjjhyflbsmList" | 161 | :data="$store.state.gmjjhyflbsmList" |
174 | :props="treeProps" | 162 | :props="treeProps" |
175 | :check-strictly="checkStrictly" | 163 | :check-strictly="checkStrictly" |
... | @@ -179,13 +167,13 @@ | ... | @@ -179,13 +167,13 @@ |
179 | </td> | 167 | </td> |
180 | <td colspan="2" class="tdright">价格(元)</td> | 168 | <td colspan="2" class="tdright">价格(元)</td> |
181 | <td colspan="4" class="psr"> | 169 | <td colspan="4" class="psr"> |
182 | <input :disabled="formData.qszt!='0'" class="formInput" type="number" v-model="formData.jg"/> | 170 | <input :disabled="disabled" class="formInput" type="number" v-model="formData.jg"/> |
183 | </td> | 171 | </td> |
184 | </tr> | 172 | </tr> |
185 | <tr> | 173 | <tr> |
186 | <td colspan="2" class="tdright">容积率</td> | 174 | <td colspan="2" class="tdright">容积率</td> |
187 | <td colspan="2"> | 175 | <td colspan="2"> |
188 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> | 176 | <el-select class="formSelect" :disabled="disabled" v-model="formData.jyrjl"> |
189 | <el-option | 177 | <el-option |
190 | v-for="item in compareList" | 178 | v-for="item in compareList" |
191 | :key="item.value" | 179 | :key="item.value" |
... | @@ -197,27 +185,27 @@ | ... | @@ -197,27 +185,27 @@ |
197 | </td> | 185 | </td> |
198 | <td colspan="2"> | 186 | <td colspan="2"> |
199 | <input | 187 | <input |
200 | type="text" :disabled="formData.qszt!='0'" | 188 | type="text" :disabled="disabled" |
201 | v-model="rjl" | 189 | v-model="rjl" |
202 | v-show="isInterval(formData.jyrjl)" | 190 | v-show="isInterval(formData.jyrjl)" |
203 | class="formInput percent47" | 191 | class="formInput percent47" |
204 | /> | 192 | /> |
205 | <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> | 193 | <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> |
206 | <input | 194 | <input |
207 | type="text" :disabled="formData.qszt!='0'" | 195 | type="text" :disabled="disabled" |
208 | v-model="formData.rjl" | 196 | v-model="formData.rjl" |
209 | :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" | 197 | :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" |
210 | /> | 198 | /> |
211 | </td> | 199 | </td> |
212 | <td colspan="2" class="tdright">容积说明</td> | 200 | <td colspan="2" class="tdright">容积说明</td> |
213 | <td colspan="4" class="psr"> | 201 | <td colspan="4" class="psr"> |
214 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/> | 202 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.rjlsm"/> |
215 | </td> | 203 | </td> |
216 | </tr> | 204 | </tr> |
217 | <tr> | 205 | <tr> |
218 | <td colspan="2" class="tdright">建筑密度</td> | 206 | <td colspan="2" class="tdright">建筑密度</td> |
219 | <td colspan="2"> | 207 | <td colspan="2"> |
220 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> | 208 | <el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzmd"> |
221 | <el-option | 209 | <el-option |
222 | v-for="item in compareList" | 210 | v-for="item in compareList" |
223 | :key="item.value" | 211 | :key="item.value" |
... | @@ -230,26 +218,26 @@ | ... | @@ -230,26 +218,26 @@ |
230 | <td colspan="2"> | 218 | <td colspan="2"> |
231 | <input | 219 | <input |
232 | type="text" | 220 | type="text" |
233 | v-model="jzmd" :disabled="formData.qszt!='0'" | 221 | v-model="jzmd" :disabled="disabled" |
234 | v-show="isInterval(formData.jyjzmd)" | 222 | v-show="isInterval(formData.jyjzmd)" |
235 | class="formInput percent47" | 223 | class="formInput percent47" |
236 | /> | 224 | /> |
237 | <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> | 225 | <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> |
238 | <input | 226 | <input |
239 | type="text" | 227 | type="text" |
240 | v-model="formData.jzmd" :disabled="formData.qszt!='0'" | 228 | v-model="formData.jzmd" :disabled="disabled" |
241 | :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" | 229 | :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" |
242 | /> | 230 | /> |
243 | </td> | 231 | </td> |
244 | <td colspan="2" class="tdright">建筑密度说明</td> | 232 | <td colspan="2" class="tdright">建筑密度说明</td> |
245 | <td colspan="4" class="psr"> | 233 | <td colspan="4" class="psr"> |
246 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/> | 234 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzmdsm"/> |
247 | </td> | 235 | </td> |
248 | </tr> | 236 | </tr> |
249 | <tr> | 237 | <tr> |
250 | <td colspan="2" class="tdright">建筑限高</td> | 238 | <td colspan="2" class="tdright">建筑限高</td> |
251 | <td colspan="2"> | 239 | <td colspan="2"> |
252 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> | 240 | <el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzxg"> |
253 | <el-option | 241 | <el-option |
254 | v-for="item in compareList" | 242 | v-for="item in compareList" |
255 | :key="item.value" | 243 | :key="item.value" |
... | @@ -261,34 +249,34 @@ | ... | @@ -261,34 +249,34 @@ |
261 | </td> | 249 | </td> |
262 | <td colspan="2"> | 250 | <td colspan="2"> |
263 | <input | 251 | <input |
264 | type="text" :disabled="formData.qszt!='0'" | 252 | type="text" :disabled="disabled" |
265 | v-model="jzxg" | 253 | v-model="jzxg" |
266 | v-show="isInterval(formData.jyjzxg)" | 254 | v-show="isInterval(formData.jyjzxg)" |
267 | class="formInput percent47" | 255 | class="formInput percent47" |
268 | /> | 256 | /> |
269 | <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> | 257 | <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> |
270 | <input | 258 | <input |
271 | type="text" :disabled="formData.qszt!='0'" | 259 | type="text" :disabled="disabled" |
272 | v-model="formData.jzxg" | 260 | v-model="formData.jzxg" |
273 | :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" | 261 | :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" |
274 | /> | 262 | /> |
275 | </td> | 263 | </td> |
276 | <td colspan="2" class="tdright">建筑限高说明</td> | 264 | <td colspan="2" class="tdright">建筑限高说明</td> |
277 | <td colspan="4" class="psr"> | 265 | <td colspan="4" class="psr"> |
278 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/> | 266 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.jzxgsm"/> |
279 | </td> | 267 | </td> |
280 | </tr> | 268 | </tr> |
281 | <tr> | 269 | <tr> |
282 | <td colspan="2" rowspan="2" class="tdright">所在图幅号</td> | 270 | <td colspan="2" rowspan="2" class="tdright">所在图幅号</td> |
283 | <td colspan="2" class="tdright">比例尺</td> | 271 | <td colspan="2" class="tdright">比例尺</td> |
284 | <td colspan="8" class="psr"> | 272 | <td colspan="8" class="psr"> |
285 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/> | 273 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.blc"/> |
286 | </td> | 274 | </td> |
287 | </tr> | 275 | </tr> |
288 | <tr> | 276 | <tr> |
289 | <td colspan="2" class="tdright">图幅号</td> | 277 | <td colspan="2" class="tdright">图幅号</td> |
290 | <td colspan="8" class="psr"> | 278 | <td colspan="8" class="psr"> |
291 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/> | 279 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.tfh"/> |
292 | </td> | 280 | </td> |
293 | </tr> | 281 | </tr> |
294 | 282 | ||
... | @@ -296,28 +284,28 @@ | ... | @@ -296,28 +284,28 @@ |
296 | <td colspan="2" rowspan="4" class="tdright">宗地四至</td> | 284 | <td colspan="2" rowspan="4" class="tdright">宗地四至</td> |
297 | <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td> | 285 | <td colspan="2" class="tdright"><i class="requisite">*</i>北至</td> |
298 | <td colspan="8" class="psr"> | 286 | <td colspan="8" class="psr"> |
299 | <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'" | 287 | <input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="disabled" |
300 | class="formInput" v-model="formData.zdszb"/> | 288 | class="formInput" v-model="formData.zdszb"/> |
301 | </td> | 289 | </td> |
302 | </tr> | 290 | </tr> |
303 | <tr> | 291 | <tr> |
304 | <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td> | 292 | <td colspan="2" class="tdright"><i class="requisite">*</i>东至</td> |
305 | <td colspan="8" class="psr"> | 293 | <td colspan="8" class="psr"> |
306 | <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'" | 294 | <input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="disabled" |
307 | class="formInput" v-model="formData.zdszd"/> | 295 | class="formInput" v-model="formData.zdszd"/> |
308 | </td> | 296 | </td> |
309 | </tr> | 297 | </tr> |
310 | <tr> | 298 | <tr> |
311 | <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td> | 299 | <td colspan="2" class="tdright"><i class="requisite">*</i>南至</td> |
312 | <td colspan="8" class="psr"> | 300 | <td colspan="8" class="psr"> |
313 | <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'" | 301 | <input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="disabled" |
314 | class="formInput" v-model="formData.zdszn"/> | 302 | class="formInput" v-model="formData.zdszn"/> |
315 | </td> | 303 | </td> |
316 | </tr> | 304 | </tr> |
317 | <tr> | 305 | <tr> |
318 | <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td> | 306 | <td colspan="2" class="tdright"><i class="requisite">*</i>西至</td> |
319 | <td colspan="8" class="psr"> | 307 | <td colspan="8" class="psr"> |
320 | <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'" | 308 | <input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="disabled" |
321 | class="formInput" v-model="formData.zdszx"/> | 309 | class="formInput" v-model="formData.zdszx"/> |
322 | </td> | 310 | </td> |
323 | </tr> | 311 | </tr> |
... | @@ -329,55 +317,46 @@ | ... | @@ -329,55 +317,46 @@ |
329 | <tr> | 317 | <tr> |
330 | <td colspan="2" class="tdright">批准面积(㎡)</td> | 318 | <td colspan="2" class="tdright">批准面积(㎡)</td> |
331 | <td colspan="4" > | 319 | <td colspan="4" > |
332 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" | 320 | <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
333 | class="formInput" v-model="formData.pzmj"/> | 321 | class="formInput" v-model="formData.pzmj"/> |
334 | </td> | 322 | </td> |
335 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td> | 323 | <td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td> |
336 | <td colspan="4" > | 324 | <td colspan="4" > |
337 | <input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj" | 325 | <input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zdmj" |
338 | onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/> | 326 | onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/> |
339 | </td> | 327 | </td> |
340 | </tr> | 328 | </tr> |
341 | <tr> | 329 | <tr> |
342 | <td colspan="2" class="tdright">建筑占地总面积(㎡)</td> | 330 | <td colspan="2" class="tdright">建筑占地总面积(㎡)</td> |
343 | <td colspan="4"> | 331 | <td colspan="4"> |
344 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" | 332 | <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
345 | class="formInput" v-model="formData.jzzdzmj"/> | 333 | class="formInput" v-model="formData.jzzdzmj"/> |
346 | </td> | 334 | </td> |
347 | 335 | ||
348 | <td colspan="2" class="tdright">建筑总面积(㎡)</td> | 336 | <td colspan="2" class="tdright">建筑总面积(㎡)</td> |
349 | <td colspan="4"> | 337 | <td colspan="4"> |
350 | <input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')" | 338 | <input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')" |
351 | class="formInput" v-model="formData.jzzmj"/> | 339 | class="formInput" v-model="formData.jzzmj"/> |
352 | </td> | 340 | </td> |
353 | </tr> | 341 | </tr> |
354 | <tr> | 342 | <tr> |
355 | <td colspan="2" class="tdright">共有/共用权利人情况</td> | 343 | <td colspan="2" class="tdright">共有/共用权利人情况</td> |
356 | <td colspan="10"> | 344 | <td colspan="10"> |
357 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" | 345 | <input type="text" :disabled="disabled" class="formInput" |
358 | v-model="formData.gygyqlrqk"/> | 346 | v-model="formData.gygyqlrqk"/> |
359 | </td> | 347 | </td> |
360 | </tr> | 348 | </tr> |
361 | <tr> | 349 | <tr> |
362 | <td colspan="2" class="tdright" rowspan="2">说明</td> | 350 | <td colspan="2" class="tdright" rowspan="2">说明</td> |
363 | <td colspan="10" rowspan="2"> | 351 | <td colspan="10" rowspan="2"> |
364 | <input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/> | 352 | <input type="text" :disabled="disabled" class="formInput" v-model="formData.sm"/> |
365 | </td> | 353 | </td> |
366 | </tr> | 354 | </tr> |
367 | </table> | 355 | </table> |
368 | |||
369 | <!-- <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
370 | <el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button> | ||
371 | <el-button type="primary" @click="submitZDxx">提交</el-button> | ||
372 | <el-button type="primary" @click="registerCall">登记调用</el-button> | ||
373 | </div> --> | ||
374 | |||
375 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | 356 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
376 | 357 | <el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled">保存</el-button> | |
377 | <el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button> | 358 | <el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button> |
378 | <el-button type="primary" @click="submitZDxx">提交</el-button> | ||
379 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 359 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
380 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> | ||
381 | </div> | 360 | </div> |
382 | </div> | 361 | </div> |
383 | </div> | 362 | </div> |
... | @@ -401,6 +380,7 @@ | ... | @@ -401,6 +380,7 @@ |
401 | getQjZdjbxxDetailById, | 380 | getQjZdjbxxDetailById, |
402 | updateQjZdjbxx, | 381 | updateQjZdjbxx, |
403 | } from "@api/zd"; | 382 | } from "@api/zd"; |
383 | import { Message } from 'element-ui'; | ||
404 | 384 | ||
405 | export default { | 385 | export default { |
406 | inject: ['getRightTree'], | 386 | inject: ['getRightTree'], |
... | @@ -442,6 +422,7 @@ | ... | @@ -442,6 +422,7 @@ |
442 | formData: {}, | 422 | formData: {}, |
443 | dpdm: '', //宗地底盘代码 | 423 | dpdm: '', //宗地底盘代码 |
444 | curZdbsm: '', | 424 | curZdbsm: '', |
425 | lx:'zd', | ||
445 | mainBoxWidth: 0, | 426 | mainBoxWidth: 0, |
446 | geoAttributes: { | 427 | geoAttributes: { |
447 | OBJECTID: "", | 428 | OBJECTID: "", |
... | @@ -519,6 +500,16 @@ | ... | @@ -519,6 +500,16 @@ |
519 | .then((res) => { | 500 | .then((res) => { |
520 | if (res.result) { | 501 | if (res.result) { |
521 | this.formData = res.result; | 502 | this.formData = res.result; |
503 | if(res.result.gygyqlrqk!=null){ | ||
504 | this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
505 | } | ||
506 | if(this.formData.bblx === 0 && this.formData.qszt === '0' && this.formData.bhqkbsm == null){ | ||
507 | console.log("12345") | ||
508 | this.disabled = false | ||
509 | }else { | ||
510 | console.log("1234567890") | ||
511 | this.disabled = true | ||
512 | } | ||
522 | console.log(res.result, 'res.result'); | 513 | console.log(res.result, 'res.result'); |
523 | this.getXzqData(res.result.xzqbsm, res.result.djqbsm); | 514 | this.getXzqData(res.result.xzqbsm, res.result.djqbsm); |
524 | //如果没有宗地代码,自动生成 | 515 | //如果没有宗地代码,自动生成 |
... | @@ -767,48 +758,52 @@ | ... | @@ -767,48 +758,52 @@ |
767 | type: "warning", | 758 | type: "warning", |
768 | }); | 759 | }); |
769 | } else { | 760 | } else { |
770 | updateQjZdjbxx(this.formData) | 761 | if (this.$refs.qlrxxModule.getQlgyfsData() == 'PSHGSBDCQJDC000000000000DC340020' && this.$refs.qlrxxModule.getQlrxxData().length < 2 ) { |
771 | .then((res) => { | 762 | Message.error('当前权利人共有方式至少需要添加两名权利人') |
772 | if (res.code == 200) { | 763 | }else{ |
773 | console.log(res); | 764 | updateQjZdjbxx(this.formData) |
765 | .then((res) => { | ||
766 | if (res.code == 200) { | ||
767 | console.log(res); | ||
768 | this.$message({ | ||
769 | message: '保存成功', | ||
770 | type: "success", | ||
771 | }); | ||
772 | // 保存成功再次查询 | ||
773 | this.getZdjbxxData(this.$store.state.zdbsm); | ||
774 | } else { | ||
775 | this.$message({ | ||
776 | message: res.message, | ||
777 | type: "warning", | ||
778 | }); | ||
779 | } | ||
780 | }) | ||
781 | .catch((error) => { | ||
774 | this.$message({ | 782 | this.$message({ |
775 | message: '保存成功', | 783 | message: error.message+",查看日志,联系管理员", |
776 | type: "success", | 784 | type: "error", |
777 | }); | 785 | }); |
778 | // 保存成功再次查询 | 786 | }); |
779 | this.getZdjbxxData(this.$store.state.zdbsm); | 787 | //保存到空间库里面 |
788 | var self = this; | ||
789 | for (var key in this.geoAttributes) { | ||
790 | if (key == "BSM") { | ||
791 | self.geoAttributes[key] = this.$store.state.zdbsm | ||
792 | } else if (key == 'QLSDFS') { | ||
793 | var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs; | ||
794 | var qlsdfs = qlsdfsList.filter(item => { | ||
795 | return item.bsm == value; | ||
796 | }) | ||
797 | self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : ""; | ||
780 | } else { | 798 | } else { |
781 | this.$message({ | 799 | var formKay = key.toLowerCase(); |
782 | message: res.message, | 800 | self.geoAttributes[key] = self.formData[formKay]; |
783 | type: "warning", | ||
784 | }); | ||
785 | } | 801 | } |
786 | }) | ||
787 | .catch((error) => { | ||
788 | this.$message({ | ||
789 | message: error.message+",查看日志,联系管理员", | ||
790 | type: "error", | ||
791 | }); | ||
792 | }); | ||
793 | //保存到空间库里面 | ||
794 | var self = this; | ||
795 | for (var key in this.geoAttributes) { | ||
796 | if (key == "BSM") { | ||
797 | self.geoAttributes[key] = this.$store.state.zdbsm | ||
798 | } else if (key == 'QLSDFS') { | ||
799 | var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs; | ||
800 | var qlsdfs = qlsdfsList.filter(item => { | ||
801 | return item.bsm == value; | ||
802 | }) | ||
803 | self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : ""; | ||
804 | } else { | ||
805 | var formKay = key.toLowerCase(); | ||
806 | self.geoAttributes[key] = self.formData[formKay]; | ||
807 | } | 802 | } |
803 | self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) { | ||
804 | console.log("属性保存完成!!"); | ||
805 | }); | ||
808 | } | 806 | } |
809 | self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) { | ||
810 | console.log("属性保存完成!!"); | ||
811 | }); | ||
812 | } | 807 | } |
813 | } else { | 808 | } else { |
814 | this.$message({ | 809 | this.$message({ |
... | @@ -839,12 +834,8 @@ | ... | @@ -839,12 +834,8 @@ |
839 | if (res.code === 200) { | 834 | if (res.code === 200) { |
840 | this.$message.success("提交成功!") | 835 | this.$message.success("提交成功!") |
841 | this.getZdjbxxData(this.curZdbsm); | 836 | this.getZdjbxxData(this.curZdbsm); |
842 | getTree(this.curZdbsm).then((res) => { | 837 | this.$store.state.oldZdbsm = ''; |
843 | if (res.success) { | 838 | this.getRightTree(this.curZdbsm,'0,1,2') |
844 | // console.log('successsuccesssuccesssuccess'); | ||
845 | this.$store.state.treeData = res.result; | ||
846 | } | ||
847 | }); | ||
848 | } | 839 | } |
849 | }) | 840 | }) |
850 | }, | 841 | }, |
... | @@ -863,6 +854,7 @@ | ... | @@ -863,6 +854,7 @@ |
863 | this.formData.djzqbsm = ""; | 854 | this.formData.djzqbsm = ""; |
864 | this.djqList = res.result; | 855 | this.djqList = res.result; |
865 | this.$store.state.djqList = res.result; | 856 | this.$store.state.djqList = res.result; |
857 | this.generatorDpdm(); | ||
866 | }) | 858 | }) |
867 | .catch((error) => { | 859 | .catch((error) => { |
868 | }); | 860 | }); |
... | @@ -873,10 +865,14 @@ | ... | @@ -873,10 +865,14 @@ |
873 | this.formData.djzqbsm = ""; | 865 | this.formData.djzqbsm = ""; |
874 | this.djzqList = res.result; | 866 | this.djzqList = res.result; |
875 | this.$store.state.djzqList = res.result; | 867 | this.$store.state.djzqList = res.result; |
868 | this.generatorDpdm(); | ||
876 | }) | 869 | }) |
877 | .catch((error) => { | 870 | .catch((error) => { |
878 | }); | 871 | }); |
879 | }, | 872 | }, |
873 | changeDjzq() { | ||
874 | this.generatorDpdm(); | ||
875 | }, | ||
880 | //判断容密高是否为区间 | 876 | //判断容密高是否为区间 |
881 | isInterval(val) { | 877 | isInterval(val) { |
882 | if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) { | 878 | if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) { |
... | @@ -935,7 +931,8 @@ | ... | @@ -935,7 +931,8 @@ |
935 | this.$store.state.zddm = val; | 931 | this.$store.state.zddm = val; |
936 | }, | 932 | }, |
937 | zdbsm: function (val) { | 933 | zdbsm: function (val) { |
938 | this.getZdjbxxData(val) | 934 | this.getZdjbxxData(val); |
935 | this.$refs.qlrxxModule.getQlrInfo(val); | ||
939 | this.curZdbsm = val; | 936 | this.curZdbsm = val; |
940 | }, | 937 | }, |
941 | "formData.bdcdyh": function (val) { | 938 | "formData.bdcdyh": function (val) { |
... | @@ -1027,6 +1024,7 @@ | ... | @@ -1027,6 +1024,7 @@ |
1027 | } | 1024 | } |
1028 | 1025 | ||
1029 | .header-button { | 1026 | .header-button { |
1027 | z-index: 3; | ||
1030 | height: 50px; | 1028 | height: 50px; |
1031 | position: fixed; | 1029 | position: fixed; |
1032 | bottom: 0; | 1030 | bottom: 0; | ... | ... |
... | @@ -6,7 +6,7 @@ | ... | @@ -6,7 +6,7 @@ |
6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 6 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
7 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> | 7 | <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> |
8 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> | 8 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> |
9 | <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane> | 9 | <el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane> |
10 | </el-tabs> | 10 | </el-tabs> |
11 | </div> | 11 | </div> |
12 | </template> | 12 | </template> |
... | @@ -18,6 +18,7 @@ import djb from "./djb"; | ... | @@ -18,6 +18,7 @@ import djb from "./djb"; |
18 | import lpb from "./lpb"; | 18 | import lpb from "./lpb"; |
19 | import lshs from "./lshs"; | 19 | import lshs from "./lshs"; |
20 | import fjcl from "./../zd/fjcl/fjcl"; | 20 | import fjcl from "./../zd/fjcl/fjcl"; |
21 | import {queryStatus} from "@api/search" | ||
21 | export default { | 22 | export default { |
22 | name: "", | 23 | name: "", |
23 | components: { | 24 | components: { |
... | @@ -26,13 +27,25 @@ export default { | ... | @@ -26,13 +27,25 @@ export default { |
26 | props: {}, | 27 | props: {}, |
27 | data() { | 28 | data() { |
28 | return { | 29 | return { |
30 | isDisabled:false, | ||
29 | activeName: "zrzxx", | 31 | activeName: "zrzxx", |
30 | lpbLoad:false, //默认不加载楼盘表组件 | 32 | lpbLoad:false, //默认不加载楼盘表组件 |
31 | yzgyLoad:false, | 33 | yzgyLoad:false, |
32 | }; | 34 | }; |
33 | }, | 35 | }, |
34 | methods: { | 36 | methods: { |
37 | loadingStatus() { | ||
38 | console.log("是否禁用") | ||
39 | let bsm=this.$store.state.zrzbsm; | ||
40 | queryStatus(bsm).then(res => { | ||
41 | if (res.success) { | ||
42 | let qszt = res.result.qszt; | ||
43 | this.isDisabled = +qszt !== 0; | ||
44 | } | ||
45 | }) | ||
46 | }, | ||
35 | handleClick(tab, event) { | 47 | handleClick(tab, event) { |
48 | this.loadingStatus() | ||
36 | if(!this.lpbLoad){ | 49 | if(!this.lpbLoad){ |
37 | this.lpbLoad = tab.name == 'lpb' ? true : false | 50 | this.lpbLoad = tab.name == 'lpb' ? true : false |
38 | } | 51 | } | ... | ... |
... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
4 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> | 4 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> |
5 | <tbody> | 5 | <tbody> |
6 | <tr height="30"> | 6 | <tr height="30"> |
7 | <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td> | 7 | <td colspan="12" align="center" ><font size="4">层基本信息</font></td> |
8 | </tr> | 8 | </tr> |
9 | <tr height="30"> | 9 | <tr height="30"> |
10 | <td colspan="2" align="center" >层号</td> | 10 | <td colspan="2" align="center" >层号</td> |
... | @@ -77,19 +77,21 @@ | ... | @@ -77,19 +77,21 @@ |
77 | </tbody> | 77 | </tbody> |
78 | </table> | 78 | </table> |
79 | </el-form> | 79 | </el-form> |
80 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
81 | <el-button type="success" @click="onSave">保存</el-button> | ||
82 | <el-button type="primary" @click="onSubmit">提交</el-button> | ||
83 | </div> | ||
84 | </div> | 80 | </div> |
85 | 81 | ||
86 | </template> | 82 | </template> |
87 | 83 | ||
88 | <script> | 84 | <script> |
89 | import {insertCInfo} from "@api/zrz"; | 85 | import {getQjCDetailById,updateQjC} from "@api/c"; |
90 | export default { | 86 | export default { |
91 | name:'c', | 87 | name:'c', |
92 | components:{}, | 88 | components:{}, |
89 | props: { | ||
90 | cbsm:{ | ||
91 | type: String, | ||
92 | default: '', | ||
93 | } | ||
94 | }, | ||
93 | data () { | 95 | data () { |
94 | return { | 96 | return { |
95 | form:{ | 97 | form:{ |
... | @@ -112,28 +114,65 @@ | ... | @@ -112,28 +114,65 @@ |
112 | }, | 114 | }, |
113 | methods: { | 115 | methods: { |
114 | onSave(){ | 116 | onSave(){ |
115 | this.form.zrzbsm=this.$router.query.bsm; | 117 | this.form.zrzbsm=this.$route.query.bsm; |
116 | insertCInfo(this.form).then((res)=>{ | 118 | //编辑层信息接口调用 TODO |
117 | if(res.code===200){ | 119 | updateQjC(this.form).then((res)=>{ |
120 | if(res.code === 200){ | ||
118 | this.$message.success("保存成功") | 121 | this.$message.success("保存成功") |
119 | } | 122 | } |
120 | }) | 123 | }) |
121 | console.log(this.form) | ||
122 | }, | 124 | }, |
123 | onSubmit(){ | 125 | getCinfo(bsm){ |
124 | console.log(this.form) | 126 | this.reset(); |
127 | //获取层信息接口调用 TODO | ||
128 | getQjCDetailById(bsm).then((res)=>{ | ||
129 | if(res.code === 200){ | ||
130 | this.form = res.result; | ||
131 | this.form.zrzh = this.$store.state.zrzh; | ||
132 | } | ||
133 | }) | ||
134 | |||
135 | }, | ||
136 | reset(){ | ||
137 | this.form = { | ||
138 | zrzbsm:'', | ||
139 | ch:'', //层号 | ||
140 | zrzh:'', //自然幢号 | ||
141 | sjc:'', //实际层 | ||
142 | myc:'', //名义层 | ||
143 | cjzmj:'', //层建筑面积 | ||
144 | ctnjzmj:'', //层套内建筑面积 | ||
145 | cytmj:'', //层阳台面积 | ||
146 | cbqmj:'', //层半墙面积 | ||
147 | cgyjzmj:'', //层共有建筑面积 | ||
148 | cftjzmj:'', //层分摊建筑面积 | ||
149 | cg:'', //层高 | ||
150 | sptymj:'', //水平投影面积 | ||
151 | } | ||
125 | } | 152 | } |
153 | }, | ||
154 | mounted(){ | ||
155 | this.getCinfo(this.cbsm); | ||
156 | }, | ||
157 | watch:{ | ||
158 | cbsm: { | ||
159 | handler: function (item) { | ||
160 | console.log(item,"item") | ||
161 | console.log(this.$parent.$parent.menuType,"this.$parent.$parent.menuType") | ||
162 | if(item!='' && this.$parent.$parent.menuType == 'c'){ | ||
163 | this.getCinfo(item) | ||
164 | } | ||
165 | }, | ||
166 | immediate: true | ||
167 | }, | ||
126 | } | 168 | } |
127 | } | 169 | } |
128 | </script> | 170 | </script> |
129 | <style rel="stylesheet/less" lang="less" scoped> | 171 | <style rel="stylesheet/less" lang="less" scoped> |
130 | .h { | 172 | .h { |
131 | min-height: 200px; | 173 | min-height: 200px; |
132 | width: 80%; | 174 | width: 100%; |
133 | margin-top: 10px; | 175 | margin: 0 auto; |
134 | margin-left: 10%; | ||
135 | float: left; | ||
136 | |||
137 | /deep/.el-input__inner{ | 176 | /deep/.el-input__inner{ |
138 | width: 100%; | 177 | width: 100%; |
139 | border: 0; | 178 | border: 0; | ... | ... |
... | @@ -9,33 +9,24 @@ | ... | @@ -9,33 +9,24 @@ |
9 | </template> | 9 | </template> |
10 | </el-table-column> | 10 | </el-table-column> |
11 | <el-table-column prop="zrzmc" label="自然幢" align="center"> | 11 | <el-table-column prop="zrzmc" label="自然幢" align="center"> |
12 | <!-- <template slot-scope="scope"> | ||
13 | <el-input size="small" v-model="scope.row.ljzbsm"></el-input> | ||
14 | </template> --> | ||
15 | </el-table-column> | 12 | </el-table-column> |
16 | <el-table-column prop="ljzmc" label="逻辑幢" align="center"> | 13 | <el-table-column prop="ljzmc" label="逻辑幢" align="center"> |
17 | <!-- <template slot-scope="scope"> | ||
18 | <el-input size="small" v-model="scope.row.ljzbsm"></el-input> | ||
19 | </template> --> | ||
20 | </el-table-column> | 14 | </el-table-column> |
21 | <el-table-column prop="zdymc" label="幢单元" align="center"> | 15 | <el-table-column prop="zdymc" label="幢单元" align="center"> |
22 | <!-- <template slot-scope="scope"> | ||
23 | <el-input size="small" v-model="scope.row.zdybsm"></el-input> | ||
24 | </template> --> | ||
25 | </el-table-column> | 16 | </el-table-column> |
26 | <el-table-column prop="qsc" label="起始层" align="center"> | 17 | <el-table-column prop="qsc" label="起始层" align="center"> |
27 | <template slot-scope="scope"> | 18 | <template slot-scope="scope"> |
28 | <el-input size="small" v-model="scope.row.qsc"></el-input> | 19 | <el-input v-model="scope.row.qsc" type="number"></el-input> |
29 | </template> | 20 | </template> |
30 | </el-table-column> | 21 | </el-table-column> |
31 | <el-table-column prop="jsc" label="结束层" align="center"> | 22 | <el-table-column prop="jsc" label="结束层" align="center"> |
32 | <template slot-scope="scope"> | 23 | <template slot-scope="scope"> |
33 | <el-input size="small" v-model="scope.row.jsc"></el-input> | 24 | <el-input v-model="scope.row.jsc" type="number"></el-input> |
34 | </template> | 25 | </template> |
35 | </el-table-column> | 26 | </el-table-column> |
36 | <el-table-column prop="hs" label="每层户数" align="center"> | 27 | <el-table-column prop="hs" label="每层户数" align="center"> |
37 | <template slot-scope="scope"> | 28 | <template slot-scope="scope"> |
38 | <el-input size="small" v-model="scope.row.hs"></el-input> | 29 | <el-input v-model="scope.row.hs" type="number"></el-input> |
39 | </template> | 30 | </template> |
40 | </el-table-column> | 31 | </el-table-column> |
41 | </el-table> | 32 | </el-table> |
... | @@ -87,6 +78,9 @@ export default { | ... | @@ -87,6 +78,9 @@ export default { |
87 | handleRowClick(row, index) { | 78 | handleRowClick(row, index) { |
88 | if (row.cz == "+") { | 79 | if (row.cz == "+") { |
89 | let temp = JSON.parse(JSON.stringify(this.formData)); | 80 | let temp = JSON.parse(JSON.stringify(this.formData)); |
81 | temp.qsc = ''; | ||
82 | temp.jsc = ''; | ||
83 | temp.hs = ''; | ||
90 | temp.cz = "-"; | 84 | temp.cz = "-"; |
91 | this.tableData.push(temp); | 85 | this.tableData.push(temp); |
92 | } else { | 86 | } else { |
... | @@ -94,6 +88,23 @@ export default { | ... | @@ -94,6 +88,23 @@ export default { |
94 | } | 88 | } |
95 | }, | 89 | }, |
96 | onSave(bsm) { | 90 | onSave(bsm) { |
91 | console.log(this.tableData) | ||
92 | let totalHs = 0; | ||
93 | for(let k =0;k<this.tableData.length;k++){ | ||
94 | if(this.tableData[k].qsc === ""||this.tableData[k].jsc === ""||this.tableData[k].hs === ""){ | ||
95 | this.$message.warning("表单不完整,请填写完整") | ||
96 | return false | ||
97 | } | ||
98 | if(this.tableData[k].qsc - this.tableData[k].jsc > 0){ | ||
99 | this.$message.warning("存在结束层大于起始层,请重写填写") | ||
100 | return false | ||
101 | } | ||
102 | totalHs = totalHs + (this.tableData[k].jsc-this.tableData[k].qsc+1)*this.tableData[k].hs; | ||
103 | } | ||
104 | if(totalHs >= 5000){ | ||
105 | this.$message.warning("单次添加户数累积超过5000户,请分次添加!") | ||
106 | return false | ||
107 | } | ||
97 | insertChInfo(this.tableData).then((res) => { | 108 | insertChInfo(this.tableData).then((res) => { |
98 | if (res.code === 200) { | 109 | if (res.code === 200) { |
99 | this.$message.success("保存成功"); | 110 | this.$message.success("保存成功"); | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''"> | 2 | <div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}"> |
3 | <el-form ref="form" :model="form" label-width="160px" class="form" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}"> | 3 | <el-form ref="form" :model="form" label-width="160px" class="form"> |
4 | <Qlr ref="qlrxxModule" :bsm='bsm'></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm='bsm' :qszt="form.qszt" :type="lx"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable"> |
6 | <tbody> | 6 | <tbody> |
7 | <tr height="30"> | 7 | <tr height="30"> |
8 | <td colspan="12" align="center" ><font size="4">户基本信息</font></td> | 8 | <th colspan="12" align="center" ><font size="4">户基本信息</font></th> |
9 | </tr> | 9 | </tr> |
10 | <tr height="30"> | 10 | <tr height="30"> |
11 | <td colspan="2" align="center" >宗地代码<i class="requisite">*</i></td> | 11 | <td colspan="2" align="center" >宗地代码<i class="requisite">*</i></td> |
... | @@ -21,7 +21,7 @@ | ... | @@ -21,7 +21,7 @@ |
21 | <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> | 21 | <td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td> |
22 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> | 22 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> |
23 | <td colspan="4" class="psr"> | 23 | <td colspan="4" class="psr"> |
24 | <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag"></el-input> | 24 | <el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag" ref="bdcdyh"></el-input> |
25 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> | 25 | <el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button> |
26 | </td> | 26 | </td> |
27 | <td colspan="2" align="center" >原不动产单元</td> | 27 | <td colspan="2" align="center" >原不动产单元</td> |
... | @@ -66,7 +66,7 @@ | ... | @@ -66,7 +66,7 @@ |
66 | <tr height="30"> | 66 | <tr height="30"> |
67 | <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> | 67 | <td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td> |
68 | <td colspan="4" > | 68 | <td colspan="4" > |
69 | <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag"> | 69 | <el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm"> |
70 | <el-option | 70 | <el-option |
71 | v-for="item in $store.state.fwlxList" | 71 | v-for="item in $store.state.fwlxList" |
72 | :key="item.bsm" | 72 | :key="item.bsm" |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | </td> | 77 | </td> |
78 | <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> | 78 | <td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td> |
79 | <td colspan="4" > | 79 | <td colspan="4" > |
80 | <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag"> | 80 | <el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm"> |
81 | <el-option | 81 | <el-option |
82 | v-for="item in $store.state.fwxzOptions" | 82 | v-for="item in $store.state.fwxzOptions" |
83 | :key="item.bsm" | 83 | :key="item.bsm" |
... | @@ -127,7 +127,7 @@ | ... | @@ -127,7 +127,7 @@ |
127 | <tr height="30"> | 127 | <tr height="30"> |
128 | <td colspan="2" align="center" >产别<i class="requisite">*</i></td> | 128 | <td colspan="2" align="center" >产别<i class="requisite">*</i></td> |
129 | <td colspan="4" > | 129 | <td colspan="4" > |
130 | <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag"> | 130 | <el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm"> |
131 | <el-option | 131 | <el-option |
132 | v-for="item in $store.state.cbOptions" | 132 | v-for="item in $store.state.cbOptions" |
133 | :key="item.bsm" | 133 | :key="item.bsm" |
... | @@ -138,7 +138,7 @@ | ... | @@ -138,7 +138,7 @@ |
138 | </td> | 138 | </td> |
139 | <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> | 139 | <td colspan="2" align="center" >产权来源<i class="requisite">*</i></td> |
140 | <td colspan="4" > | 140 | <td colspan="4" > |
141 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag"> | 141 | <el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" ref="fwcqlybsm"> |
142 | <el-option | 142 | <el-option |
143 | v-for="item in $store.state.cqlyOptions" | 143 | v-for="item in $store.state.cqlyOptions" |
144 | :key="item.bsm" | 144 | :key="item.bsm" |
... | @@ -204,11 +204,11 @@ | ... | @@ -204,11 +204,11 @@ |
204 | <tr height="30"> | 204 | <tr height="30"> |
205 | <td colspan="2" align="center" >分摊系数</td> | 205 | <td colspan="2" align="center" >分摊系数</td> |
206 | <td colspan="2" align="center" > | 206 | <td colspan="2" align="center" > |
207 | <el-input v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag"></el-input> | 207 | <input class="formInput" v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs" /> |
208 | </td> | 208 | </td> |
209 | <td colspan="2" align="center" >分摊系数</td> | 209 | <td colspan="2" align="center" >分摊系数</td> |
210 | <td colspan="2" align="center" > | 210 | <td colspan="2" align="center" > |
211 | <el-input v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag"></el-input> | 211 | <input class="formInput" v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs" /> |
212 | </td> | 212 | </td> |
213 | </tr> | 213 | </tr> |
214 | 214 | ||
... | @@ -236,6 +236,7 @@ | ... | @@ -236,6 +236,7 @@ |
236 | </td> | 236 | </td> |
237 | <td width="30" colspan="4" align="center" > | 237 | <td width="30" colspan="4" align="center" > |
238 | <el-select-tree | 238 | <el-select-tree |
239 | ref="ghyt" | ||
239 | v-if="show" | 240 | v-if="show" |
240 | :default-expand-all="defaultExpandAll" | 241 | :default-expand-all="defaultExpandAll" |
241 | @change="updateSjfyyt(item1)" | 242 | @change="updateSjfyyt(item1)" |
... | @@ -252,6 +253,7 @@ | ... | @@ -252,6 +253,7 @@ |
252 | <td width="30" colspan="1" align="center" >用途</td> | 253 | <td width="30" colspan="1" align="center" >用途</td> |
253 | <td width="30" colspan="4" align="center" > | 254 | <td width="30" colspan="4" align="center" > |
254 | <el-select-tree | 255 | <el-select-tree |
256 | ref="yt" | ||
255 | v-if="show" | 257 | v-if="show" |
256 | :default-expand-all="defaultExpandAll" | 258 | :default-expand-all="defaultExpandAll" |
257 | :multiple="multiple" | 259 | :multiple="multiple" |
... | @@ -282,9 +284,9 @@ | ... | @@ -282,9 +284,9 @@ |
282 | <span @click="deleteFwjgInfo(index)">删除</span> | 284 | <span @click="deleteFwjgInfo(index)">删除</span> |
283 | </td> | 285 | </td> |
284 | <td colspan="9" > | 286 | <td colspan="9" > |
285 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" :disabled="disableFlag"> | 287 | <el-select v-model="item1.fwjgzdbsm" ref="fwjg" placeholder="请选择" :disabled="disableFlag"> |
286 | <el-option | 288 | <el-option |
287 | v-for="item in $store.state.fwjgList" | 289 | v-for="item in $store.state.jgOptions" |
288 | :key="item.bsm" | 290 | :key="item.bsm" |
289 | :label="item.mc" | 291 | :label="item.mc" |
290 | :value="item.bsm"> | 292 | :value="item.bsm"> |
... | @@ -325,7 +327,7 @@ | ... | @@ -325,7 +327,7 @@ |
325 | <span>坐落<i class="requisite">*</i></span> | 327 | <span>坐落<i class="requisite">*</i></span> |
326 | </td> | 328 | </td> |
327 | <td colspan="10" > | 329 | <td colspan="10" > |
328 | <el-input v-model="form.zl" :disabled="disableFlag"></el-input> | 330 | <input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag" /> |
329 | </td> | 331 | </td> |
330 | </tr> | 332 | </tr> |
331 | 333 | ||
... | @@ -393,8 +395,8 @@ | ... | @@ -393,8 +395,8 @@ |
393 | </table> | 395 | </table> |
394 | </el-form> | 396 | </el-form> |
395 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | 397 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
396 | <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button> | 398 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disableFlag">保存</el-button> |
397 | <el-button type="primary" @click="onSubmit">提交</el-button> | 399 | <el-button type="primary" @click="onSubmit" :disabled="disableFlag">提交</el-button> |
398 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 400 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
399 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> | 401 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> |
400 | </div> | 402 | </div> |
... | @@ -439,6 +441,8 @@ | ... | @@ -439,6 +441,8 @@ |
439 | label: 'mc' | 441 | label: 'mc' |
440 | }, | 442 | }, |
441 | 443 | ||
444 | lx:'h', | ||
445 | hbsm:'', | ||
442 | form:{ | 446 | form:{ |
443 | bsm:'',//户标识码 | 447 | bsm:'',//户标识码 |
444 | zrzbsm:'', //自然幢标识码 | 448 | zrzbsm:'', //自然幢标识码 |
... | @@ -522,24 +526,46 @@ | ... | @@ -522,24 +526,46 @@ |
522 | fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 | 526 | fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量 |
523 | formHeight:0, | 527 | formHeight:0, |
524 | mainBoxWidth:0, | 528 | mainBoxWidth:0, |
529 | |||
530 | rules:[], | ||
531 | ftxsrules:[], | ||
525 | } | 532 | } |
526 | }, | 533 | }, |
527 | created(){ | 534 | created(){ |
528 | let bsm=this.$store.state.hbsm | 535 | let bsm=this.bsm; |
529 | // console.log(bsm,'户BSM') | 536 | |
530 | if (bsm) { | 537 | if (bsm) { |
531 | this.getHInfo(bsm); | 538 | this.getHInfo(bsm); |
532 | } | 539 | } |
533 | this.$nextTick(()=>{ | 540 | this.$nextTick(()=>{ |
534 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; | 541 | this.mainBoxWidth = this.$refs.mainBox.clientWidth; |
535 | this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320 | 542 | this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 300 |
536 | }) | 543 | }) |
537 | }, | 544 | }, |
538 | methods: { | 545 | methods: { |
546 | |||
547 | inputFtxsBlur(e){ | ||
548 | if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){ | ||
549 | e.target.style.border="" | ||
550 | }else{ | ||
551 | e.target.style.border="1px solid red"; | ||
552 | e.target.style.boxSizing = 'border-box'; | ||
553 | } | ||
554 | }, | ||
555 | |||
556 | inputBlur(e){ | ||
557 | if(e.target.value!=''){ | ||
558 | e.target.style.border="" | ||
559 | }else{ | ||
560 | e.target.style.border="1px solid red"; | ||
561 | e.target.style.boxSizing = 'border-box'; | ||
562 | } | ||
563 | }, | ||
564 | |||
539 | registerCall(){ | 565 | registerCall(){ |
540 | let data={ | 566 | let data={ |
541 | type:'h', | 567 | type:'h', |
542 | bsm:this.$store.state.hbsm | 568 | bsm:this.bsm |
543 | } | 569 | } |
544 | registerCall(data).then(res=>{ | 570 | registerCall(data).then(res=>{ |
545 | if (res.success) { | 571 | if (res.success) { |
... | @@ -598,8 +624,15 @@ | ... | @@ -598,8 +624,15 @@ |
598 | getQjHDetailByBsm(hbsm).then((res)=>{ | 624 | getQjHDetailByBsm(hbsm).then((res)=>{ |
599 | if(res.code===200){ | 625 | if(res.code===200){ |
600 | this.form = res.result; | 626 | this.form = res.result; |
601 | if(res.result.qszt !== '0'){ | 627 | this.hbsm = res.result.bsm; |
602 | this.disableFlag = true; | 628 | if(res.result.gygyqlrqk!=null){ |
629 | this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
630 | } | ||
631 | this.$refs.qlrxxModule.getQlrInfo(hbsm); | ||
632 | if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){ | ||
633 | this.disableFlag = false | ||
634 | }else { | ||
635 | this.disableFlag = true | ||
603 | } | 636 | } |
604 | if(this.form.scyclx==='0'){ | 637 | if(this.form.scyclx==='0'){ |
605 | this.$set(this.form,"ycjzmj", this.form.jzmj) | 638 | this.$set(this.form,"ycjzmj", this.form.jzmj) |
... | @@ -705,34 +738,167 @@ | ... | @@ -705,34 +738,167 @@ |
705 | }, | 738 | }, |
706 | //保存户信息 | 739 | //保存户信息 |
707 | onSave(){ | 740 | onSave(){ |
708 | this.form.bsm=this.$store.state.hbsm; | 741 | |
709 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); | 742 | if(this.form.scyclx === '0'){ |
710 | if(this.form.scyclx==='0'){ | 743 | this.ftxsrules=[ |
711 | this.form.jzmj = this.form.ycjzmj; | 744 | { |
712 | this.form.tnjzmj=this.form.yctnjzmj; | 745 | data:this.form.ycftxs, |
713 | this.form.ftjzmj=this.form.ycftjzmj; | 746 | name:'不动产单元号', |
714 | this.form.dxbfjzmj=this.form.ycdxbfjzmj; | 747 | dom:this.$refs.ycftxs, |
715 | this.form.qtjzmj=this.form.ycqtjzmj; | 748 | rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字 |
716 | this.form.ftxs=this.form.ycftxs; | 749 | }, |
717 | }else if(this.form.scyclx==='1'){ | 750 | ] |
718 | this.form.jzmj = this.form.scjzmj; | 751 | }else { |
719 | this.form.tnjzmj=this.form.sctnjzmj; | 752 | this.ftxsrules=[ |
720 | this.form.ftjzmj=this.form.scftjzmj; | 753 | { |
721 | this.form.dxbfjzmj=this.form.scdxbfjzmj; | 754 | data:this.form.scftxs, |
722 | this.form.qtjzmj=this.form.scqtjzmj; | 755 | name:'不动产单元号', |
723 | this.form.ftxs=this.form.scftxs; | 756 | dom:this.$refs.scftxs, |
757 | rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字 | ||
758 | }, | ||
759 | ] | ||
724 | } | 760 | } |
725 | updateQjH(this.form).then((res)=>{ | 761 | |
726 | if(res.code===200){ | 762 | |
727 | this.$message.success("保存成功!") | 763 | this.rules=[ |
764 | { | ||
765 | data:this.form.bdcdyh, | ||
766 | name:'不动产单元号', | ||
767 | dom:this.$refs.bdcdyh, | ||
768 | rule: /^\s*$/g, //非空 | ||
769 | }, | ||
770 | { | ||
771 | data:this.form.fwlxbsm, | ||
772 | name:'房屋类型', | ||
773 | dom:this.$refs.fwlxbsm, | ||
774 | rule: /^\s*$/g, //非空 | ||
775 | }, | ||
776 | { | ||
777 | data:this.form.fwxzbsm, | ||
778 | name:'房屋性质', | ||
779 | dom:this.$refs.fwxzbsm, | ||
780 | rule: /^\s*$/g, //非空 | ||
781 | }, | ||
782 | { | ||
783 | data:this.form.fwcbbsm, | ||
784 | name:'产别', | ||
785 | dom:this.$refs.fwcbbsm, | ||
786 | rule: /^\s*$/g, //非空 | ||
787 | }, | ||
788 | { | ||
789 | data:this.form.fwcqlybsm, | ||
790 | name:'产权来源', | ||
791 | dom:this.$refs.fwcqlybsm, | ||
792 | rule: /^\s*$/g, //非空 | ||
793 | }, | ||
794 | { | ||
795 | data:this.form.zl, | ||
796 | name:'坐落', | ||
797 | dom:this.$refs.zl, | ||
798 | rule: /^\s*$/g, //非空 | ||
799 | }, | ||
800 | ] | ||
801 | this.form.fwytList.forEach((item,index)=>{ | ||
802 | this.rules.push( | ||
803 | { | ||
804 | data:item.fwytzdbsm, | ||
805 | name:'规划用途', | ||
806 | dom:this.$refs.ghyt[index], | ||
807 | rule: /^\s*$/g, //非空 | ||
808 | }, | ||
809 | { | ||
810 | data:item.fwytzdbsm, | ||
811 | name:'用途', | ||
812 | dom:this.$refs.yt[index], | ||
813 | rule: /^\s*$/g, //非空 | ||
814 | }, | ||
815 | ) | ||
816 | }) | ||
817 | this.form.fwjgList.forEach((item,index)=>{ | ||
818 | this.rules.push( | ||
819 | { | ||
820 | data:item.fwjgzdbsm, | ||
821 | name:'房屋结构', | ||
822 | dom:this.$refs.fwjg[index], | ||
823 | rule: /^\s*$/g, //非空 | ||
824 | }, | ||
825 | ) | ||
826 | }) | ||
827 | this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList(); | ||
828 | this.$refs.qlxzModule.getRules(); | ||
829 | let flag = true; | ||
830 | |||
831 | this.rules.forEach(item=>{ | ||
832 | if(item.rule.test(item.data) || item.data == null){ | ||
833 | if(item.dom.$el){ | ||
834 | item.dom.$el.style.border = '1px solid red'; | ||
835 | item.dom.$el.style.boxSizing = 'border-box'; | ||
836 | }else{ | ||
837 | item.dom.style.border = '1px solid red'; | ||
838 | item.dom.style.boxSizing = 'border-box'; | ||
839 | } | ||
840 | flag = false; | ||
841 | return false | ||
842 | } | ||
843 | }) | ||
844 | |||
845 | let ftxsflag = true; | ||
846 | |||
847 | this.ftxsrules.forEach(item=>{ | ||
848 | console.log(item.data+":item.data") | ||
849 | console.log(item.data !=="" +":item.data !==") | ||
850 | if(item.data !=="" && item.data !==null){ | ||
851 | if(!item.rule.test(+item.data) || item.data == null){ | ||
852 | if(item.dom.$el){ | ||
853 | item.dom.$el.style.border = '1px solid red'; | ||
854 | item.dom.$el.style.boxSizing = 'border-box'; | ||
855 | }else{ | ||
856 | item.dom.style.border = '1px solid red'; | ||
857 | item.dom.style.boxSizing = 'border-box'; | ||
858 | } | ||
859 | ftxsflag = false; | ||
860 | return false | ||
861 | } | ||
862 | } | ||
863 | }) | ||
864 | |||
865 | this.$nextTick(()=> { | ||
866 | if (flag && ftxsflag && this.$refs.qlxzModule.getRulesResult()) { | ||
867 | if(this.form.scyclx==='0'){ | ||
868 | this.form.jzmj = this.form.ycjzmj; | ||
869 | this.form.tnjzmj=this.form.yctnjzmj; | ||
870 | this.form.ftjzmj=this.form.ycftjzmj; | ||
871 | this.form.dxbfjzmj=this.form.ycdxbfjzmj; | ||
872 | this.form.qtjzmj=this.form.ycqtjzmj; | ||
873 | this.form.ftxs=this.form.ycftxs; | ||
874 | }else if(this.form.scyclx==='1'){ | ||
875 | this.form.jzmj = this.form.scjzmj; | ||
876 | this.form.tnjzmj=this.form.sctnjzmj; | ||
877 | this.form.ftjzmj=this.form.scftjzmj; | ||
878 | this.form.dxbfjzmj=this.form.scdxbfjzmj; | ||
879 | this.form.qtjzmj=this.form.scqtjzmj; | ||
880 | this.form.ftxs=this.form.scftxs; | ||
881 | } | ||
882 | updateQjH(this.form).then((res)=>{ | ||
883 | if(res.code===200){ | ||
884 | this.$message.success("保存成功!") | ||
885 | }else { | ||
886 | this.$message.warning(res.message) | ||
887 | } | ||
888 | }) | ||
728 | }else { | 889 | }else { |
729 | this.$message.warning(res.message) | 890 | this.$message({ |
891 | // message: item.name+'不能为空', | ||
892 | message: '表单数据有误', | ||
893 | type: "warning", | ||
894 | }); | ||
730 | } | 895 | } |
731 | }) | 896 | }) |
897 | |||
732 | }, | 898 | }, |
733 | onSubmit(){ | 899 | onSubmit(){ |
734 | let data={ | 900 | let data={ |
735 | glbsm:this.$store.state.hbsm, | 901 | glbsm:this.bsm, |
736 | status:1, | 902 | status:1, |
737 | type:"h" | 903 | type:"h" |
738 | } | 904 | } |
... | @@ -850,6 +1016,71 @@ | ... | @@ -850,6 +1016,71 @@ |
850 | }) | 1016 | }) |
851 | } | 1017 | } |
852 | }, | 1018 | }, |
1019 | |||
1020 | "form.bdcdyh":function (val) { | ||
1021 | if (val != '') { | ||
1022 | this.$refs.bdcdyh.$el.style.border = ''; | ||
1023 | } | ||
1024 | }, | ||
1025 | |||
1026 | "form.fwlxbsm":{ | ||
1027 | handler:function (val) { | ||
1028 | if (val != '') { | ||
1029 | this.$refs.fwlxbsm.$el.style.border = ''; | ||
1030 | } | ||
1031 | }, | ||
1032 | immediate:false | ||
1033 | }, | ||
1034 | |||
1035 | "form.fwxzbsm":{ | ||
1036 | handler:function (val) { | ||
1037 | if (val != '') { | ||
1038 | this.$refs.fwxzbsm.$el.style.border = ''; | ||
1039 | } | ||
1040 | }, | ||
1041 | immediate:false | ||
1042 | }, | ||
1043 | |||
1044 | "form.fwcqlybsm":{ | ||
1045 | handler:function (val) { | ||
1046 | if (val != '') { | ||
1047 | this.$refs.fwcqlybsm.$el.style.border = ''; | ||
1048 | } | ||
1049 | }, | ||
1050 | immediate:false | ||
1051 | }, | ||
1052 | |||
1053 | "form.fwcbbsm":{ | ||
1054 | handler:function (val) { | ||
1055 | if (val != '') { | ||
1056 | this.$refs.fwcbbsm.$el.style.border = ''; | ||
1057 | } | ||
1058 | }, | ||
1059 | immediate:false | ||
1060 | }, | ||
1061 | |||
1062 | "form.fwytList": { | ||
1063 | handler : function (newVal, oldVal) { | ||
1064 | newVal.forEach((item,ind)=>{ | ||
1065 | if(item.fwytzdbsm != ''){ | ||
1066 | this.$refs.ghyt[ind].$el.style.border="" | ||
1067 | this.$refs.yt[ind].$el.style.border="" | ||
1068 | } | ||
1069 | }) | ||
1070 | }, | ||
1071 | deep:true | ||
1072 | }, | ||
1073 | "form.fwjgList": { | ||
1074 | handler : function (newVal, oldVal) { | ||
1075 | newVal.forEach((item,ind)=>{ | ||
1076 | if(item.fwjgzdbsm != ''){ | ||
1077 | this.$refs.fwjg[ind].$el.style.border="" | ||
1078 | } | ||
1079 | }) | ||
1080 | }, | ||
1081 | deep:true | ||
1082 | }, | ||
1083 | |||
853 | "$store.state.sxdrType": { | 1084 | "$store.state.sxdrType": { |
854 | handler(n) { | 1085 | handler(n) { |
855 | this.$nextTick(()=>{ | 1086 | this.$nextTick(()=>{ |
... | @@ -896,6 +1127,7 @@ | ... | @@ -896,6 +1127,7 @@ |
896 | td{ | 1127 | td{ |
897 | //bgcolor:#F1F4FC; | 1128 | //bgcolor:#F1F4FC; |
898 | width:8.33%; | 1129 | width:8.33%; |
1130 | height: 36px; | ||
899 | text-align: right; | 1131 | text-align: right; |
900 | padding-right: 10px; | 1132 | padding-right: 10px; |
901 | } | 1133 | } |
... | @@ -930,6 +1162,7 @@ | ... | @@ -930,6 +1162,7 @@ |
930 | } | 1162 | } |
931 | 1163 | ||
932 | .header-button { | 1164 | .header-button { |
1165 | z-index: 3; | ||
933 | height: 50px; | 1166 | height: 50px; |
934 | position: absolute; | 1167 | position: absolute; |
935 | bottom: 0; | 1168 | bottom: 0; | ... | ... |
... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
2 | <div class="edit"> | 2 | <div class="edit"> |
3 | <div class="tab-header"> | 3 | <div class="tab-header"> |
4 | <el-row class="searchContent"> | 4 | <el-row class="searchContent"> |
5 | <el-col :span="6"> | 5 | <el-col :span="24" style="margin:0 0 10px 18px;"> |
6 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | 6 | <el-radio-group v-model="scyclx" @change="scyclxChange"> |
7 | <el-radio-button label="0">预测</el-radio-button> | 7 | <el-radio-button label="0">预测</el-radio-button> |
8 | <el-radio-button label="1">实测</el-radio-button> | 8 | <el-radio-button label="1">实测</el-radio-button> |
... | @@ -11,9 +11,6 @@ | ... | @@ -11,9 +11,6 @@ |
11 | maxlength="28" | 11 | maxlength="28" |
12 | v-model="bdcdyh" | 12 | v-model="bdcdyh" |
13 | :style="{ width: inputWidth + 'px' }" | 13 | :style="{ width: inputWidth + 'px' }" |
14 | @focus="inputFocus" | ||
15 | @blur="inputBlur" | ||
16 | @change="inputChange" | ||
17 | class="searchInput" | 14 | class="searchInput" |
18 | placeholder="输入不动产单元号或室号" | 15 | placeholder="输入不动产单元号或室号" |
19 | ><i | 16 | ><i |
... | @@ -23,8 +20,10 @@ | ... | @@ -23,8 +20,10 @@ |
23 | ></i | 20 | ></i |
24 | ></el-input> | 21 | ></el-input> |
25 | </el-col> | 22 | </el-col> |
26 | <el-col :span="18"> | 23 | </el-row> |
27 | <div class="fr"> | 24 | <el-row class="searchContent"> |
25 | <el-col :span="24"> | ||
26 | <div class="fl"> | ||
28 | <el-button class="radioBtn" label="1" border @click="create" | 27 | <el-button class="radioBtn" label="1" border @click="create" |
29 | ><i class="iconfont iconchuangjianloupan"></i>创建楼盘</el-button | 28 | ><i class="iconfont iconchuangjianloupan"></i>创建楼盘</el-button |
30 | > | 29 | > |
... | @@ -82,12 +81,17 @@ | ... | @@ -82,12 +81,17 @@ |
82 | </div> | 81 | </div> |
83 | </el-col> | 82 | </el-col> |
84 | </el-row> | 83 | </el-row> |
84 | <div class="change"> | ||
85 | <i class="iconfont iconloupanbiaoxinxi" v-show="bjztFlag" @click="bjztChange" title="详细信息"></i> | ||
86 | <i class="iconfont iconloupanbiaobianji" v-show="!bjztFlag" @click="bjztChange" title="编辑楼盘"></i> | ||
87 | </div> | ||
85 | </div> | 88 | </div> |
86 | <div | 89 | <div |
87 | class="tab-content" | 90 | class="tab-content" |
88 | ref="tabContent" | 91 | ref="tabContent" |
89 | :style="{ height: lpbContentHight + 'px' }" | 92 | :style="{ height: lpbContentHight + 'px' }" |
90 | v-loading="lpbloading" | 93 | v-loading="lpbloading" |
94 | v-if="bjztFlag" | ||
91 | > | 95 | > |
92 | <!-- 左侧树结构 --> | 96 | <!-- 左侧树结构 --> |
93 | <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'"> | 97 | <div class="lp-tree" :class="createFlag ? 'w260' : 'w0'"> |
... | @@ -222,15 +226,20 @@ | ... | @@ -222,15 +226,20 @@ |
222 | </div> | 226 | </div> |
223 | </div> | 227 | </div> |
224 | </div> | 228 | </div> |
229 | |||
230 | <xxxx v-if="!bjztFlag"></xxxx> | ||
225 | 231 | ||
226 | <!-- 右键菜单弹出框 --> | 232 | <!-- 右键菜单弹出框 --> |
227 | <el-dialog v-dialogDrag :close-on-click-modal="false" title="添加" :visible.sync="dialogVisible" width="50%" > | 233 | <el-dialog v-dialogDrag :close-on-click-modal="false" :title="taskTitle" :visible.sync="dialogVisible" width="50%" > |
228 | <!-- 根据菜单类型(menuType)和右键点击的楼盘类型(treeData.type)来区分弹框内容 --> | 234 | <!-- 根据菜单类型(menuType)和右键点击的楼盘类型(treeData.type)来区分弹框内容 --> |
229 | <div class="addCh" v-show="menuType == 'ljz'"> | 235 | <div class="addCh" v-show="menuType == 'ljz'"> |
230 | <addLjz ref="ljz"></addLjz> | 236 | <addLjz ref="ljz" :ljzbsm="curBsm"></addLjz> |
231 | </div> | 237 | </div> |
232 | <div class="addCh" v-show="menuType == 'zdy'"> | 238 | <div class="addCh" v-show="menuType == 'zdy'"> |
233 | <addZdy ref="zdy"></addZdy> | 239 | <addZdy ref="zdy" :zdybsm="curBsm"></addZdy> |
240 | </div> | ||
241 | <div class="addCh" v-show="menuType == 'c'"> | ||
242 | <editCinfo ref="c" :cbsm="curBsm"></editCinfo> | ||
234 | </div> | 243 | </div> |
235 | <div class="addCh" v-show="menuType == 'ch'"> | 244 | <div class="addCh" v-show="menuType == 'ch'"> |
236 | <addCh | 245 | <addCh |
... | @@ -266,8 +275,10 @@ import LineTree from "@components/lineTree/lineTree"; | ... | @@ -266,8 +275,10 @@ import LineTree from "@components/lineTree/lineTree"; |
266 | import addLjz from "./ljz/index"; | 275 | import addLjz from "./ljz/index"; |
267 | import addZdy from "./zdy/index"; | 276 | import addZdy from "./zdy/index"; |
268 | import addCh from "./ch/index"; | 277 | import addCh from "./ch/index"; |
278 | import editCinfo from "./c/index"; | ||
269 | import lpbContent from "./lpbContent/index"; | 279 | import lpbContent from "./lpbContent/index"; |
270 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; | 280 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; |
281 | import xxxx from '../xxxx/index' | ||
271 | 282 | ||
272 | export default { | 283 | export default { |
273 | name: "", | 284 | name: "", |
... | @@ -281,6 +292,8 @@ export default { | ... | @@ -281,6 +292,8 @@ export default { |
281 | PlSh, | 292 | PlSh, |
282 | PlH, | 293 | PlH, |
283 | PlZl, | 294 | PlZl, |
295 | xxxx, | ||
296 | editCinfo | ||
284 | }, | 297 | }, |
285 | props: {}, | 298 | props: {}, |
286 | data() { | 299 | data() { |
... | @@ -300,7 +313,7 @@ export default { | ... | @@ -300,7 +313,7 @@ export default { |
300 | pd: [], //创建楼盘的树结构数据 | 313 | pd: [], //创建楼盘的树结构数据 |
301 | menuType: "", | 314 | menuType: "", |
302 | treeData: {}, | 315 | treeData: {}, |
303 | inputWidth: 74, | 316 | inputWidth: 200, |
304 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 | 317 | selectedZt: "dyzt", //图例选中项,默认选中单元状态 |
305 | dyztList: [ | 318 | dyztList: [ |
306 | { | 319 | { |
... | @@ -367,6 +380,10 @@ export default { | ... | @@ -367,6 +380,10 @@ export default { |
367 | dyztBsmList: {}, //单元状态bsmList | 380 | dyztBsmList: {}, //单元状态bsmList |
368 | cbsmList:[], // 层bsmlist | 381 | cbsmList:[], // 层bsmlist |
369 | lpbloading:true, | 382 | lpbloading:true, |
383 | bjztFlag:true, | ||
384 | taskTitle:'添加', | ||
385 | curBsm:'', | ||
386 | qsztList:[], | ||
370 | }; | 387 | }; |
371 | }, | 388 | }, |
372 | created() { | 389 | created() { |
... | @@ -390,12 +407,20 @@ export default { | ... | @@ -390,12 +407,20 @@ export default { |
390 | if (this.bsms.length <= 0) { | 407 | if (this.bsms.length <= 0) { |
391 | Message.warning("请选择操作户") | 408 | Message.warning("请选择操作户") |
392 | return | 409 | return |
393 | } | 410 | }else{ |
394 | batchCommit(this.bsms).then(res=>{ | 411 | if (this.qsztList.indexOf('1') > -1) { |
395 | if (res.success) { | 412 | Message.warning("已提交的户无法继续操作") |
396 | Message.success("提交成功") | 413 | }else{ |
397 | } | 414 | batchCommit(this.bsms).then(res=>{ |
398 | }) | 415 | if(res.code === 200){ |
416 | Message.success("提交成功"); | ||
417 | this.getlpbData(); | ||
418 | }else { | ||
419 | this.$message.error(res.message); | ||
420 | } | ||
421 | }) | ||
422 | } | ||
423 | } | ||
399 | }, | 424 | }, |
400 | loading(){ | 425 | loading(){ |
401 | this.getLpbMenuTree(this.$store.state.zrzbsm); | 426 | this.getLpbMenuTree(this.$store.state.zrzbsm); |
... | @@ -411,23 +436,28 @@ export default { | ... | @@ -411,23 +436,28 @@ export default { |
411 | if (this.bsms.length <= 0) { | 436 | if (this.bsms.length <= 0) { |
412 | Message.warning("请选择操作户") | 437 | Message.warning("请选择操作户") |
413 | return | 438 | return |
414 | } | 439 | }else{ |
415 | switch (val) { | 440 | if (this.qsztList.indexOf('1') > -1) { |
416 | case 'h': | 441 | Message.warning("已提交的户无法继续操作") |
417 | this.plhVisible=true; | 442 | }else{ |
418 | break; | 443 | switch (val) { |
419 | case 'zl': | 444 | case 'h': |
420 | this.plzlVisible=true; | 445 | this.plhVisible=true; |
421 | break; | 446 | break; |
422 | case 'sh': | 447 | case 'zl': |
423 | this.plShVisible=true; | 448 | this.plzlVisible=true; |
424 | break; | 449 | break; |
425 | default: | 450 | case 'sh': |
426 | break; | 451 | this.plShVisible=true; |
427 | } | 452 | break; |
453 | default: | ||
454 | break; | ||
455 | } | ||
456 | } | ||
457 | } | ||
428 | }, | 458 | }, |
429 | lodding(){ | 459 | lodding(){ |
430 | this.getlpbData(); | 460 | this.getlpbData(); |
431 | }, | 461 | }, |
432 | plZlClose() { | 462 | plZlClose() { |
433 | this.plzlVisible = false; | 463 | this.plzlVisible = false; |
... | @@ -441,11 +471,16 @@ export default { | ... | @@ -441,11 +471,16 @@ export default { |
441 | plshClose() { | 471 | plshClose() { |
442 | this.plShVisible = false; | 472 | this.plShVisible = false; |
443 | }, | 473 | }, |
474 | //改变编辑或详细信息状态 | ||
475 | bjztChange(){ | ||
476 | this.bjztFlag = !this.bjztFlag; | ||
477 | }, | ||
444 | //改变实预测数据类型 | 478 | //改变实预测数据类型 |
445 | scyclxChange(val){ | 479 | scyclxChange(val){ |
446 | //清空已选中层户 | 480 | //清空已选中层户 |
447 | this.cbsmList = []; | 481 | this.cbsmList = []; |
448 | this.bsms = []; | 482 | this.bsms = []; |
483 | this.qsztList = []; | ||
449 | this.$refs.lpbContent.hbsmList = []; | 484 | this.$refs.lpbContent.hbsmList = []; |
450 | this.$nextTick(()=>{ | 485 | this.$nextTick(()=>{ |
451 | //户 | 486 | //户 |
... | @@ -495,6 +530,8 @@ export default { | ... | @@ -495,6 +530,8 @@ export default { |
495 | this.resetInfo(); | 530 | this.resetInfo(); |
496 | }); | 531 | }); |
497 | this.dialogVisible = true; | 532 | this.dialogVisible = true; |
533 | this.taskTitle = '添加'; | ||
534 | this.curBsm = ''; | ||
498 | }, | 535 | }, |
499 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 | 536 | //弹框中的保存按钮,根据不同菜单点击类型调用不同子组件的保存方法 |
500 | saveInfo() { | 537 | saveInfo() { |
... | @@ -508,6 +545,9 @@ export default { | ... | @@ -508,6 +545,9 @@ export default { |
508 | case "ch": | 545 | case "ch": |
509 | this.$refs.ch.onSave(this.pd[0].bsm); | 546 | this.$refs.ch.onSave(this.pd[0].bsm); |
510 | break; | 547 | break; |
548 | case "c": | ||
549 | this.$refs.c.onSave(this.pd[0].bsm); | ||
550 | break; | ||
511 | default: | 551 | default: |
512 | break; | 552 | break; |
513 | } | 553 | } |
... | @@ -524,6 +564,9 @@ export default { | ... | @@ -524,6 +564,9 @@ export default { |
524 | case "ch": | 564 | case "ch": |
525 | this.$refs.ch.reset(); | 565 | this.$refs.ch.reset(); |
526 | break; | 566 | break; |
567 | case "c": | ||
568 | this.$refs.c.reset(); | ||
569 | break; | ||
527 | 570 | ||
528 | default: | 571 | default: |
529 | break; | 572 | break; |
... | @@ -547,18 +590,29 @@ export default { | ... | @@ -547,18 +590,29 @@ export default { |
547 | this.bsms = data; | 590 | this.bsms = data; |
548 | } | 591 | } |
549 | }, | 592 | }, |
593 | //获取选中户信息 | ||
594 | getQsztList(data, type) { | ||
595 | if (type) { | ||
596 | // 双击 | ||
597 | |||
598 | } else { | ||
599 | //单击 TO DO | ||
600 | this.qsztList = data; | ||
601 | } | ||
602 | }, | ||
550 | //获取选中层bsmlist | 603 | //获取选中层bsmlist |
551 | getCbsm(data){ | 604 | getCbsm(data){ |
552 | this.cbsmList = data; | 605 | this.cbsmList = data; |
553 | }, | 606 | }, |
554 | //不动产单元号输入框事件 | 607 | //不动产单元号输入框事件 |
555 | inputFocus() { | 608 | // inputFocus() { |
556 | this.inputWidth = 200; | 609 | // this.inputWidth = 200; |
557 | }, | 610 | // }, |
558 | inputBlur() { | 611 | // inputBlur() { |
559 | this.inputWidth = 74; | 612 | // this.inputWidth = 74; |
560 | }, | 613 | // }, |
561 | inputChange() { | 614 | inputChange() { |
615 | console.log(this.bdcdyh,'this.bdcdyh'); | ||
562 | if (this.bdcdyh != "") { | 616 | if (this.bdcdyh != "") { |
563 | // console.log("查询" + this.bdcdyh); | 617 | // console.log("查询" + this.bdcdyh); |
564 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); | 618 | this.$refs.lpbContent.lpbDataMap(this.bdcdyh); |
... | @@ -569,11 +623,13 @@ export default { | ... | @@ -569,11 +623,13 @@ export default { |
569 | }); | 623 | }); |
570 | } | 624 | } |
571 | }, | 625 | }, |
572 | //调用楼盘表信息查询接口 | 626 | //调用楼盘表信息查询和图例统计接口 |
573 | getlpbData() { | 627 | getlpbData() { |
574 | this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); | 628 | this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx); |
629 | this.getDyztBsmList(); | ||
630 | this.getLpbFwytAndQlxz(); | ||
575 | //改变楼盘表子组件的key值,重新渲染 | 631 | //改变楼盘表子组件的key值,重新渲染 |
576 | // this.time = new Date().getTime(); | 632 | this.time = new Date().getTime(); |
577 | }, | 633 | }, |
578 | //实预测装换 | 634 | //实预测装换 |
579 | plScYcChange() { | 635 | plScYcChange() { |
... | @@ -612,18 +668,23 @@ export default { | ... | @@ -612,18 +668,23 @@ export default { |
612 | }, | 668 | }, |
613 | //批量添加不动产单元号 | 669 | //批量添加不动产单元号 |
614 | addBdcdyh() { | 670 | addBdcdyh() { |
615 | // this.pd[0].bsm //自然幢标识码 | 671 | if (this.qsztList.indexOf('1') > -1) { |
616 | batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then( | 672 | Message.warning("已提交的户无法继续操作") |
617 | (res) => { | 673 | }else{ |
618 | if (res.code === 200) { | 674 | batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then( |
619 | this.$message.success("生成完成!"); | 675 | (res) => { |
620 | } else if(res.code === 206){ | 676 | if (res.code === 200) { |
621 | let hasGenerateCount = res.result.hasGenerateCount; | 677 | this.$message.success("生成完成!"); |
622 | let unGenerateCount = res.result.unGenerateCount; | 678 | } else if(res.code === 206){ |
623 | this.open(hasGenerateCount,unGenerateCount); | 679 | let hasGenerateCount = res.result.hasGenerateCount; |
680 | let unGenerateCount = res.result.unGenerateCount; | ||
681 | this.open(hasGenerateCount,unGenerateCount); | ||
682 | }else { | ||
683 | this.$message.warning(res.message) | ||
684 | } | ||
624 | } | 685 | } |
625 | } | 686 | ); |
626 | ); | 687 | } |
627 | }, | 688 | }, |
628 | 689 | ||
629 | open(hasGenerateCount,unGenerateCount) { | 690 | open(hasGenerateCount,unGenerateCount) { |
... | @@ -774,7 +835,9 @@ export default { | ... | @@ -774,7 +835,9 @@ export default { |
774 | padding: 20px 0; | 835 | padding: 20px 0; |
775 | background-color: #ffffff; | 836 | background-color: #ffffff; |
776 | margin-bottom: 15px; | 837 | margin-bottom: 15px; |
838 | position: relative; | ||
777 | .searchContent { | 839 | .searchContent { |
840 | margin-left: 62px; | ||
778 | box-sizing: border-box; | 841 | box-sizing: border-box; |
779 | padding: 0 20px; | 842 | padding: 0 20px; |
780 | /deep/.el-radio-button__inner { | 843 | /deep/.el-radio-button__inner { |
... | @@ -797,6 +860,22 @@ export default { | ... | @@ -797,6 +860,22 @@ export default { |
797 | display: inline-block; | 860 | display: inline-block; |
798 | } | 861 | } |
799 | } | 862 | } |
863 | .change{ | ||
864 | position: absolute; | ||
865 | left: 0; | ||
866 | top: 0; | ||
867 | height: 100%; | ||
868 | width: 80px; | ||
869 | border-right: 1px solid #dedede; | ||
870 | i{ | ||
871 | cursor: pointer; | ||
872 | color: #0090FF; | ||
873 | font-size: 36px; | ||
874 | display: inherit; | ||
875 | text-align: center; | ||
876 | line-height: 128px; | ||
877 | } | ||
878 | } | ||
800 | .radioBtn { | 879 | .radioBtn { |
801 | margin-left: 10px; | 880 | margin-left: 10px; |
802 | padding: 12px 10px; | 881 | padding: 12px 10px; |
... | @@ -918,7 +997,7 @@ export default { | ... | @@ -918,7 +997,7 @@ export default { |
918 | } | 997 | } |
919 | .btnGroup { | 998 | .btnGroup { |
920 | margin: 20px auto 0; | 999 | margin: 20px auto 0; |
921 | width: 230px; | 1000 | width: 260px; |
922 | } | 1001 | } |
923 | .hbjDialog{ | 1002 | .hbjDialog{ |
924 | /deep/ .el-dialog{ | 1003 | /deep/ .el-dialog{ | ... | ... |
... | @@ -21,7 +21,7 @@ | ... | @@ -21,7 +21,7 @@ |
21 | </td> | 21 | </td> |
22 | <td colspan="2" align="center">自然幢号</td> | 22 | <td colspan="2" align="center">自然幢号</td> |
23 | <td colspan="4"> | 23 | <td colspan="4"> |
24 | <el-input v-model="form.zrzh" maxlength="24"></el-input> | 24 | <el-input v-model="form.zrzh" maxlength="24" disabled></el-input> |
25 | </td> | 25 | </td> |
26 | </tr> | 26 | </tr> |
27 | <tr height="30"> | 27 | <tr height="30"> |
... | @@ -55,33 +55,33 @@ | ... | @@ -55,33 +55,33 @@ |
55 | <tr height="30"> | 55 | <tr height="30"> |
56 | <td colspan="2" align="center">预测建筑面积(㎡)</td> | 56 | <td colspan="2" align="center">预测建筑面积(㎡)</td> |
57 | <td colspan="4"> | 57 | <td colspan="4"> |
58 | <el-input v-model="form.ycjzmj"></el-input> | 58 | <el-input v-model="form.ycjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
59 | </td> | 59 | </td> |
60 | <td colspan="2" align="center">实测建筑面积(㎡)</td> | 60 | <td colspan="2" align="center">实测建筑面积(㎡)</td> |
61 | <td colspan="4"> | 61 | <td colspan="4"> |
62 | <el-input v-model="form.scjzmj"></el-input> | 62 | <el-input v-model="form.scjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
63 | </td> | 63 | </td> |
64 | </tr> | 64 | </tr> |
65 | 65 | ||
66 | <tr height="30"> | 66 | <tr height="30"> |
67 | <td colspan="2" align="center">预测地下面积(㎡)</td> | 67 | <td colspan="2" align="center">预测地下面积(㎡)</td> |
68 | <td colspan="4"> | 68 | <td colspan="4"> |
69 | <el-input v-model="form.ycdxmj"></el-input> | 69 | <el-input v-model="form.ycdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
70 | </td> | 70 | </td> |
71 | <td colspan="2" align="center">实测地下面积(㎡)</td> | 71 | <td colspan="2" align="center">实测地下面积(㎡)</td> |
72 | <td colspan="4"> | 72 | <td colspan="4"> |
73 | <el-input v-model="form.scdxmj"></el-input> | 73 | <el-input v-model="form.scdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
74 | </td> | 74 | </td> |
75 | </tr> | 75 | </tr> |
76 | 76 | ||
77 | <tr height="30"> | 77 | <tr height="30"> |
78 | <td colspan="2" align="center">预测其他面积(㎡)</td> | 78 | <td colspan="2" align="center">预测其他面积(㎡)</td> |
79 | <td colspan="4"> | 79 | <td colspan="4"> |
80 | <el-input v-model="form.ycqtmj"></el-input> | 80 | <el-input v-model="form.ycqtmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
81 | </td> | 81 | </td> |
82 | <td colspan="2" align="center">实测其他面积(㎡)</td> | 82 | <td colspan="2" align="center">实测其他面积(㎡)</td> |
83 | <td colspan="4"> | 83 | <td colspan="4"> |
84 | <el-input v-model="form.scqymj"></el-input> | 84 | <el-input v-model="form.scqymj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input> |
85 | </td> | 85 | </td> |
86 | </tr> | 86 | </tr> |
87 | 87 | ||
... | @@ -96,28 +96,25 @@ | ... | @@ -96,28 +96,25 @@ |
96 | :rowspan="ytTitleRowspan" | 96 | :rowspan="ytTitleRowspan" |
97 | align="center" | 97 | align="center" |
98 | > | 98 | > |
99 | <el-button | 99 | <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i> |
100 | type="primary" | ||
101 | size="mini" | ||
102 | style="margin-right: 10px" | ||
103 | @click="addYtInfo" | ||
104 | >添加</el-button | ||
105 | > | ||
106 | <span>用途</span> | 100 | <span>用途</span> |
107 | </td> | 101 | </td> |
108 | <td colspan="1" align="center"> | 102 | <td colspan="1" align="center"> |
109 | <span @click="deleteYtInfo(index)">删除</span> | 103 | <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i> |
110 | </td> | 104 | </td> |
111 | <td colspan="9"> | 105 | <td colspan="9"> |
112 | <el-select v-model="item1.fwytzdbsm" placeholder="请选择"> | 106 | <el-select-tree style="width:100%" |
113 | <el-option | 107 | ref="yt" |
114 | v-for="item in $store.state.tdytList" | 108 | v-if="show" |
115 | :key="item.bsm" | 109 | :default-expand-all="defaultExpandAll" |
116 | :label="item.mc" | 110 | :multiple="multiple" |
117 | :value="item.bsm" | 111 | :placeholder="placeholder" |
118 | > | 112 | :data="$store.state.fwytList" |
119 | </el-option> | 113 | :props="treeProps" |
120 | </el-select> | 114 | :check-strictly="checkStrictly" |
115 | :clearable="clearable" | ||
116 | v-model="item1.fwytzdbsm" | ||
117 | ></el-select-tree> | ||
121 | </td> | 118 | </td> |
122 | </tr> | 119 | </tr> |
123 | 120 | ||
... | @@ -132,28 +129,25 @@ | ... | @@ -132,28 +129,25 @@ |
132 | :rowspan="fwjgTitleRowspan" | 129 | :rowspan="fwjgTitleRowspan" |
133 | align="center" | 130 | align="center" |
134 | > | 131 | > |
135 | <el-button | 132 | <i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i> |
136 | type="primary" | ||
137 | size="mini" | ||
138 | style="margin-right: 10px" | ||
139 | @click="addFwjgInfo" | ||
140 | >添加</el-button | ||
141 | > | ||
142 | <span>房屋结构</span> | 133 | <span>房屋结构</span> |
143 | </td> | 134 | </td> |
144 | <td colspan="1" align="center"> | 135 | <td colspan="1" align="center"> |
145 | <span @click="deleteFwjgInfo(index)">删除</span> | 136 | <i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteFwjgInfo(index)"></i> |
146 | </td> | 137 | </td> |
147 | <td colspan="9"> | 138 | <td colspan="9"> |
148 | <el-select v-model="item1.fwjgzdbsm" placeholder="请选择"> | 139 | <el-select-tree style="width:100%" |
149 | <el-option | 140 | ref="yt" |
150 | v-for="item in $store.state.jgOptions" | 141 | v-if="show" |
151 | :key="item.bsm" | 142 | :default-expand-all="defaultExpandAll" |
152 | :label="item.mc" | 143 | :multiple="multiple" |
153 | :value="item.bsm" | 144 | :placeholder="placeholder" |
154 | > | 145 | :data="$store.state.jgOptions" |
155 | </el-option> | 146 | :props="treeProps" |
156 | </el-select> | 147 | :check-strictly="checkStrictly" |
148 | :clearable="clearable" | ||
149 | v-model="item1.fwjgzdbsm" | ||
150 | ></el-select-tree> | ||
157 | </td> | 151 | </td> |
158 | </tr> | 152 | </tr> |
159 | 153 | ||
... | @@ -192,12 +186,34 @@ | ... | @@ -192,12 +186,34 @@ |
192 | 186 | ||
193 | <script> | 187 | <script> |
194 | import { insertLjzInfo } from "@api/lpb"; | 188 | import { insertLjzInfo } from "@api/lpb"; |
189 | import { getQjLjzDetailById,updateQjLjz } from "@api/ljz"; | ||
195 | import { formdate } from "@libs/function"; | 190 | import { formdate } from "@libs/function"; |
196 | export default { | 191 | export default { |
197 | name: "ljz", | 192 | name: "ljz", |
198 | components: {}, | 193 | components: {}, |
194 | props: { | ||
195 | ljzbsm:{ | ||
196 | type: String, | ||
197 | default: '', | ||
198 | } | ||
199 | }, | ||
199 | data() { | 200 | data() { |
200 | return { | 201 | return { |
202 | |||
203 | //树型结构 | ||
204 | show:true, | ||
205 | clearable: true, | ||
206 | defaultExpandAll: true, | ||
207 | multiple: false, | ||
208 | placeholder: '请选择', | ||
209 | disabled: false, | ||
210 | checkStrictly: true, | ||
211 | treeProps: { | ||
212 | value: 'bsm', | ||
213 | children: 'children', | ||
214 | label: 'mc' | ||
215 | }, | ||
216 | |||
201 | form: { | 217 | form: { |
202 | zrzbsm: "", | 218 | zrzbsm: "", |
203 | ljzh: "", //逻辑幢号 | 219 | ljzh: "", //逻辑幢号 |
... | @@ -269,7 +285,7 @@ export default { | ... | @@ -269,7 +285,7 @@ export default { |
269 | this.form = { | 285 | this.form = { |
270 | // zrzbsm: "", | 286 | // zrzbsm: "", |
271 | ljzh: "", //逻辑幢号 | 287 | ljzh: "", //逻辑幢号 |
272 | // zrzh: "", //自然幢号 | 288 | zrzh: this.$store.state.zrzh, //自然幢号 |
273 | ljzmc: "", //逻辑幢顺序号 | 289 | ljzmc: "", //逻辑幢顺序号 |
274 | bdcdyh: "", //不动产单元号 | 290 | bdcdyh: "", //不动产单元号 |
275 | mph: "", //门牌号 | 291 | mph: "", //门牌号 |
... | @@ -299,6 +315,8 @@ export default { | ... | @@ -299,6 +315,8 @@ export default { |
299 | zcs: "", //总层数 | 315 | zcs: "", //总层数 |
300 | jzwzt: "", //建筑物状态 | 316 | jzwzt: "", //建筑物状态 |
301 | }; | 317 | }; |
318 | this.ytTitleRowspan= 1; //用途的单元格垂直合并数量 | ||
319 | this.fwjgTitleRowspan= 1; //用途的单元格垂直合并数量 | ||
302 | }, | 320 | }, |
303 | deleteFwjgInfo(index) { | 321 | deleteFwjgInfo(index) { |
304 | if (this.form.fwjgList.length <= 1) { | 322 | if (this.form.fwjgList.length <= 1) { |
... | @@ -314,24 +332,95 @@ export default { | ... | @@ -314,24 +332,95 @@ export default { |
314 | onSave(data, bsm) { | 332 | onSave(data, bsm) { |
315 | //自然幢标识码 | 333 | //自然幢标识码 |
316 | this.form.zrzbsm = bsm; | 334 | this.form.zrzbsm = bsm; |
317 | insertLjzInfo(this.form).then((res) => { | 335 | if(this.ljzbsm == ''){ |
318 | if (res.code === 200) { | 336 | insertLjzInfo(this.form).then((res) => { |
319 | this.$message.success("保存成功"); | 337 | if (res.code === 200) { |
320 | //更新树结构数据 | 338 | this.$message.success("保存成功"); |
321 | console.log(this); | 339 | //更新树结构数据 |
322 | this.$parent.$parent.getLpbMenuTree(bsm); | 340 | console.log(this); |
323 | //关闭弹框 | 341 | this.$parent.$parent.getLpbMenuTree(bsm); |
324 | this.$parent.$parent.closeDaialog(); | 342 | //关闭弹框 |
325 | } | 343 | this.$parent.$parent.closeDaialog(); |
326 | }); | 344 | }else{ |
345 | this.$message.error(res.message); | ||
346 | } | ||
347 | }); | ||
348 | }else{ | ||
349 | //逻辑幢更新接口调用 TODO | ||
350 | console.log('保存'); | ||
351 | updateQjLjz(this.form).then((res)=>{ | ||
352 | if(res.code === 200){ | ||
353 | this.$message.success("修改成功") | ||
354 | } | ||
355 | }) | ||
356 | } | ||
327 | }, | 357 | }, |
328 | onSubmit() { | 358 | onSubmit() { |
329 | console.log(this.form); | 359 | // console.log(this.form); |
330 | }, | 360 | }, |
361 | //根据逻辑幢bsm查询逻辑幢信息 | ||
362 | getLjzInfo(bsm){ | ||
363 | //逻辑幢信息查询接口调用 bsm为逻辑幢bsm | ||
364 | getQjLjzDetailById(bsm).then((res)=>{ | ||
365 | if(res.code === 200){ | ||
366 | this.form = res.result; | ||
367 | this.form.zrzh = this.$store.state.zrzh; | ||
368 | this.form.fwjgList= [ | ||
369 | { | ||
370 | fwjgzdbsm: "", //房屋结构字典标识码 | ||
371 | glbsm: "", //关联标识码 | ||
372 | sx: "", //顺序 | ||
373 | }, | ||
374 | ]; | ||
375 | this.form.ytList= [ | ||
376 | { | ||
377 | glbsm: "", //关联标识码 | ||
378 | fwytzdbsm: "", //房屋用途字典标识码 | ||
379 | sx: "", //顺序 | ||
380 | }, | ||
381 | ]; | ||
382 | if(this.form.qjfwjg.length>0){ | ||
383 | this.form.fwjgList= []; | ||
384 | for(let i =0;i<this.form.qjfwjg.length;i++){ | ||
385 | this.form.fwjgList.push({ | ||
386 | fwjgzdbsm: this.form.qjfwjg[i].fwjgzdbsm, //房屋结构字典标识码 | ||
387 | glbsm: this.form.qjfwjg[i].glbsm, //关联标识码 | ||
388 | sx: this.form.qjfwjg[i].sx, //顺序 | ||
389 | }) | ||
390 | } | ||
391 | } | ||
392 | if(this.form.qjfwyt.length>0){ | ||
393 | this.form.ytList= []; | ||
394 | for(let i =0;i<this.form.qjfwyt.length;i++){ | ||
395 | this.form.ytList.push({ | ||
396 | fwytzdbsm: this.form.qjfwyt[i].fwytzdbsm, //房屋结构字典标识码 | ||
397 | glbsm: this.form.qjfwyt[i].glbsm, //关联标识码 | ||
398 | sx: this.form.qjfwyt[i].sx, //顺序 | ||
399 | }) | ||
400 | } | ||
401 | } | ||
402 | console.log(JSON.stringify(this.form)+":this.form") | ||
403 | } | ||
404 | }) | ||
405 | this.$forceUpdate(); | ||
406 | } | ||
407 | }, | ||
408 | created() { | ||
331 | }, | 409 | }, |
332 | created() {this.form.zrzh = this.$store.state.zrzh;}, | ||
333 | mounted() { | 410 | mounted() { |
411 | this.form.zrzh = this.$store.state.zrzh; | ||
334 | }, | 412 | }, |
413 | watch:{ | ||
414 | ljzbsm: { | ||
415 | handler: function (item) { | ||
416 | console.log(item,'item'); | ||
417 | if(item!='' && this.$parent.menuType == 'ljz'){ | ||
418 | this.getLjzInfo(this.ljzbsm) | ||
419 | } | ||
420 | }, | ||
421 | immediate: true | ||
422 | }, | ||
423 | } | ||
335 | }; | 424 | }; |
336 | </script> | 425 | </script> |
337 | <style rel="stylesheet/less" lang="less" scoped> | 426 | <style rel="stylesheet/less" lang="less" scoped> | ... | ... |
... | @@ -19,14 +19,14 @@ | ... | @@ -19,14 +19,14 @@ |
19 | ref="ljz" | 19 | ref="ljz" |
20 | v-for="(ljzs, ljzIndex) in lpbData.ljzs" | 20 | v-for="(ljzs, ljzIndex) in lpbData.ljzs" |
21 | :key="ljzIndex" | 21 | :key="ljzIndex" |
22 | :style="{'marginTop':'30px'}" | 22 | :class="[{'mt30' : ljzIndex == 0},{'mt60' : ljzIndex == 1 || lpbData.ljzs.length == 1}]" |
23 | > | 23 | > |
24 | <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" --> | 24 | <!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" --> |
25 | <!-- 循环逻辑幢下的幢单元 --> | 25 | <!-- 循环逻辑幢下的幢单元 --> |
26 | <div class="ljz-zdy-wrap"> | 26 | <div class="ljz-zdy-wrap"> |
27 | <div | 27 | <div |
28 | class="ljz-zdy column-reverse" | 28 | class="ljz-zdy column-reverse" |
29 | :style="{ 'min-height': ljzzdyHeight + 40 + 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}" | 29 | :style="{ 'min-height': ljzzdyHeight+ 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}" |
30 | ref="ljzzdy" | 30 | ref="ljzzdy" |
31 | v-show="ljzs.zdys.length > 0" | 31 | v-show="ljzs.zdys.length > 0" |
32 | v-for="(zdys, zdyIndex) in ljzs.zdys" | 32 | v-for="(zdys, zdyIndex) in ljzs.zdys" |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | > | 34 | > |
35 | <!-- 幢单元名称 --> | 35 | <!-- 幢单元名称 --> |
36 | <div class="zdy-name name"> | 36 | <div class="zdy-name name"> |
37 | <p> | 37 | <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')"> |
38 | <!-- {{ zdys.zdymc }} --> | 38 | <!-- {{ zdys.zdymc }} --> |
39 | <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> | 39 | <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> |
40 | </p> | 40 | </p> |
... | @@ -56,6 +56,7 @@ | ... | @@ -56,6 +56,7 @@ |
56 | ref="cBsm" | 56 | ref="cBsm" |
57 | @contextmenu.prevent="openMenu($event, cs, 'c')" | 57 | @contextmenu.prevent="openMenu($event, cs, 'c')" |
58 | @click="handleClickC($event, cs)" | 58 | @click="handleClickC($event, cs)" |
59 | @dblclick="openZxx(cs.bsm,'c')" | ||
59 | > | 60 | > |
60 | {{ cs.sjc }}层 | 61 | {{ cs.sjc }}层 |
61 | </td> | 62 | </td> |
... | @@ -65,6 +66,7 @@ | ... | @@ -65,6 +66,7 @@ |
65 | :rowspan="hs.sjcs" | 66 | :rowspan="hs.sjcs" |
66 | :colspan="hs.sjhs" | 67 | :colspan="hs.sjhs" |
67 | :data-bsm="hs.bsm" | 68 | :data-bsm="hs.bsm" |
69 | :data-qszt="hs.qszt" | ||
68 | ref="hBsm" | 70 | ref="hBsm" |
69 | :key="hsIndex" | 71 | :key="hsIndex" |
70 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 72 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
... | @@ -117,6 +119,7 @@ | ... | @@ -117,6 +119,7 @@ |
117 | ref="cBsm" | 119 | ref="cBsm" |
118 | @contextmenu.prevent="openMenu($event, cs, 'c')" | 120 | @contextmenu.prevent="openMenu($event, cs, 'c')" |
119 | @click="handleClickC($event, cs)" | 121 | @click="handleClickC($event, cs)" |
122 | @dblclick="openZxx(cs.bsm,'c')" | ||
120 | > | 123 | > |
121 | {{ cs.sjc }}层 | 124 | {{ cs.sjc }}层 |
122 | </td> | 125 | </td> |
... | @@ -126,6 +129,7 @@ | ... | @@ -126,6 +129,7 @@ |
126 | :rowspan="hs.sjcs" | 129 | :rowspan="hs.sjcs" |
127 | :colspan="hs.sjhs" | 130 | :colspan="hs.sjhs" |
128 | :data-bsm="hs.bsm" | 131 | :data-bsm="hs.bsm" |
132 | :data-qszt="hs.qszt" | ||
129 | ref="hBsm" | 133 | ref="hBsm" |
130 | :key="hsIndex" | 134 | :key="hsIndex" |
131 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 135 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
... | @@ -153,7 +157,7 @@ | ... | @@ -153,7 +157,7 @@ |
153 | 157 | ||
154 | <!-- 逻辑幢名称 --> | 158 | <!-- 逻辑幢名称 --> |
155 | <div class="ljz-name name"> | 159 | <div class="ljz-name name"> |
156 | <p> | 160 | <p class="cp" @dblclick="openZxx(ljzs.bsm,'ljz')"> |
157 | {{ ljzs.ljzmc }} | 161 | {{ ljzs.ljzmc }} |
158 | </p> | 162 | </p> |
159 | </div> | 163 | </div> |
... | @@ -170,8 +174,7 @@ | ... | @@ -170,8 +174,7 @@ |
170 | > | 174 | > |
171 | <!-- 幢单元名称 --> | 175 | <!-- 幢单元名称 --> |
172 | <div class="zdy-name name"> | 176 | <div class="zdy-name name"> |
173 | <p> | 177 | <p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')"> |
174 | <!-- {{ zdys.zdymc }} --> | ||
175 | <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> | 178 | <el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox> |
176 | </p> | 179 | </p> |
177 | </div> | 180 | </div> |
... | @@ -190,6 +193,7 @@ | ... | @@ -190,6 +193,7 @@ |
190 | ref="cBsm" | 193 | ref="cBsm" |
191 | @contextmenu.prevent="openMenu($event, cs, 'c')" | 194 | @contextmenu.prevent="openMenu($event, cs, 'c')" |
192 | @click="handleClickC($event, cs)" | 195 | @click="handleClickC($event, cs)" |
196 | @dblclick="openZxx(cs.bsm,'c')" | ||
193 | > | 197 | > |
194 | {{ cs.sjc }}层 | 198 | {{ cs.sjc }}层 |
195 | </td> | 199 | </td> |
... | @@ -199,6 +203,7 @@ | ... | @@ -199,6 +203,7 @@ |
199 | :rowspan="hs.sjcs" | 203 | :rowspan="hs.sjcs" |
200 | :colspan="hs.sjhs" | 204 | :colspan="hs.sjhs" |
201 | :data-bsm="hs.bsm" | 205 | :data-bsm="hs.bsm" |
206 | :data-qszt="hs.qszt" | ||
202 | ref="hBsm" | 207 | ref="hBsm" |
203 | :key="hsIndex" | 208 | :key="hsIndex" |
204 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 209 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
... | @@ -244,6 +249,7 @@ | ... | @@ -244,6 +249,7 @@ |
244 | ref="cBsm" | 249 | ref="cBsm" |
245 | @contextmenu.prevent="openMenu($event, cs, 'c')" | 250 | @contextmenu.prevent="openMenu($event, cs, 'c')" |
246 | @click="handleClickC($event, cs)" | 251 | @click="handleClickC($event, cs)" |
252 | @dblclick="openZxx(cs.bsm,'c')" | ||
247 | > | 253 | > |
248 | {{ cs.sjc }}层 | 254 | {{ cs.sjc }}层 |
249 | </td> | 255 | </td> |
... | @@ -253,6 +259,7 @@ | ... | @@ -253,6 +259,7 @@ |
253 | :rowspan="hs.sjcs" | 259 | :rowspan="hs.sjcs" |
254 | :colspan="hs.sjhs" | 260 | :colspan="hs.sjhs" |
255 | :data-bsm="hs.bsm" | 261 | :data-bsm="hs.bsm" |
262 | :data-qszt="hs.qszt" | ||
256 | ref="hBsm" | 263 | ref="hBsm" |
257 | :key="hsIndex" | 264 | :key="hsIndex" |
258 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" | 265 | :class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''" |
... | @@ -425,6 +432,7 @@ export default { | ... | @@ -425,6 +432,7 @@ export default { |
425 | loading: true, | 432 | loading: true, |
426 | hbsm:'', | 433 | hbsm:'', |
427 | hbsmList: [], | 434 | hbsmList: [], |
435 | hqsztList:[], | ||
428 | cbsmList: [], | 436 | cbsmList: [], |
429 | time: null, //区分单双击事件的定时器 | 437 | time: null, //区分单双击事件的定时器 |
430 | searchNum: Math.random(), | 438 | searchNum: Math.random(), |
... | @@ -495,6 +503,9 @@ export default { | ... | @@ -495,6 +503,9 @@ export default { |
495 | if(actual){ | 503 | if(actual){ |
496 | this.lpbData = res.result == null ? this.yclpbData : res.result; | 504 | this.lpbData = res.result == null ? this.yclpbData : res.result; |
497 | } | 505 | } |
506 | if (this.lpbParent == 'isFwsxbg') { | ||
507 | this.lpbData = this.$parent.scyclx == '0' ? this.yclpbData:this.sclpbData; | ||
508 | } | ||
498 | this.$nextTick(() => { | 509 | this.$nextTick(() => { |
499 | //渲染楼盘表 | 510 | //渲染楼盘表 |
500 | this.dataChange(); | 511 | this.dataChange(); |
... | @@ -516,11 +527,17 @@ export default { | ... | @@ -516,11 +527,17 @@ export default { |
516 | }, | 527 | }, |
517 | //按照bdcdyh或shbw筛选户 | 528 | //按照bdcdyh或shbw筛选户 |
518 | lpbDataMap(sh) { | 529 | lpbDataMap(sh) { |
519 | //清除之前选中户 | ||
520 | this.clearChoosedH(); | ||
521 | this.searchNum = sh; | 530 | this.searchNum = sh; |
531 | if (this.hbsmList.length>0) { | ||
532 | //清除之前选中户 | ||
533 | this.clearChoosedH(); | ||
534 | } | ||
522 | // console.log("查询searchNum" + searchNum); | 535 | // console.log("查询searchNum" + searchNum); |
523 | }, | 536 | }, |
537 | //接收范围属性变更传入的hbsm | ||
538 | getFwsxbgHbsm(bsm){ | ||
539 | this.hbsmList.push(bsm); | ||
540 | }, | ||
524 | //自然幢下元素高度宽度计算 | 541 | //自然幢下元素高度宽度计算 |
525 | dataChange() { | 542 | dataChange() { |
526 | //计算逻辑幢宽度 20为marginRight值 | 543 | //计算逻辑幢宽度 20为marginRight值 |
... | @@ -581,10 +598,7 @@ export default { | ... | @@ -581,10 +598,7 @@ export default { |
581 | //记录最高的幢单元高度 默认为第一个幢单元高度 | 598 | //记录最高的幢单元高度 默认为第一个幢单元高度 |
582 | zrzhighest = this.$refs.ljzzdy[0].offsetHeight; | 599 | zrzhighest = this.$refs.ljzzdy[0].offsetHeight; |
583 | this.$refs.ljzzdy.forEach((item) => { | 600 | this.$refs.ljzzdy.forEach((item) => { |
584 | this.ljzcHeight = | 601 | this.ljzcHeight = item.offsetHeight > this.ljzcHeight ? item.offsetHeight : this.ljzcHeight; |
585 | item.offsetHeight > this.ljzcHeight | ||
586 | ? item.offsetHeight | ||
587 | : this.ljzcHeight; | ||
588 | zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight; | 602 | zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight; |
589 | }); | 603 | }); |
590 | //判断有无独立层户 | 604 | //判断有无独立层户 |
... | @@ -617,14 +631,16 @@ export default { | ... | @@ -617,14 +631,16 @@ export default { |
617 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 631 | // 开启延时器,200ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
618 | clearTimeout(self.time); | 632 | clearTimeout(self.time); |
619 | self.time = setTimeout(() => { | 633 | self.time = setTimeout(() => { |
634 | this.closeMenu() | ||
620 | //判断点击的户是否选中 | 635 | //判断点击的户是否选中 |
621 | if (e.className.indexOf("tdSelect") == -1) { | 636 | if (e.className.indexOf("tdSelect") == -1) { |
622 | //未选中→选中 | 637 | //未选中→选中 |
623 | e.className = "tdSelect"; //加边框 | 638 | e.className = "tdSelect"; //加边框 |
624 | this.hbsmList.push(bsm); // 将户bsm放进hbsmList | 639 | this.hbsmList.push(bsm); // 将户bsm放进hbsmList |
640 | this.hqsztList.push(hs.qszt); // 将户qszt放进hqsztList | ||
625 | switch (this.lpbParent) { | 641 | switch (this.lpbParent) { |
626 | case 'isHbfg': | 642 | case 'isHbfg': |
627 | this.fghbChoosedList.push(hs); | 643 | self.fghbChoosedList.push(hs); |
628 | break; | 644 | break; |
629 | case 'isFwsxbg': | 645 | case 'isFwsxbg': |
630 | 646 | ||
... | @@ -634,6 +650,7 @@ export default { | ... | @@ -634,6 +650,7 @@ export default { |
634 | break; | 650 | break; |
635 | case 'isLpb': | 651 | case 'isLpb': |
636 | this.$parent.getHbsm(this.hbsmList, false); | 652 | this.$parent.getHbsm(this.hbsmList, false); |
653 | this.$parent.getQsztList(this.hqsztList, false); | ||
637 | break; | 654 | break; |
638 | 655 | ||
639 | default: | 656 | default: |
... | @@ -644,7 +661,7 @@ export default { | ... | @@ -644,7 +661,7 @@ export default { |
644 | e.className = ""; | 661 | e.className = ""; |
645 | switch (this.lpbParent) { | 662 | switch (this.lpbParent) { |
646 | case 'isHbfg': | 663 | case 'isHbfg': |
647 | 664 | self.fghbChoosedList = self.fghbChoosedList.filter(i=>i!=hs) | |
648 | break; | 665 | break; |
649 | case 'isFwsxbg': | 666 | case 'isFwsxbg': |
650 | 667 | ||
... | @@ -653,7 +670,10 @@ export default { | ... | @@ -653,7 +670,10 @@ export default { |
653 | 670 | ||
654 | break; | 671 | break; |
655 | case 'isLpb': | 672 | case 'isLpb': |
673 | this.hbsmList = this.hbsmList.filter(i=>i!=bsm); | ||
674 | this.hqsztList = this.hqsztList.filter(i=>i!=hs.qszt); | ||
656 | this.$parent.getHbsm(this.hbsmList, false); | 675 | this.$parent.getHbsm(this.hbsmList, false); |
676 | this.$parent.getQsztList(this.hqsztList, false); | ||
657 | break; | 677 | break; |
658 | 678 | ||
659 | default: | 679 | default: |
... | @@ -697,6 +717,7 @@ export default { | ... | @@ -697,6 +717,7 @@ export default { |
697 | }); | 717 | }); |
698 | // 清空hbsmList | 718 | // 清空hbsmList |
699 | this.hbsmList = []; | 719 | this.hbsmList = []; |
720 | this.hqsztList = []; | ||
700 | // }); | 721 | // }); |
701 | }, | 722 | }, |
702 | //户右键点击事件 | 723 | //户右键点击事件 |
... | @@ -709,7 +730,7 @@ export default { | ... | @@ -709,7 +730,7 @@ export default { |
709 | this.rightClickFlag = this.isHb ? 'hb':'fg'; | 730 | this.rightClickFlag = this.isHb ? 'hb':'fg'; |
710 | if (this.fghbChoosedList.length>1) { | 731 | if (this.fghbChoosedList.length>1) { |
711 | //合并 | 732 | //合并 |
712 | this.lpbChVisible = true; | 733 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; |
713 | //判断选中户可以执行的合并类型 | 734 | //判断选中户可以执行的合并类型 |
714 | let chIsSame = this.fghbChoosedList.every((item)=> { | 735 | let chIsSame = this.fghbChoosedList.every((item)=> { |
715 | return item.ch == this.fghbChoosedList[0].ch; | 736 | return item.ch == this.fghbChoosedList[0].ch; |
... | @@ -728,7 +749,7 @@ export default { | ... | @@ -728,7 +749,7 @@ export default { |
728 | }) | 749 | }) |
729 | }else{ | 750 | }else{ |
730 | //分割 | 751 | //分割 |
731 | this.lpbChVisible = true; | 752 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; |
732 | this.fgData.oldbsm = item.bsm; | 753 | this.fgData.oldbsm = item.bsm; |
733 | console.log(item,'item'); | 754 | console.log(item,'item'); |
734 | //判断户的实际sjcs为1,只能水平分割 | 755 | //判断户的实际sjcs为1,只能水平分割 |
... | @@ -745,13 +766,16 @@ export default { | ... | @@ -745,13 +766,16 @@ export default { |
745 | } | 766 | } |
746 | break; | 767 | break; |
747 | case 'isFwsxbg': | 768 | case 'isFwsxbg': |
748 | console.log(item,'item'); | 769 | if (this.hbsmList[0] == item.bsm) { |
749 | this.rightClickFlag = 'fwsxbg'; | 770 | this.rightClickFlag = 'fwsxbg'; |
750 | this.lpbChVisible = true; | 771 | this.lpbChVisible = true; |
772 | }else{ | ||
773 | this.lpbChVisible = false; | ||
774 | } | ||
751 | break; | 775 | break; |
752 | case 'isCxlz': | 776 | case 'isCxlz': |
753 | this.rightClickFlag = 'cxlz'; | 777 | this.rightClickFlag = 'cxlz'; |
754 | this.lpbChVisible = true; | 778 | this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false; |
755 | break; | 779 | break; |
756 | case 'isLpb': | 780 | case 'isLpb': |
757 | this.rightClickFlag = type; | 781 | this.rightClickFlag = type; |
... | @@ -776,7 +800,7 @@ export default { | ... | @@ -776,7 +800,7 @@ export default { |
776 | if (e.target.className.indexOf("tdSelect") == -1) { | 800 | if (e.target.className.indexOf("tdSelect") == -1) { |
777 | //未选中→选中 | 801 | //未选中→选中 |
778 | e.target.className += " tdSelect"; //加边框 | 802 | e.target.className += " tdSelect"; //加边框 |
779 | this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList | 803 | this.cbsmList.push(item.bsm); |
780 | } else { | 804 | } else { |
781 | //选中→未选中 | 805 | //选中→未选中 |
782 | e.target.className = "floor"; | 806 | e.target.className = "floor"; |
... | @@ -895,6 +919,8 @@ export default { | ... | @@ -895,6 +919,8 @@ export default { |
895 | this.fghbChoosedList = []; | 919 | this.fghbChoosedList = []; |
896 | // 更新楼盘表 | 920 | // 更新楼盘表 |
897 | this.getLpb(this.zrzbsm, this.$parent.scyclx); | 921 | this.getLpb(this.zrzbsm, this.$parent.scyclx); |
922 | }else{ | ||
923 | Message.error(res.message); | ||
898 | } | 924 | } |
899 | }) | 925 | }) |
900 | .catch(() => {}); | 926 | .catch(() => {}); |
... | @@ -919,6 +945,8 @@ export default { | ... | @@ -919,6 +945,8 @@ export default { |
919 | this.fghbChoosedList = []; | 945 | this.fghbChoosedList = []; |
920 | // 更新楼盘表 | 946 | // 更新楼盘表 |
921 | this.getLpb(this.zrzbsm, this.$parent.scyclx); | 947 | this.getLpb(this.zrzbsm, this.$parent.scyclx); |
948 | }else{ | ||
949 | Message.error(res.message); | ||
922 | } | 950 | } |
923 | }) | 951 | }) |
924 | .catch(() => {}); | 952 | .catch(() => {}); |
... | @@ -952,8 +980,8 @@ export default { | ... | @@ -952,8 +980,8 @@ export default { |
952 | }, | 980 | }, |
953 | //户重新落宗 | 981 | //户重新落宗 |
954 | handleCxlz(){ | 982 | handleCxlz(){ |
955 | if (this.hbsmList.length <= 0) { | 983 | if (this.hbsmList.indexOf(this.chData.bsm) == -1) { |
956 | this.hbsmList.push(this.chData); | 984 | this.hbsmList.push(this.chData.bsm); |
957 | } | 985 | } |
958 | this.hcxlzVisible = true | 986 | this.hcxlzVisible = true |
959 | }, | 987 | }, |
... | @@ -963,32 +991,39 @@ export default { | ... | @@ -963,32 +991,39 @@ export default { |
963 | this.$refs.hBsm.forEach((item) => { | 991 | this.$refs.hBsm.forEach((item) => { |
964 | item.className = "tdSelect"; | 992 | item.className = "tdSelect"; |
965 | this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList | 993 | this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList |
994 | this.hqsztList.push(item.dataset.qszt) | ||
966 | }); | 995 | }); |
967 | }else{ | 996 | }else{ |
968 | this.$refs.hBsm.forEach((item) => { | 997 | this.$refs.hBsm.forEach((item) => { |
969 | item.className = ""; | 998 | item.className = ""; |
970 | this.hbsmList = []; | 999 | this.hbsmList = []; |
1000 | this.hqsztList = []; | ||
971 | }); | 1001 | }); |
972 | } | 1002 | } |
1003 | this.$nextTick(()=>{ | ||
1004 | this.$parent.getHbsm(this.hbsmList, false); | ||
1005 | this.$parent.getQsztList(this.hqsztList, false); | ||
1006 | }) | ||
973 | }, | 1007 | }, |
974 | //幢单元全选 | 1008 | //幢单元全选 |
975 | zdySelectAll(val,cs){ | 1009 | zdySelectAll(val,cs){ |
976 | let zdyHbsmList = []; | 1010 | let zdyHbsmList = []; |
1011 | let zdyHqsztList = []; | ||
977 | cs.forEach(i=>{ | 1012 | cs.forEach(i=>{ |
978 | i.hs.forEach(j=>{ | 1013 | i.hs.forEach(j=>{ |
979 | zdyHbsmList.push(j.bsm) | 1014 | zdyHbsmList.push(j.bsm) |
1015 | zdyHqsztList.push(j.qszt) | ||
980 | }) | 1016 | }) |
981 | }); | 1017 | }); |
982 | if (val) { | 1018 | if (val) { |
983 | this.$nextTick(()=>{ | 1019 | this.$nextTick(()=>{ |
984 | console.log(zdyHbsmList); | ||
985 | this.$refs.hBsm.forEach((item) => { | 1020 | this.$refs.hBsm.forEach((item) => { |
986 | console.log(item.dataset.bsm); | ||
987 | if (zdyHbsmList.indexOf(item.dataset.bsm)>-1) { | 1021 | if (zdyHbsmList.indexOf(item.dataset.bsm)>-1) { |
988 | item.className = "tdSelect"; | 1022 | item.className = "tdSelect"; |
989 | this.hbsmList = zdyHbsmList; // 将户bsm放进hbsmList | ||
990 | } | 1023 | } |
991 | }); | 1024 | }); |
1025 | this.hbsmList = this.hbsmList.concat(zdyHbsmList); | ||
1026 | this.hqsztList = this.hqsztList.concat(zdyHqsztList); | ||
992 | }) | 1027 | }) |
993 | }else{ | 1028 | }else{ |
994 | this.$refs.hBsm.forEach((item) => { | 1029 | this.$refs.hBsm.forEach((item) => { |
... | @@ -1001,8 +1036,25 @@ export default { | ... | @@ -1001,8 +1036,25 @@ export default { |
1001 | this.hbsmList = this.hbsmList.filter(i=>i!=j) | 1036 | this.hbsmList = this.hbsmList.filter(i=>i!=j) |
1002 | } | 1037 | } |
1003 | }) | 1038 | }) |
1039 | zdyHqsztList.forEach(j=>{ | ||
1040 | if (item.dataset.qszt == j) { | ||
1041 | this.hqsztList = this.hqsztList.filter(i=>i!=j) | ||
1042 | } | ||
1043 | }) | ||
1004 | }); | 1044 | }); |
1005 | 1045 | } | |
1046 | this.$nextTick(()=>{ | ||
1047 | this.$parent.getHbsm(this.hbsmList, false); | ||
1048 | this.$parent.getQsztList(this.hqsztList, false); | ||
1049 | }) | ||
1050 | }, | ||
1051 | //逻辑幢、幢单元、层双击 | ||
1052 | openZxx(bsm,type){ | ||
1053 | if (this.lpbParent == 'isLpb') { | ||
1054 | this.$parent.taskTitle = '编辑'; | ||
1055 | this.$parent.dialogVisible = true; | ||
1056 | this.$parent.curBsm = bsm; | ||
1057 | this.$parent.menuType = type; | ||
1006 | } | 1058 | } |
1007 | } | 1059 | } |
1008 | }, | 1060 | }, |
... | @@ -1040,7 +1092,8 @@ export default { | ... | @@ -1040,7 +1092,8 @@ export default { |
1040 | console.log(item.dataset.bsm, "item.dataset.bsm"); | 1092 | console.log(item.dataset.bsm, "item.dataset.bsm"); |
1041 | // 判断hbsmList中是否已经存在 | 1093 | // 判断hbsmList中是否已经存在 |
1042 | if (this.hbsmList.indexOf(item.dataset.bsm) == -1) { | 1094 | if (this.hbsmList.indexOf(item.dataset.bsm) == -1) { |
1043 | this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList | 1095 | this.hbsmList.push(item.dataset.bsm); |
1096 | this.hqsztList.push(item.dataset.qszt); | ||
1044 | } | 1097 | } |
1045 | } | 1098 | } |
1046 | }); | 1099 | }); |
... | @@ -1048,16 +1101,20 @@ export default { | ... | @@ -1048,16 +1101,20 @@ export default { |
1048 | }, | 1101 | }, |
1049 | //父组件中选择单元状态改变选中户的边框颜色 | 1102 | //父组件中选择单元状态改变选中户的边框颜色 |
1050 | choosedList(n) { | 1103 | choosedList(n) { |
1051 | this.$refs.hBsm.forEach((item) => { | 1104 | if (n.length>0) { |
1052 | this.choosedList.forEach((i) => { | 1105 | this.$refs.hBsm.forEach((item) => { |
1053 | if (item.dataset.bsm == i) { | 1106 | this.choosedList.forEach((i,ind) => { |
1054 | //定位到最后一个户所在位置 | 1107 | if (item.dataset.bsm == i) { |
1055 | this.$refs.lpbContent.scrollTop = item.offsetTop; | 1108 | if (ind == 0) { |
1056 | this.$refs.lpbContent.scrollLeft = item.offsetLeft; | 1109 | //定位到第一个户所在位置 |
1057 | item.style.border = '1px solid '+this.borderColor; | 1110 | this.$refs.lpbContent.scrollTop = item.offsetTop; |
1058 | } | 1111 | this.$refs.lpbContent.scrollLeft = item.offsetLeft; |
1112 | } | ||
1113 | item.style.border = '1px solid '+this.borderColor; | ||
1114 | } | ||
1115 | }); | ||
1059 | }); | 1116 | }); |
1060 | }); | 1117 | } |
1061 | }, | 1118 | }, |
1062 | lpbChVisible(value) { | 1119 | lpbChVisible(value) { |
1063 | if (value) { | 1120 | if (value) { |
... | @@ -1089,6 +1146,7 @@ export default { | ... | @@ -1089,6 +1146,7 @@ export default { |
1089 | .ljz { | 1146 | .ljz { |
1090 | // margin-bottom: 20px; | 1147 | // margin-bottom: 20px; |
1091 | display: table; | 1148 | display: table; |
1149 | margin-top: 30px; | ||
1092 | // position: relative; | 1150 | // position: relative; |
1093 | .ljz-zdy-wrap { | 1151 | .ljz-zdy-wrap { |
1094 | width: auto; | 1152 | width: auto; |
... | @@ -1136,13 +1194,16 @@ export default { | ... | @@ -1136,13 +1194,16 @@ export default { |
1136 | 1194 | ||
1137 | } | 1195 | } |
1138 | } | 1196 | } |
1197 | .mt30{ | ||
1198 | margin-top: 30px; | ||
1199 | } | ||
1200 | .mt60{ | ||
1201 | margin-top: 60px; | ||
1202 | } | ||
1139 | div:last-child { | 1203 | div:last-child { |
1140 | margin-right: 0; | 1204 | margin-right: 0; |
1141 | } | 1205 | } |
1142 | } | 1206 | } |
1143 | .bottom40 { | ||
1144 | // margin-bottom: -30px; | ||
1145 | } | ||
1146 | .zdy-wrap { | 1207 | .zdy-wrap { |
1147 | height: auto; | 1208 | height: auto; |
1148 | overflow: hidden; | 1209 | overflow: hidden; | ... | ... |
... | @@ -46,9 +46,16 @@ | ... | @@ -46,9 +46,16 @@ |
46 | <script> | 46 | <script> |
47 | 47 | ||
48 | import {insertZdyInfo} from "@api/lpb" | 48 | import {insertZdyInfo} from "@api/lpb" |
49 | import {getQjZdyDetailById,updateQjZdy} from "@api/zdy" | ||
49 | export default { | 50 | export default { |
50 | name: "index", | 51 | name: "index", |
51 | components: {}, | 52 | components: {}, |
53 | props: { | ||
54 | zdybsm:{ | ||
55 | type: String, | ||
56 | default: '', | ||
57 | } | ||
58 | }, | ||
52 | data(){ | 59 | data(){ |
53 | return{ | 60 | return{ |
54 | form:{ | 61 | form:{ |
... | @@ -86,23 +93,42 @@ | ... | @@ -86,23 +93,42 @@ |
86 | submitForm(formName,zrzbsm,ljzbsm) { | 93 | submitForm(formName,zrzbsm,ljzbsm) { |
87 | this.form.zrzbsm=zrzbsm; | 94 | this.form.zrzbsm=zrzbsm; |
88 | this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; | 95 | this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm; |
89 | this.$refs[formName].validate((valid) => { | 96 | //判断zdybsm是否为空,不为空的时候是编辑,为空的时候是新增 |
90 | if (valid) { | 97 | if (this.zdybsm == '') { |
91 | insertZdyInfo(this.form).then((res)=>{ | 98 | this.$refs[formName].validate((valid) => { |
92 | if(res.code===200){ | 99 | if (valid) { |
93 | this.$message.success("保存成功!") | 100 | insertZdyInfo(this.form).then((res)=>{ |
94 | //更新树结构数据 | 101 | if(res.code===200){ |
95 | this.$parent.$parent.getLpbMenuTree(zrzbsm); | 102 | this.$message.success("保存成功!") |
96 | //关闭弹框 | 103 | //更新树结构数据 |
97 | this.$parent.$parent.closeDaialog() | 104 | this.$parent.$parent.getLpbMenuTree(zrzbsm); |
98 | } | 105 | //关闭弹框 |
99 | return true; | 106 | this.$parent.$parent.closeDaialog() |
100 | }) | 107 | } |
101 | } else { | 108 | return true; |
102 | console.log('error submit!!'); | 109 | }) |
103 | return false; | 110 | } else { |
111 | console.log('error submit!!'); | ||
112 | return false; | ||
113 | } | ||
114 | }); | ||
115 | }else{ | ||
116 | //编辑幢单元接口 | ||
117 | updateQjZdy(this.form).then((res)=>{ | ||
118 | if(res.code === 200){ | ||
119 | this.$message.success("保存成功") | ||
120 | } | ||
121 | }) | ||
122 | } | ||
123 | }, | ||
124 | getZdyInfo(bsm){ | ||
125 | //查询幢单元信息接口 | ||
126 | getQjZdyDetailById(bsm).then((res)=>{ | ||
127 | if(res.code === 200){ | ||
128 | this.form = res.result; | ||
104 | } | 129 | } |
105 | }); | 130 | }) |
131 | |||
106 | }, | 132 | }, |
107 | reset(){ | 133 | reset(){ |
108 | this.form = { | 134 | this.form = { |
... | @@ -114,11 +140,21 @@ | ... | @@ -114,11 +140,21 @@ |
114 | bz:'', | 140 | bz:'', |
115 | } | 141 | } |
116 | } | 142 | } |
143 | }, | ||
144 | watch:{ | ||
145 | zdybsm: { | ||
146 | handler: function (item) { | ||
147 | if(item!='' && this.$parent.$parent.menuType == 'zdy'){ | ||
148 | this.getZdyInfo(item) | ||
149 | } | ||
150 | }, | ||
151 | immediate: true | ||
152 | }, | ||
117 | } | 153 | } |
118 | } | 154 | } |
119 | </script> | 155 | </script> |
120 | 156 | ||
121 | <style scoped> | 157 | <style scoped lang="less"> |
122 | /deep/.el-input__inner{ | 158 | /deep/.el-input__inner{ |
123 | width: 100%; | 159 | width: 100%; |
124 | border:0; | 160 | border:0; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="lpb"> | 2 | <div class="lpb"> |
3 | <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> | 3 | <bjlp></bjlp> |
4 | <!-- <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> | ||
4 | <el-tab-pane label="编辑楼盘" name="edit"> | 5 | <el-tab-pane label="编辑楼盘" name="edit"> |
5 | <bjlp></bjlp> | ||
6 | </el-tab-pane> | 6 | </el-tab-pane> |
7 | <el-tab-pane label="预览楼盘" name="preview"> | 7 | <el-tab-pane label="预览楼盘" name="preview"> |
8 | <yllp></yllp> | 8 | <yllp></yllp> |
... | @@ -10,17 +10,15 @@ | ... | @@ -10,17 +10,15 @@ |
10 | <el-tab-pane label="详细信息" name="detail"> | 10 | <el-tab-pane label="详细信息" name="detail"> |
11 | <xxxx></xxxx> | 11 | <xxxx></xxxx> |
12 | </el-tab-pane> | 12 | </el-tab-pane> |
13 | </el-tabs> | 13 | </el-tabs> --> |
14 | </div> | 14 | </div> |
15 | </template> | 15 | </template> |
16 | 16 | ||
17 | <script> | 17 | <script> |
18 | import bjlp from "./bjlp" | 18 | import bjlp from "./bjlp" |
19 | import yllp from "./yllp" | ||
20 | import xxxx from "./xxxx" | ||
21 | export default { | 19 | export default { |
22 | name:"", | 20 | name:"", |
23 | components:{bjlp,yllp,xxxx}, | 21 | components:{bjlp}, |
24 | props:{}, | 22 | props:{}, |
25 | data() { | 23 | data() { |
26 | return { | 24 | return { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class=""> | 2 | <div class=""> |
3 | <el-radio-group v-model="scyclx" @change="scyclxChange"> | ||
4 | <el-radio-button label="0">预测</el-radio-button> | ||
5 | <el-radio-button label="1">实测</el-radio-button> | ||
6 | </el-radio-group> | ||
7 | <el-button @click="update">更新数据</el-button> | ||
8 | <el-table | 3 | <el-table |
9 | :data="tableData" | 4 | :data="tableData" |
10 | style="width: 100%;margin-bottom: 20px;" | 5 | style="width: 100%;margin-bottom: 20px;" |
... | @@ -14,6 +9,7 @@ | ... | @@ -14,6 +9,7 @@ |
14 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> | 9 | :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> |
15 | <el-table-column | 10 | <el-table-column |
16 | prop="mc" | 11 | prop="mc" |
12 | width="200" | ||
17 | label="地址(单元名称)"> | 13 | label="地址(单元名称)"> |
18 | </el-table-column> | 14 | </el-table-column> |
19 | <el-table-column | 15 | <el-table-column |
... | @@ -73,7 +69,6 @@ export default { | ... | @@ -73,7 +69,6 @@ export default { |
73 | tableData: [], | 69 | tableData: [], |
74 | scData:[], | 70 | scData:[], |
75 | ycData:[], | 71 | ycData:[], |
76 | scyclx:'0', | ||
77 | } | 72 | } |
78 | }, | 73 | }, |
79 | created(){}, | 74 | created(){}, |
... | @@ -82,13 +77,6 @@ export default { | ... | @@ -82,13 +77,6 @@ export default { |
82 | }, | 77 | }, |
83 | methods:{ | 78 | methods:{ |
84 | 79 | ||
85 | scyclxChange(){ | ||
86 | if(this.scyclx === '0'){ | ||
87 | this.tableData = this.ycData; | ||
88 | }else { | ||
89 | this.tableData = this.scData; | ||
90 | } | ||
91 | }, | ||
92 | 80 | ||
93 | chFilter(row, column){ | 81 | chFilter(row, column){ |
94 | if(row.ch === 0){ | 82 | if(row.ch === 0){ |
... | @@ -106,26 +94,20 @@ export default { | ... | @@ -106,26 +94,20 @@ export default { |
106 | } | 94 | } |
107 | }, | 95 | }, |
108 | 96 | ||
109 | update(){ | 97 | // update(){ |
110 | this.getData(); | 98 | // this.getData(); |
111 | }, | 99 | // }, |
112 | 100 | ||
113 | getData(){ | 101 | getData(){ |
114 | let zrzbsm = this.$store.state.zrzbsm; | 102 | let zrzbsm = this.$store.state.zrzbsm; |
115 | // let scyclx = this.scyclx; | 103 | // let scyclx = this.scyclx; |
116 | getDetailInfo(zrzbsm,'0').then((res)=>{ | 104 | getDetailInfo(zrzbsm,this.$parent.scyclx).then((res)=>{ |
117 | if(res.code===200){ | 105 | if(res.code===200){ |
118 | console.log(res.result) | 106 | console.log(res.result) |
119 | this.ycData = res.result; | 107 | this.ycData = res.result; |
120 | this.tableData=this.ycData; | 108 | this.tableData=this.ycData; |
121 | } | 109 | } |
122 | }); | 110 | }); |
123 | getDetailInfo(zrzbsm,'1').then((res)=>{ | ||
124 | if(res.code===200){ | ||
125 | console.log(res.result) | ||
126 | this.scData = res.result; | ||
127 | } | ||
128 | }) | ||
129 | }, | 111 | }, |
130 | 112 | ||
131 | load(tree, treeNode, resolve) { | 113 | load(tree, treeNode, resolve) { |
... | @@ -148,8 +130,16 @@ export default { | ... | @@ -148,8 +130,16 @@ export default { |
148 | 130 | ||
149 | 131 | ||
150 | }, | 132 | }, |
151 | computed: {}, | 133 | computed: { |
152 | watch: {}, | 134 | scyclx(){ |
135 | return this.$parent.scyclx | ||
136 | } | ||
137 | }, | ||
138 | watch: { | ||
139 | scyclx(){ | ||
140 | this.getData(); | ||
141 | } | ||
142 | }, | ||
153 | } | 143 | } |
154 | </script> | 144 | </script> |
155 | <style scoped lang="less"> | 145 | <style scoped lang="less"> | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main" ref="mainBox"> | 2 | <div class="main" ref="mainBox"> |
3 | <table border="1"> | 3 | <table border="1"> |
4 | <tr> | 4 | <tr> |
5 | <td colspan="3">宗地代码</td> | 5 | <td colspan="3">宗地代码</td> |
6 | <td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td> | 6 | <td colspan="4"> |
7 | <el-input v-model="zddm " disabled></el-input> | ||
8 | </td> | ||
7 | </tr> | 9 | </tr> |
8 | <tr> | 10 | <tr> |
9 | <td colspan="3">建筑物区分所有权业主共有部分权利人</td> | 11 | <td colspan="3">建筑物区分所有权业主共有部分权利人</td> |
10 | <td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td> | 12 | <td colspan="4"> |
13 | <el-input v-model="Data.qlr" disabled></el-input> | ||
14 | </td> | ||
11 | </tr> | 15 | </tr> |
12 | </table> | 16 | </table> |
13 | <table border="1"> | 17 | <table border="1"> |
14 | <tr> | 18 | <tr> |
15 | <td> | 19 | <th> |
16 | <el-button | 20 | <el-button |
17 | type="primary" | 21 | type="primary" |
18 | class="changeBtn inAdd addMinus" | 22 | class="changeBtn inAdd addMinus" |
19 | @click="addRow" | 23 | @click="addRow" |
20 | >+</el-button | 24 | >+ |
21 | > | 25 | </el-button |
22 | </td> | 26 | > |
23 | <td>建(构)筑物编号</td> | 27 | </th> |
24 | <td>建(构)筑物数量</td> | 28 | <th>建(构)筑物编号</th> |
25 | <td>建(构)筑物面积(㎡)</td> | 29 | <th>建(构)筑物数量</th> |
26 | <td>占地面积(㎡)</td> | 30 | <th>建(构)筑物面积(㎡)</th> |
27 | <td>分摊土地面积(㎡)</td> | 31 | <th>占地面积(㎡)</th> |
28 | <td>附记</td> | 32 | <th>分摊土地面积(㎡)</th> |
33 | <th>附记</th> | ||
29 | </tr> | 34 | </tr> |
30 | <tr v-for="(item,i) in Data.list" :key="i"> | 35 | <tr v-for="(item,i) in Data.list" :key="i"> |
31 | <td> | 36 | <td> |
32 | <el-button | 37 | <el-button |
33 | type="primary" | 38 | type="primary" |
34 | class="changeBtn inMinus addMinus" | 39 | class="changeBtn inMinus addMinus" |
35 | @click="delRow(i)" | 40 | @click="delRow(i)" |
36 | >-</el-button | 41 | >- |
42 | </el-button | ||
37 | > | 43 | > |
38 | </td> | 44 | </td> |
39 | <td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td> | 45 | <td> |
40 | <td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td> | 46 | <el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号" maxlength="10"></el-input> |
41 | <td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td> | 47 | </td> |
42 | <td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td> | 48 | <td> |
43 | <td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td> | 49 | <el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d{0,9}/g)) || null" |
44 | <td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td> | 50 | placeholder="请输入建(构)筑物数量"></el-input> |
51 | </td> | ||
52 | <td> | ||
53 | <el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null" | ||
54 | placeholder="请输入建(构)筑物面积(㎡)"></el-input> | ||
55 | </td> | ||
56 | <td> | ||
57 | <el-input v-model="item.zdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null" | ||
58 | placeholder="请输入占地面积(㎡)"></el-input> | ||
59 | </td> | ||
60 | <td> | ||
61 | <el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null" | ||
62 | placeholder="请输入分摊土地面积(㎡)"></el-input> | ||
63 | </td> | ||
64 | <td> | ||
65 | <el-input v-model="item.fj" placeholder="请输入附记"></el-input> | ||
66 | </td> | ||
45 | </tr> | 67 | </tr> |
46 | <!-- <tr> | ||
47 | <td>统计</td> | ||
48 | <td>{{sumTdsyqsyqmj}}</td> | ||
49 | <td>{{sumDydytdmj}}</td> | ||
50 | <td>{{sumFttdmj}}</td> | ||
51 | <td>{{sumFttdmj}}</td> | ||
52 | <td>{{sumFttdmj}}</td> | ||
53 | <td>{{sumFttdmj}}</td> | ||
54 | </tr>--> | ||
55 | </table> | 68 | </table> |
56 | <!-- <div class="pers"> | ||
57 | <el-button @click="save" type="primary">保存</el-button> | ||
58 | </div> --> | ||
59 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | 69 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
60 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> | 70 | <el-button type="primary" class="saveBtn" @click="save">保存</el-button> |
61 | </div> | 71 | </div> |
62 | </div> | 72 | </div> |
63 | </template> | 73 | </template> |
... | @@ -85,14 +95,13 @@ | ... | @@ -85,14 +95,13 @@ |
85 | fj: '' | 95 | fj: '' |
86 | }] | 96 | }] |
87 | }, | 97 | }, |
88 | mainBoxWidth:0 | 98 | mainBoxWidth: 0 |
89 | } | 99 | } |
90 | }, | 100 | }, |
91 | 101 | ||
92 | methods: { | 102 | methods: { |
93 | getData(id) { | 103 | getData(id) { |
94 | queryYzgy(id).then(res => { | 104 | queryYzgy(id).then(res => { |
95 | console.log(res) | ||
96 | if (res.result != null) { | 105 | if (res.result != null) { |
97 | this.Data = res.result | 106 | this.Data = res.result |
98 | } | 107 | } |
... | @@ -100,12 +109,11 @@ | ... | @@ -100,12 +109,11 @@ |
100 | }, | 109 | }, |
101 | save() { | 110 | save() { |
102 | console.log(this.Data); | 111 | console.log(this.Data); |
103 | if(this.Data.list.length === 0){ | 112 | if (this.Data.list.length === 0) { |
104 | Message.info("至少填写一条建筑物信息") | 113 | Message.info("至少填写一条建筑物信息") |
105 | return | 114 | return |
106 | } | 115 | } |
107 | saveYzgy(this.Data).then(res => { | 116 | saveYzgy(this.Data).then(res => { |
108 | console.log(res) | ||
109 | if (res.success) { | 117 | if (res.success) { |
110 | Message.success("新增成功") | 118 | Message.success("新增成功") |
111 | this.getData(this.$store.state.zrzbsm) | 119 | this.getData(this.$store.state.zrzbsm) |
... | @@ -194,7 +202,9 @@ | ... | @@ -194,7 +202,9 @@ |
194 | .dzwsl { | 202 | .dzwsl { |
195 | width: 200px; | 203 | width: 200px; |
196 | } | 204 | } |
205 | |||
197 | .header-button { | 206 | .header-button { |
207 | z-index: 3; | ||
198 | height: 50px; | 208 | height: 50px; |
199 | position: fixed; | 209 | position: fixed; |
200 | bottom: 0; | 210 | bottom: 0; | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main" ref="mainBox"> | 2 | <div class="main" ref="mainBox"> |
3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt" :type="lx"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> |
6 | <tr> | 6 | <tr> |
7 | <th colspan="12">自然幢基本信息</th> | 7 | <th colspan="12">自然幢基本信息</th> |
... | @@ -10,40 +10,40 @@ | ... | @@ -10,40 +10,40 @@ |
10 | <td colspan="2" class="tdright">宗地代码</td> | 10 | <td colspan="2" class="tdright">宗地代码</td> |
11 | <td colspan="4" style="min-width:450px"> | 11 | <td colspan="4" style="min-width:450px"> |
12 | <input v-model="form.zddm" class="formInput" disabled> | 12 | <input v-model="form.zddm" class="formInput" disabled> |
13 | <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm"> | 13 | <input v-show="false" :disabled="disabled" maxlength="19" class="formInput" v-model="form.zdbsm"> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td> | 15 | <td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td> |
16 | <td colspan="4" class="psr"> | 16 | <td colspan="4" class="psr"> |
17 | <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh"> | 17 | <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="disabled" maxlength="24" v-model="form.zrzh"> |
18 | <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> | 18 | <el-button @click.prevent="generatorCode" type="warning" :disabled="disabled" class="createBtn" size="mini">生成</el-button> |
19 | </td> | 19 | </td> |
20 | </tr> | 20 | </tr> |
21 | <tr> | 21 | <tr> |
22 | <td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td> | 22 | <td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td> |
23 | <td colspan="4" > | 23 | <td colspan="4" > |
24 | <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc"> | 24 | <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="disabled" v-model="form.xmmc"> |
25 | </td> | 25 | </td> |
26 | <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> | 26 | <td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td> |
27 | <td colspan="4"> | 27 | <td colspan="4"> |
28 | <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh"> | 28 | <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="disabled" maxlength="28" v-model="form.bdcdyh"> |
29 | </td> | 29 | </td> |
30 | </tr> | 30 | </tr> |
31 | 31 | ||
32 | <tr> | 32 | <tr> |
33 | <td colspan="2" class="tdright">建筑物名称</td> | 33 | <td colspan="2" class="tdright">建筑物名称</td> |
34 | <td colspan="4" > | 34 | <td colspan="4" > |
35 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc"> | 35 | <input class="formInput" :disabled="disabled" v-model="form.jzwmc"> |
36 | </td> | 36 | </td> |
37 | <td colspan="2" class="tdright">建筑物基本用途</td> | 37 | <td colspan="2" class="tdright">建筑物基本用途</td> |
38 | <td colspan="4" > | 38 | <td colspan="4" > |
39 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt"> | 39 | <input class="formInput" :disabled="disabled" v-model="form.jzwjbyt"> |
40 | </td> | 40 | </td> |
41 | </tr> | 41 | </tr> |
42 | 42 | ||
43 | <tr> | 43 | <tr> |
44 | <td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td> | 44 | <td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td> |
45 | <td colspan="4" > | 45 | <td colspan="4" > |
46 | <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > | 46 | <el-select class="formSelect" ref="fwxz" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" > |
47 | <el-option | 47 | <el-option |
48 | v-for="item in $store.state.fwxzOptions" | 48 | v-for="item in $store.state.fwxzOptions" |
49 | :key="item.bsm" | 49 | :key="item.bsm" |
... | @@ -56,7 +56,7 @@ | ... | @@ -56,7 +56,7 @@ |
56 | <td colspan="4" > | 56 | <td colspan="4" > |
57 | <el-date-picker | 57 | <el-date-picker |
58 | style="width:100%" | 58 | style="width:100%" |
59 | :disabled="form.qszt!='0'" | 59 | :disabled="disabled" |
60 | v-model="form.jgrq" | 60 | v-model="form.jgrq" |
61 | type="date" | 61 | type="date" |
62 | placeholder="选择日期"> | 62 | placeholder="选择日期"> |
... | @@ -66,55 +66,55 @@ | ... | @@ -66,55 +66,55 @@ |
66 | <tr> | 66 | <tr> |
67 | <td colspan="2" class="tdright">地下层数</td> | 67 | <td colspan="2" class="tdright">地下层数</td> |
68 | <td colspan="4" > | 68 | <td colspan="4" > |
69 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxcs"> | 69 | <input class="formInput" :disabled="disabled" type="number" v-model="form.dxcs"> |
70 | </td> | 70 | </td> |
71 | <td colspan="2" class="tdright">地上层数</td> | 71 | <td colspan="2" class="tdright">地上层数</td> |
72 | <td colspan="4" > | 72 | <td colspan="4" > |
73 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dscs"> | 73 | <input class="formInput" :disabled="disabled" type="number" v-model="form.dscs"> |
74 | </td> | 74 | </td> |
75 | </tr> | 75 | </tr> |
76 | 76 | ||
77 | <tr> | 77 | <tr> |
78 | <td colspan="2" class="tdright">总层数</td> | 78 | <td colspan="2" class="tdright">总层数</td> |
79 | <td colspan="4" > | 79 | <td colspan="4" > |
80 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zcs"> | 80 | <input class="formInput" :disabled="disabled" type="number" v-model="form.zcs"> |
81 | </td> | 81 | </td> |
82 | <td colspan="2" class="tdright">总套数</td> | 82 | <td colspan="2" class="tdright">总套数</td> |
83 | <td colspan="4" > | 83 | <td colspan="4" > |
84 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zts"> | 84 | <input class="formInput" :disabled="disabled" type="number" v-model="form.zts"> |
85 | </td> | 85 | </td> |
86 | 86 | ||
87 | </tr> | 87 | </tr> |
88 | <tr> | 88 | <tr> |
89 | <td colspan="2" class="tdright">建筑物高度(m)</td> | 89 | <td colspan="2" class="tdright">建筑物高度(m)</td> |
90 | <td colspan="4" > | 90 | <td colspan="4" > |
91 | <input class="formInput" type="number" :disabled="form.qszt!='0'" v-model="form.jzwgd"> | 91 | <input class="formInput" type="number" :disabled="disabled" v-model="form.jzwgd"> |
92 | </td> | 92 | </td> |
93 | <td colspan="2" class="tdright">地下深度(m)</td> | 93 | <td colspan="2" class="tdright">地下深度(m)</td> |
94 | <td colspan="4" > | 94 | <td colspan="4" > |
95 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxsd"> | 95 | <input class="formInput" :disabled="disabled" type="number" v-model="form.dxsd"> |
96 | </td> | 96 | </td> |
97 | </tr> | 97 | </tr> |
98 | 98 | ||
99 | <tr> | 99 | <tr> |
100 | <td colspan="2" class="tdright">幢用地面积(㎡)</td> | 100 | <td colspan="2" class="tdright">幢用地面积(㎡)</td> |
101 | <td colspan="4" > | 101 | <td colspan="4" > |
102 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zydmj"> | 102 | <input class="formInput" :disabled="disabled" type="number" v-model="form.zydmj"> |
103 | </td> | 103 | </td> |
104 | <td colspan="2" class="tdright">幢占用地面积(㎡)</td> | 104 | <td colspan="2" class="tdright">幢占用地面积(㎡)</td> |
105 | <td colspan="4" > | 105 | <td colspan="4" > |
106 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zzdmj"> | 106 | <input class="formInput" :disabled="disabled" type="number" v-model="form.zzdmj"> |
107 | </td> | 107 | </td> |
108 | </tr> | 108 | </tr> |
109 | 109 | ||
110 | <tr> | 110 | <tr> |
111 | <td colspan="2" class="tdright">预测建筑面积(㎡)</td> | 111 | <td colspan="2" class="tdright">预测建筑面积(㎡)</td> |
112 | <td colspan="4" > | 112 | <td colspan="4" > |
113 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.ycjzmj"> | 113 | <input class="formInput" :disabled="disabled" type="number" v-model="form.ycjzmj"> |
114 | </td> | 114 | </td> |
115 | <td colspan="2" class="tdright">实测建筑面积(㎡)</td> | 115 | <td colspan="2" class="tdright">实测建筑面积(㎡)</td> |
116 | <td colspan="4" > | 116 | <td colspan="4" > |
117 | <input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.scjzmj"> | 117 | <input class="formInput" :disabled="disabled" type="number" v-model="form.scjzmj"> |
118 | </td> | 118 | </td> |
119 | </tr> | 119 | </tr> |
120 | 120 | ||
... | @@ -123,7 +123,7 @@ | ... | @@ -123,7 +123,7 @@ |
123 | <tr> | 123 | <tr> |
124 | <td colspan="2" class="tdright">产别</td> | 124 | <td colspan="2" class="tdright">产别</td> |
125 | <td colspan="4" > | 125 | <td colspan="4" > |
126 | <el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" > | 126 | <el-select v-model="form.fwcbbsm" :disabled="disabled" placeholder="请选择" > |
127 | <el-option | 127 | <el-option |
128 | v-for="item in $store.state.cbOptions" | 128 | v-for="item in $store.state.cbOptions" |
129 | :key="item.bsm" | 129 | :key="item.bsm" |
... | @@ -134,7 +134,7 @@ | ... | @@ -134,7 +134,7 @@ |
134 | </td> | 134 | </td> |
135 | <td colspan="2" class="tdright">产权来源</td> | 135 | <td colspan="2" class="tdright">产权来源</td> |
136 | <td colspan="4" > | 136 | <td colspan="4" > |
137 | <el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" > | 137 | <el-select v-model="form.fwcqlybsm" :disabled="disabled" placeholder="请选择" > |
138 | <el-option | 138 | <el-option |
139 | v-for="item in $store.state.cqlyOptions" | 139 | v-for="item in $store.state.cqlyOptions" |
140 | :key="item.bsm" | 140 | :key="item.bsm" |
... | @@ -163,7 +163,7 @@ | ... | @@ -163,7 +163,7 @@ |
163 | :default-expand-all="defaultExpandAll" | 163 | :default-expand-all="defaultExpandAll" |
164 | :multiple="multiple" | 164 | :multiple="multiple" |
165 | :placeholder="placeholder" | 165 | :placeholder="placeholder" |
166 | :disabled="form.qszt!='0'" | 166 | :disabled="disabled" |
167 | :data="$store.state.fwytList" | 167 | :data="$store.state.fwytList" |
168 | :props="treeProps" | 168 | :props="treeProps" |
169 | :check-strictly="checkStrictly" | 169 | :check-strictly="checkStrictly" |
... | @@ -179,7 +179,7 @@ | ... | @@ -179,7 +179,7 @@ |
179 | :default-expand-all="defaultExpandAll" | 179 | :default-expand-all="defaultExpandAll" |
180 | :multiple="multiple" | 180 | :multiple="multiple" |
181 | :placeholder="placeholder" | 181 | :placeholder="placeholder" |
182 | :disabled="form.qszt!='0'" | 182 | :disabled="disabled" |
183 | :data="$store.state.fwytList" | 183 | :data="$store.state.fwytList" |
184 | :props="treeProps" | 184 | :props="treeProps" |
185 | :check-strictly="checkStrictly" | 185 | :check-strictly="checkStrictly" |
... | @@ -200,7 +200,7 @@ | ... | @@ -200,7 +200,7 @@ |
200 | 200 | ||
201 | </td> | 201 | </td> |
202 | <td colspan="9" > | 202 | <td colspan="9" > |
203 | <el-select class="persent78" ref="fwjg" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > | 203 | <el-select class="persent78" ref="fwjg" :disabled="disabled" v-model="item1.fwjgzdbsm" placeholder="请选择" > |
204 | <el-option | 204 | <el-option |
205 | v-for="item in $store.state.jgOptions" | 205 | v-for="item in $store.state.jgOptions" |
206 | :key="item.bsm" | 206 | :key="item.bsm" |
... | @@ -222,7 +222,7 @@ | ... | @@ -222,7 +222,7 @@ |
222 | <span><i class="requisite">*</i>坐落</span> | 222 | <span><i class="requisite">*</i>坐落</span> |
223 | </td> | 223 | </td> |
224 | <td colspan="10" > | 224 | <td colspan="10" > |
225 | <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.zl"> | 225 | <input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="disabled" v-model="form.zl"> |
226 | </td> | 226 | </td> |
227 | </tr> | 227 | </tr> |
228 | 228 | ||
... | @@ -231,7 +231,7 @@ | ... | @@ -231,7 +231,7 @@ |
231 | <span>附加说明</span> | 231 | <span>附加说明</span> |
232 | </td> | 232 | </td> |
233 | <td colspan="10" rowspan="2" > | 233 | <td colspan="10" rowspan="2" > |
234 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.bz" type="textarea"> | 234 | <input class="formInput" :disabled="disabled" v-model="form.bz" type="textarea"> |
235 | </td> | 235 | </td> |
236 | </tr> | 236 | </tr> |
237 | <tr> | 237 | <tr> |
... | @@ -242,7 +242,7 @@ | ... | @@ -242,7 +242,7 @@ |
242 | <span>调查意见</span> | 242 | <span>调查意见</span> |
243 | </td> | 243 | </td> |
244 | <td colspan="10" > | 244 | <td colspan="10" > |
245 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dcyj"> | 245 | <input class="formInput" :disabled="disabled" v-model="form.dcyj"> |
246 | </td> | 246 | </td> |
247 | </tr> | 247 | </tr> |
248 | 248 | ||
... | @@ -251,14 +251,14 @@ | ... | @@ -251,14 +251,14 @@ |
251 | <span>审查员</span> | 251 | <span>审查员</span> |
252 | </td> | 252 | </td> |
253 | <td colspan="2" > | 253 | <td colspan="2" > |
254 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy"> | 254 | <input class="formInput" :disabled="disabled" v-model="form.scy"> |
255 | </td> | 255 | </td> |
256 | <td colspan="2" class="tdright"> | 256 | <td colspan="2" class="tdright"> |
257 | <span>审查日期</span> | 257 | <span>审查日期</span> |
258 | </td> | 258 | </td> |
259 | <td colspan="2" > | 259 | <td colspan="2" > |
260 | <el-date-picker | 260 | <el-date-picker |
261 | :disabled="form.qszt!='0'" | 261 | :disabled="disabled" |
262 | v-model="form.date" | 262 | v-model="form.date" |
263 | type="date" | 263 | type="date" |
264 | style="width: 100%" | 264 | style="width: 100%" |
... | @@ -269,8 +269,8 @@ | ... | @@ -269,8 +269,8 @@ |
269 | 269 | ||
270 | </table> | 270 | </table> |
271 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> | 271 | <div class="header-button" :style="{width:mainBoxWidth+'px'}"> |
272 | <el-button type="primary" class="saveBtn" @click="onSave">保存</el-button> | 272 | <el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button> |
273 | <el-button type="primary" @click="onSubmit">提交</el-button> | 273 | <el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button> |
274 | <el-button type="primary" @click="registerCall">登记调用</el-button> | 274 | <el-button type="primary" @click="registerCall">登记调用</el-button> |
275 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> | 275 | <!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> --> |
276 | </div> | 276 | </div> |
... | @@ -553,6 +553,7 @@ | ... | @@ -553,6 +553,7 @@ |
553 | saveZrzInfo(this.form).then((res)=>{ | 553 | saveZrzInfo(this.form).then((res)=>{ |
554 | if(res.code===200){ | 554 | if(res.code===200){ |
555 | this.$message.success("保存完成!") | 555 | this.$message.success("保存完成!") |
556 | this.getZrzDetailByBsm(this.$route.query.bsm) | ||
556 | }else { | 557 | }else { |
557 | this.$message({ | 558 | this.$message({ |
558 | message: res.message, | 559 | message: res.message, |
... | @@ -598,7 +599,11 @@ | ... | @@ -598,7 +599,11 @@ |
598 | submit(data).then((res)=>{ | 599 | submit(data).then((res)=>{ |
599 | if(res.code===200){ | 600 | if(res.code===200){ |
600 | this.$message.success("提交完成!"); | 601 | this.$message.success("提交完成!"); |
601 | this.getZrzDetailByBsm(this.$route.query.bsm) | 602 | this.getZrzDetailByBsm(this.$route.query.bsm); |
603 | this.$store.state.oldZdbsm = ''; | ||
604 | this.getTreeByBsm(this.$route.query.bsm,'zrz','0,1,2') | ||
605 | }else{ | ||
606 | this.$message.error(res.message); | ||
602 | } | 607 | } |
603 | }) | 608 | }) |
604 | }, | 609 | }, |
... | @@ -655,10 +660,18 @@ | ... | @@ -655,10 +660,18 @@ |
655 | getZrzDetailByBsm(data).then((res)=>{ | 660 | getZrzDetailByBsm(data).then((res)=>{ |
656 | if(res.code===200){ | 661 | if(res.code===200){ |
657 | this.form=res.result; | 662 | this.form=res.result; |
663 | if(res.result.gygyqlrqk!=null){ | ||
664 | this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk); | ||
665 | } | ||
658 | // //如果没有宗地代码,自动生成 | 666 | // //如果没有宗地代码,自动生成 |
659 | // if(res.result.zddm == null){ | 667 | // if(res.result.zddm == null){ |
660 | // this.generatorCode() | 668 | // this.generatorCode() |
661 | // } | 669 | // } |
670 | if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){ | ||
671 | this.disabled = false | ||
672 | }else { | ||
673 | this.disabled = true | ||
674 | } | ||
662 | this.$store.state.zrzh = res.result.zrzh; | 675 | this.$store.state.zrzh = res.result.zrzh; |
663 | if(this.form.fwjgList.length===0){ | 676 | if(this.form.fwjgList.length===0){ |
664 | this.form.fwjgList.push({ | 677 | this.form.fwjgList.push({ |
... | @@ -865,6 +878,7 @@ | ... | @@ -865,6 +878,7 @@ |
865 | } | 878 | } |
866 | } | 879 | } |
867 | .header-button { | 880 | .header-button { |
881 | z-index: 3; | ||
868 | height: 50px; | 882 | height: 50px; |
869 | position: fixed; | 883 | position: fixed; |
870 | bottom: 0; | 884 | bottom: 0; | ... | ... |
... | @@ -5,6 +5,7 @@ let Timestamp = new Date().getTime(); | ... | @@ -5,6 +5,7 @@ let Timestamp = new Date().getTime(); |
5 | function resolve(dir) { | 5 | function resolve(dir) { |
6 | return path.join(__dirname, dir) | 6 | return path.join(__dirname, dir) |
7 | } | 7 | } |
8 | const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); | ||
8 | 9 | ||
9 | module.exports = { | 10 | module.exports = { |
10 | publicPath: './', | 11 | publicPath: './', |
... | @@ -19,6 +20,7 @@ module.exports = { | ... | @@ -19,6 +20,7 @@ module.exports = { |
19 | .set('@libs', resolve('src/libs')) | 20 | .set('@libs', resolve('src/libs')) |
20 | .set('@router', resolve('src/router')) | 21 | .set('@router', resolve('src/router')) |
21 | .set('@components', resolve('src/components')) | 22 | .set('@components', resolve('src/components')) |
23 | .set('@assets', resolve('src/assets')) | ||
22 | }, | 24 | }, |
23 | pluginOptions: { | 25 | pluginOptions: { |
24 | 'style-resources-loader': { | 26 | 'style-resources-loader': { |
... | @@ -31,8 +33,17 @@ module.exports = { | ... | @@ -31,8 +33,17 @@ module.exports = { |
31 | filename: `js/[name].${Timestamp}.js`, | 33 | filename: `js/[name].${Timestamp}.js`, |
32 | chunkFilename: `js/[name].${Timestamp}.js` | 34 | chunkFilename: `js/[name].${Timestamp}.js` |
33 | }, | 35 | }, |
34 | // plugins: [ | 36 | plugins: [ |
35 | 37 | // 去除console和debugger | |
38 | // new UglifyJsPlugin({ | ||
39 | // uglifyOptions: { | ||
40 | // compress: { | ||
41 | // drop_console: true, | ||
42 | // drop_debugger: true, | ||
43 | // }, | ||
44 | // }, | ||
45 | // parallel: true, | ||
46 | // }), | ||
36 | // new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例 | 47 | // new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例 |
37 | // onEnd: { | 48 | // onEnd: { |
38 | // mkdir: ['./zip','./dist'], //初始化生产zip和dist文件夹 | 49 | // mkdir: ['./zip','./dist'], //初始化生产zip和dist文件夹 |
... | @@ -41,16 +52,20 @@ module.exports = { | ... | @@ -41,16 +52,20 @@ module.exports = { |
41 | // ] | 52 | // ] |
42 | // } | 53 | // } |
43 | // }) | 54 | // }) |
44 | // ] | 55 | ] |
45 | }, | 56 | }, |
46 | devServer: { | 57 | devServer: { |
58 | host: "192.168.2.61", | ||
47 | host: "0.0.0.0", | 59 | host: "0.0.0.0", |
48 | port: 8006, | 60 | port: 8008, |
49 | https: false, | 61 | https: false, |
50 | hotOnly: false, | 62 | hotOnly: false, |
51 | proxy: { | 63 | proxy: { |
52 | "/api": { | 64 | "/api": { |
53 | target: process.env.VUE_APP_api3, | 65 | // target: 'https://192.168.2.119:8006', //泽平 |
66 | // target: process.env.VUE_APP_api1, //本地 | ||
67 | target: process.env.VUE_APP_api, //赵千 | ||
68 | // target: process.env.VUE_APP_api4, //赵千 | ||
54 | changeOrigin: true, | 69 | changeOrigin: true, |
55 | pathRewrite: { | 70 | pathRewrite: { |
56 | "^/api": "/", | 71 | "^/api": "/", | ... | ... |
-
Please register or sign in to post a comment