户分割合并下的楼盘表更新楼盘表和图例数据

@@ -84,7 +84,7 @@
         <div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }">
           <!-- 楼盘表主体 -->
           <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
-            <lpbContent ref="lpbContent"></lpbContent>
+            <lpbContent ref="lpbContent" :zrzbsm='zrzbsm' :isHbfg = true></lpbContent>
           </div>
           <!-- 右侧图例 -->
           <div class="lp-legend">
@@ -211,6 +211,7 @@
 
 <script>
 import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index";
+import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
 export default {
   name:"",
   components:{lpbContent},
@@ -312,6 +313,7 @@ export default {
           xmmc:'测试自然幢',
           bdcqzh:'A12111111111111111',
           dylx:'zrz',
+          zrzbsm:'18cea8b4438ebf838ac86f4ceff90a6b'
         }
       ]
     },
@@ -329,6 +331,7 @@ export default {
     //办理
     handleClick(row){
       this.isSearch = false;
+      this.zrzbsm = row.zrzbsm;
     },
     //分页
     handleCurrentChange(val) {
@@ -363,6 +366,89 @@ export default {
 		legendToggle() {
 			this.legendToggleFlag = !this.legendToggleFlag;
 		},
+		//获取各项单元状态统计数据
+		getDyztBsmList() {
+			let data = {
+				zrzbsm: this.$store.state.zrzbsm,
+				scyclx: this.scyclx,
+			};
+			getLpbTj(data).then((res) => {
+				if (res.code === 200) {
+					this.dyztList = res.result;
+					this.dyztList.splice(1,0,this.dyztList[8]);
+					this.dyztList.pop();
+					this.dyztList.forEach(item=>{
+						item.ts = item.bsms.length;
+							switch (item.name) {
+								case 'Qqzt':
+									item.color = "#6EDEE1";
+									item.name = "已确权"
+									break;
+								case 'Wqqzt':
+									item.color = "#83AAFE";
+									item.name = "未确权"
+									break;
+								case 'Bazt':
+									item.color = "#8ADC88";
+									item.name = "已备案"
+									break;
+								case 'Ydyzt':
+									item.color = "#F2AD67";
+									item.name = "预抵押"
+									break;
+								case 'Zjgcdyzt':
+									item.color = "#F191C8";
+									item.name = "在建抵押"
+									break;
+								case 'Dyzt':
+									item.color = "#FF8282";
+									item.name = "抵押"
+									break;
+								case 'Cfzt':
+									item.color = "#D7CECF";
+									item.name = "查封"
+									break;
+								case 'Yyzt':
+									item.color = "#D4A3EB";
+									item.name = "异议"
+									break;
+								case 'Xzzt':
+									item.color = "#A5A3FB";
+									item.name = "限制"
+									break;
+								default:
+									break;
+							}
+					})
+				}
+			});
+		},
+		// 获取房屋用途和房屋性质统计数据
+		getLpbFwytAndQlxz(){
+			let data = {
+				zrzbsm: this.$store.state.zrzbsm,
+				scyclx: this.scyclx,
+			};
+			getLpbFwytAndQlxz(data).then((res) => {
+				if (res.code === 200) {
+					// this.fwytList = res.result
+					this.fwytList = res.result.fwyt;
+					this.fwxzList = res.result.qlxz;
+					if(this.fwytList.length>0){
+						this.fwytList.forEach(item=>{
+							item.color = "#2591FD";
+							item.ts = item.bsms.length
+						})
+					}
+					if(this.fwxzList.length>0){
+						this.fwxzList.forEach(item=>{
+							item.color = "#2591FD";
+							item.ts = item.bsms.length
+						})
+					}
+				}
+			});
+		}
   },
   computed: {},
   watch: {
@@ -374,6 +460,17 @@ export default {
 				this.lpbContentwidth += 204;
 			}
     },
+    //选择自然幢展示楼盘表后，查询右侧图例数据
+    isSearch(n){
+      if (!n) {
+        this.getDyztBsmList();
+        this.getLpbFwytAndQlxz();
+      }
+    },
+    //改变syclx，更新楼盘表数据
+    scyclx(n){
+		  this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
+    }
   },
 }
 </script>