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