户分割合并下的楼盘表更新楼盘表和图例数据
Showing
1 changed file
with
99 additions
and
2 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: { |
... | @@ -373,7 +459,18 @@ export default { | ... | @@ -373,7 +459,18 @@ export default { |
373 | } else { | 459 | } else { |
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