楼盘表全部户的选中和清除

@@ -43,7 +43,7 @@ export default {
 	},
 	},
 	created() {},
 	created() {},
 	mounted() {
 	mounted() {
-		this.$store.state.contentWidth = this.$refs.lpb.offsetWidth - 37;
+		this.$store.state.contentWidth = this.$refs.lpb.offsetWidth - 44;
 	},
 	},
 	computed: {},
 	computed: {},
 	watch: {},
 	watch: {},

@@ -279,7 +279,7 @@
 			</div>
 			</div>
 			<!-- <div class="ch-wrap">层户</div> -->
 			<!-- <div class="ch-wrap">层户</div> -->
 			<div class="zrz" :style="{ width: lpbContentWidth + 'px' }">
 			<div class="zrz" :style="{ width: lpbContentWidth + 'px' }">
-				{{ lpbData.xmmc }}
+				<el-checkbox v-model="zrzChecked" @change='lpbSelectAll'>{{ lpbData.xmmc }}</el-checkbox>
 			</div>
 			</div>
 		</div>
 		</div>
 		<ul
 		<ul
@@ -455,7 +455,8 @@ export default {
 				fghs:"",
 				fghs:"",
 				oldbsm:'',
 				oldbsm:'',
 				fgfx:0
 				fgfx:0
-			}
+			},
+			zrzChecked:false, //自然幢全选
 		};
 		};
 	},
 	},
 	created() {},
 	created() {},
@@ -954,6 +955,20 @@ export default {
               this.hbsmList.push(this.chData);
               this.hbsmList.push(this.chData);
             }
             }
             this.hcxlzVisible = true
             this.hcxlzVisible = true
+		},
+		//楼盘表户全选
+		lpbSelectAll(value){
+			if(value){
+				this.$refs.hBsm.forEach((item) => {
+					item.className = "tdSelect";
+					this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList
+				});
+			}else{
+				this.$refs.hBsm.forEach((item) => {
+					item.className = "";
+					this.hbsmList = [];
+				});
+			}
 		}
 		}
 	},
 	},
 	computed: {
 	computed: {
@@ -1235,5 +1250,24 @@ export default {
 		margin: 20px auto 0;
 		margin: 20px auto 0;
 		width: 150px;
 		width: 150px;
 	}
 	}
+	.el-checkbox{
+		font-size: 16px;
+		/deep/.el-checkbox__label{
+			font-size: 16px;
+		}
+		/deep/ .el-checkbox__inner{
+			width: 16px;
+    		height: 16px;
+		}
+		/deep/ .el-checkbox__inner::after{
+			height: 9px;
+			left: 4px;
+			top: 0px;
+			width: 5px;
+		}
+		/deep/ .el-checkbox__input{
+			top: 1px;
+		}
+	}
 }
 }
 </style>
 </style>