户分割合并下的楼盘表更新楼盘表和图例数据
Showing
1 changed file
with
98 additions
and
1 deletions
| ... | @@ -84,7 +84,7 @@ | ... | @@ -84,7 +84,7 @@ |
| 84 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }"> | 84 | <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }"> |
| 85 | <!-- 楼盘表主体 --> | 85 | <!-- 楼盘表主体 --> |
| 86 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> | 86 | <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> |
| 87 | <lpbContent ref="lpbContent"></lpbContent> | 87 | <lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true></lpbContent> |
| 88 | </div> | 88 | </div> |
| 89 | <!-- 右侧图例 --> | 89 | <!-- 右侧图例 --> |
| 90 | <div class="lp-legend"> | 90 | <div class="lp-legend"> |
| ... | @@ -211,6 +211,7 @@ | ... | @@ -211,6 +211,7 @@ |
| 211 | 211 | ||
| 212 | <script> | 212 | <script> |
| 213 | import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index"; | 213 | import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index"; |
| 214 | import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb"; | ||
| 214 | export default { | 215 | export default { |
| 215 | name:"", | 216 | name:"", |
| 216 | components:{lpbContent}, | 217 | components:{lpbContent}, |
| ... | @@ -312,6 +313,7 @@ export default { | ... | @@ -312,6 +313,7 @@ export default { |
| 312 | xmmc:'测试自然幢', | 313 | xmmc:'测试自然幢', |
| 313 | bdcqzh:'A12111111111111111', | 314 | bdcqzh:'A12111111111111111', |
| 314 | dylx:'zrz', | 315 | dylx:'zrz', |
| 316 | zrzbsm:'18cea8b4438ebf838ac86f4ceff90a6b' | ||
| 315 | } | 317 | } |
| 316 | ] | 318 | ] |
| 317 | }, | 319 | }, |
| ... | @@ -329,6 +331,7 @@ export default { | ... | @@ -329,6 +331,7 @@ export default { |
| 329 | //办理 | 331 | //办理 |
| 330 | handleClick(row){ | 332 | handleClick(row){ |
| 331 | this.isSearch = false; | 333 | this.isSearch = false; |
| 334 | this.zrzbsm = row.zrzbsm; | ||
| 332 | }, | 335 | }, |
| 333 | //分页 | 336 | //分页 |
| 334 | handleCurrentChange(val) { | 337 | handleCurrentChange(val) { |
| ... | @@ -363,6 +366,89 @@ export default { | ... | @@ -363,6 +366,89 @@ export default { |
| 363 | legendToggle() { | 366 | legendToggle() { |
| 364 | this.legendToggleFlag = !this.legendToggleFlag; | 367 | this.legendToggleFlag = !this.legendToggleFlag; |
| 365 | }, | 368 | }, |
| 369 | //获取各项单元状态统计数据 | ||
| 370 | getDyztBsmList() { | ||
| 371 | let data = { | ||
| 372 | zrzbsm: this.$store.state.zrzbsm, | ||
| 373 | scyclx: this.scyclx, | ||
| 374 | }; | ||
| 375 | getLpbTj(data).then((res) => { | ||
| 376 | if (res.code === 200) { | ||
| 377 | this.dyztList = res.result; | ||
| 378 | this.dyztList.splice(1,0,this.dyztList[8]); | ||
| 379 | this.dyztList.pop(); | ||
| 380 | this.dyztList.forEach(item=>{ | ||
| 381 | item.ts = item.bsms.length; | ||
| 382 | switch (item.name) { | ||
| 383 | case 'Qqzt': | ||
| 384 | item.color = "#6EDEE1"; | ||
| 385 | item.name = "已确权" | ||
| 386 | break; | ||
| 387 | case 'Wqqzt': | ||
| 388 | item.color = "#83AAFE"; | ||
| 389 | item.name = "未确权" | ||
| 390 | break; | ||
| 391 | case 'Bazt': | ||
| 392 | item.color = "#8ADC88"; | ||
| 393 | item.name = "已备案" | ||
| 394 | break; | ||
| 395 | case 'Ydyzt': | ||
| 396 | item.color = "#F2AD67"; | ||
| 397 | item.name = "预抵押" | ||
| 398 | break; | ||
| 399 | case 'Zjgcdyzt': | ||
| 400 | item.color = "#F191C8"; | ||
| 401 | item.name = "在建抵押" | ||
| 402 | break; | ||
| 403 | case 'Dyzt': | ||
| 404 | item.color = "#FF8282"; | ||
| 405 | item.name = "抵押" | ||
| 406 | break; | ||
| 407 | case 'Cfzt': | ||
| 408 | item.color = "#D7CECF"; | ||
| 409 | item.name = "查封" | ||
| 410 | break; | ||
| 411 | case 'Yyzt': | ||
| 412 | item.color = "#D4A3EB"; | ||
| 413 | item.name = "异议" | ||
| 414 | break; | ||
| 415 | case 'Xzzt': | ||
| 416 | item.color = "#A5A3FB"; | ||
| 417 | item.name = "限制" | ||
| 418 | break; | ||
| 419 | default: | ||
| 420 | break; | ||
| 421 | } | ||
| 422 | }) | ||
| 423 | } | ||
| 424 | }); | ||
| 425 | }, | ||
| 426 | // 获取房屋用途和房屋性质统计数据 | ||
| 427 | getLpbFwytAndQlxz(){ | ||
| 428 | let data = { | ||
| 429 | zrzbsm: this.$store.state.zrzbsm, | ||
| 430 | scyclx: this.scyclx, | ||
| 431 | }; | ||
| 432 | getLpbFwytAndQlxz(data).then((res) => { | ||
| 433 | if (res.code === 200) { | ||
| 434 | // this.fwytList = res.result | ||
| 435 | this.fwytList = res.result.fwyt; | ||
| 436 | this.fwxzList = res.result.qlxz; | ||
| 437 | if(this.fwytList.length>0){ | ||
| 438 | this.fwytList.forEach(item=>{ | ||
| 439 | item.color = "#2591FD"; | ||
| 440 | item.ts = item.bsms.length | ||
| 441 | }) | ||
| 442 | } | ||
| 443 | if(this.fwxzList.length>0){ | ||
| 444 | this.fwxzList.forEach(item=>{ | ||
| 445 | item.color = "#2591FD"; | ||
| 446 | item.ts = item.bsms.length | ||
| 447 | }) | ||
| 448 | } | ||
| 449 | } | ||
| 450 | }); | ||
| 451 | } | ||
| 366 | }, | 452 | }, |
| 367 | computed: {}, | 453 | computed: {}, |
| 368 | watch: { | 454 | watch: { |
| ... | @@ -374,6 +460,17 @@ export default { | ... | @@ -374,6 +460,17 @@ export default { |
| 374 | this.lpbContentwidth += 204; | 460 | this.lpbContentwidth += 204; |
| 375 | } | 461 | } |
| 376 | }, | 462 | }, |
| 463 | //选择自然幢展示楼盘表后,查询右侧图例数据 | ||
| 464 | isSearch(n){ | ||
| 465 | if (!n) { | ||
| 466 | this.getDyztBsmList(); | ||
| 467 | this.getLpbFwytAndQlxz(); | ||
| 468 | } | ||
| 469 | }, | ||
| 470 | //改变syclx,更新楼盘表数据 | ||
| 471 | scyclx(n){ | ||
| 472 | this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData | ||
| 473 | } | ||
| 377 | }, | 474 | }, |
| 378 | } | 475 | } |
| 379 | </script> | 476 | </script> | ... | ... |
-
Please register or sign in to post a comment