From 921b918963808a71070e9dbd5f08ee48016b8a8f Mon Sep 17 00:00:00 2001
From: kun <1422840143@qq.com>
Date: Thu, 22 Feb 2024 14:11:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sevenLargeScreen/headNoise/leftBottom.vue | 43 ++++++++++++-------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/views/sevenLargeScreen/headNoise/leftBottom.vue b/src/views/sevenLargeScreen/headNoise/leftBottom.vue
index 949c3ff..53391ef 100644
--- a/src/views/sevenLargeScreen/headNoise/leftBottom.vue
+++ b/src/views/sevenLargeScreen/headNoise/leftBottom.vue
@@ -16,7 +16,7 @@
 					v-for="(item, index) in noiseList"
 					:key="index"
 					:label="item.label"
-					:value="item.value"
+					:value="item.label"
 					@click="checkChange(item.label)"
 				/>
 			</el-select>
@@ -31,7 +31,7 @@
 <script lang="ts" setup>
 import { GlobalStore } from "@/stores";
 import { selectDustNoiseDataApi } from "@/api/modules/headNoise";
-import { onMounted, reactive, ref, onBeforeUnmount } from "vue";
+import { onMounted, reactive, ref, onBeforeUnmount, computed } from "vue";
 import * as echarts from "echarts";
 import Card from "@/components/card.vue";
 import mitts from "@/utils/bus"; //兄弟组件传值
@@ -43,39 +43,52 @@ let chart = ref();
 const noiseList = [
 	{
 		value: 0,
-		label: "PM2.5"
+		label: "PM2.5",
+		unit: "μg/m³"
 	},
 	{
 		value: 1,
-		label: "PM10"
+		label: "PM10",
+		unit: "μg/m³"
 	},
 	{
 		value: 2,
-		label: "白天噪音"
-	},
-	{
-		value: 3,
-		label: "夜晚噪音"
+		label: "噪声",
+		unit: "dB"
 	},
+	// {
+	// 	value: 3,
+	// 	label: "夜晚噪音"
+	// },
 	{
 		value: 4,
-		label: "风速"
+		label: "风速",
+		unit: "m/s"
 	},
 	{
 		value: 5,
-		label: "TSP"
+		label: "TSP",
+		unit: "μg/m³"
 	},
 	{
 		value: 6,
-		label: "温度"
+		label: "温度",
+		unit: "℃"
 	},
 	{
 		value: 7,
-		label: "湿度"
+		label: "湿度",
+		unit: "%"
 	}
 ];
 let receive = ref("" as any);
-let selectValue = ref("PM2.5" as any);
+const selectValue = ref("PM2.5" as any);
+const selectUnit = computed(() => {
+	let item = noiseList.find((item:any) => {
+		return item.label === selectValue.value
+	})
+	return item?.unit
+})
 function drawChart() {
 	let myEchart = echarts.init(document.getElementById("myEcharts"));
 	let option = {
@@ -165,7 +178,7 @@ function drawChart() {
 		yAxis: [
 			{
 				type: "value",
-				name: "单位:ug/m³",
+				name: "单位:" + selectUnit.value,
 				nameTextStyle: {
 					color: "#fff",
 					nameLocation: "start"