flx：新增蒸发量类型

src/views/sevenLargeScreen/headNoise/centerTop.vue

@@ -24,6 +24,7 @@
 			<div class="menListPm10 menu">PM10:{{ plantCap.pm10 || plantCap.pm10 == '0' ? plantCap.pm10 : "--" }}ug/m³</div>
 			<div class="menListZs menu">噪声:{{ plantCap.noise || plantCap.noise == '0' ? plantCap.noise : "--" }}dB</div>
 			<div class="menListFs menu">风速:{{ plantCap.windspeed || plantCap.windspeed == '0' ? plantCap.windspeed : "--" }}m/s</div>
+			<div class="menListZfl menu">蒸发量:{{ plantCap.evaporationRate || plantCap.evaporationRate == '0' ? plantCap.evaporationRate : "--" }}mm</div>
 		</div>
 	</div>
 </template>
@@ -194,6 +195,10 @@ onMounted(() => {
 		top: 30%;
 		left: 68%;
 	}
+	.menListZfl {
+		top: 41%;
+		left: 42%;
+	}
 }
 
 ::v-deep .el-input__wrapper {

src/views/sevenLargeScreen/headNoise/leftBottom.vue

@@ -72,6 +72,9 @@ const noiseList = [
 	{
 		value: 7,
 		label: "湿度"
+	},{
+		value: 8,
+		label: "蒸发量"
 	}
 ];
 let receive = ref("" as any);
@@ -319,6 +322,9 @@ const checkChange = (val: any) => {
 		} else if (val == "湿度") {
 			yData.value.push(item.humidity);
 			yUnit.value = "%RH";
+		} else if (val == "蒸发量") {
+			yData.value.push(item.evaporationRate);
+			yUnit.value = "mm";
 		}
 	});
 	drawChart();

src/views/sevenLargeScreen/headNoise/rightCenter.vue

@@ -56,6 +56,11 @@ let totalData = ref([
 		name: "风速报警",
 		value: 0,
 		radio: 0
+	},
+	{
+		name: "蒸发量报警",
+		value: 0,
+		radio: 0
 	}
 ]);
 //控制图形数据比例
@@ -87,11 +92,15 @@ let trafficWay = reactive([
 	{
 		name: "风速报警",
 		value: 10
+	},
+	{
+		name: "蒸发量报警",
+		value: 10
 	}
 ]);
 let data = reactive([]);
 // let color = reactive(["#5A5EE0", "#34B1FA", "#53E4D8", "#52B06A", "#E8E65A", "#F06C48"]);
-let color = reactive(["#82FBEA", "#EEA959", "#4CC4F8 ", "#E0D838", "#EC6266", "#6375C7", "#81F279"]);
+let color = reactive(["#82FBEA", "#EEA959", "#4CC4F8 ", "#E0D838", "#EC6266", "#6375C7", "#81F279", "#F06C48"]);
 for (var i = 0; i < trafficWay.length; i++) {
 	data.push(
 		{
@@ -347,6 +356,12 @@ let option = ref({
 		show: false
 	},
 	legend: {
+		type: "scroll",
+		pageIconColor: '#aaa', // 翻页按钮的颜色
+		pageIconInactiveColor: '#2f4554', // 翻页按钮不激活时（即翻页到头时）的颜色
+		pageTextStyle: { // 图例页信息的文字样式
+		color: '#cbcbcb'
+		},
 		show: true,
 		icon: "rect",
 		itemGap: 20,
@@ -373,7 +388,7 @@ let option = ref({
 			}
 			return num;
 		},
-		data: ["噪声报警", "PM2.5超标报警", "PM10超标报警", "TSP报警", "温度报警", "湿度报警", "风速报警"],
+		data: ["噪声报警", "PM2.5超标报警", "PM10超标报警", "TSP报警", "温度报警", "湿度报警", "风速报警", "蒸发量报警"],
 		top: 20,
 		right: 300,
 		left: 280,
@@ -460,6 +475,8 @@ const getList = async () => {
 				totalData.value[i].value = res.result.humidityNum;
 			} else if (totalData.value[i].name == "风速报警") {
 				totalData.value[i].value = res.result.windspeedNum;
+			} else if (totalData.value[i].name == "蒸发量报警") {
+				totalData.value[i].value = res.result.evaporationRateNum;
 			}
 		}
 		console.log("获取今日报警统计", totalData.value);