楼盘表右侧选择图例类型时默认展开图例

@@ -26,48 +26,48 @@
 				<el-col :span="16">
 					<div class="fr">
 						<el-button class="radioBtn" label="1" border @click="create"
-							>创建楼盘</el-button
+							><i class="fa fa-building-o"></i>创建楼盘</el-button
 						>
 						<el-button class="radioBtn" label="2" border @click="plScYcChange"
-							>实预测转换</el-button
+							><i class="fa fa-building-o"></i>实预测转换</el-button
 						>
 						<el-button
 							class="radioBtn"
 							label="3"
 							border
 							@click="openPl('h')"
-							>批量户</el-button
+							><i class="fa fa-building-o"></i> 批量户</el-button
 						>
 						<el-button
 							class="radioBtn"
 							label="4"
 							border
 							@click="openPlC"
-							>批量层</el-button
+							><i class="fa fa-building-o"></i>批量层</el-button
 						>
 						<el-button
 							class="radioBtn"
 							label="5"
 							border
 							@click="openPl('sh')"
-							>批量室号</el-button
+							><i class="fa fa-building-o"></i>批量室号</el-button
 						>
 						<el-button
 							class="radioBtn"
 							label="6"
 							border
 							@click="openPl('zl')"
-							>批量坐落</el-button
+							><i class="fa fa-building-o"></i>批量坐落</el-button
 						>
 						<el-button class="radioBtn" label="7" border @click="addBdcdyh"
-							>批量单元号</el-button
+							><i class="fa fa-building-o"></i>批量单元号</el-button
 						>
 						<el-button
 							class="radioBtn"
 							label="7"
 							border
 							@click="hcxlzVisible = true"
-							>户重新落宗</el-button
+							><i class="fa fa-building-o"></i>户重新落宗</el-button
 						>
 					</div>
 				</el-col>
@@ -141,7 +141,7 @@
 							@click="handleChoosedH(item.bsms)"
 						>
 							<td>
-								<i class="el-icon-star-on" :style="{ color: item.color }"></i
+								<i class="fa fa-circle" :style="{ color: item.color }"></i
 								>{{ item.name }}
 							</td>
 							<td>{{ item.ts }}</td>
@@ -168,7 +168,7 @@
 							@click="handleChoosedH(item.bsms)"
 						>
 							<td>
-								<i class="el-icon-star-on" :style="{ color: item.color }"></i
+								<i class="fa fa-circle" :style="{ color: item.color }"></i
 								>{{ item.name }}
 							</td>
 							<td>{{ item.ts }}</td>
@@ -198,7 +198,7 @@
 							@click="handleChoosedH(item.bsms)"
 						>
 							<td>
-								<i class="el-icon-star-on" :style="{ color: item.color }"></i
+								<i class="fa fa-circle" :style="{ color: item.color }"></i
 								>{{ item.name }}
 							</td>
 							<td>{{ item.ts }}</td>
@@ -314,55 +314,55 @@ export default {
 			dyztList: [
 				{
 					name: "未确权",
-					color: "#2591FD",
+					color: "#83AAFE",
 					ts: "12",
 					mj: "1633",
 				},
 				{
 					name: "已确权",
-					color: "#2591FD",
+					color: "#6EDEE1",
 					ts: "22",
 					mj: "3109",
 				},
 				{
 					name: "已备案",
-					color: "#2591FD",
+					color: "#8ADC88",
 					ts: "3",
 					mj: "409",
 				},
 				{
 					name: "预抵押",
-					color: "#2591FD",
+					color: "#F2AD67",
 					ts: "11",
 					mj: "1466",
 				},
 				{
 					name: "在建抵押",
-					color: "#2591FD",
+					color: "#F191C8",
 					ts: "13",
 					mj: "1792",
 				},
 				{
 					name: "抵押",
-					color: "#2591FD",
+					color: "#FF8282",
 					ts: "14",
 					mj: "13",
 				},
 				{
 					name: "查封",
-					color: "#2591FD",
+					color: "#D7CECF",
 					ts: "9",
 					mj: "1436",
 				},
 				{
 					name: "异议",
-					color: "#2591FD",
+					color: "#D4A3EB",
 					ts: "34",
 					mj: "4342",
 				},
 				{
 					name: "限制",
-					color: "#2591FD",
+					color: "#A5A3FB",
 					ts: "2",
 					mj: "285",
 				},
@@ -614,34 +614,42 @@ export default {
 					this.dyztList.splice(1,0,this.dyztList[8]);
 					this.dyztList.pop();
 					this.dyztList.forEach(item=>{
-						item.color = "#2591FD";
 						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:
@@ -698,6 +706,9 @@ export default {
 				this.lpbContentwidth += 260;
 			}
 		},
+		selectedZt(n){
+			this.legendToggleFlag = true;
+		}
 	},
 };
 </script>
@@ -736,7 +747,8 @@ export default {
 			}
 		}
 		.radioBtn {
-			margin-left: 20px;
+			margin-left: 16px;
+			padding:12px 14px;
 			/deep/.el-radio-button__inner {
 				border: 1px solid #dcdfe6;
 				border-radius: 4px;
@@ -857,5 +869,8 @@ export default {
 			margin-top: 10vh!important;
 		}
 	}
+	.fa{
+		padding-right: 4px;
+	}
 }
 </style>