diff --git a/src/views/sevenLargeScreen/headNoise/centerTop.vue b/src/views/sevenLargeScreen/headNoise/centerTop.vue index 27c6d94..0c231cf 100644 --- a/src/views/sevenLargeScreen/headNoise/centerTop.vue +++ b/src/views/sevenLargeScreen/headNoise/centerTop.vue @@ -24,6 +24,7 @@
+ @@ -194,6 +195,10 @@ onMounted(() => { top: 30%; left: 68%; } + .menListZfl { + top: 41%; + left: 42%; + } } ::v-deep .el-input__wrapper { diff --git a/src/views/sevenLargeScreen/headNoise/leftBottom.vue b/src/views/sevenLargeScreen/headNoise/leftBottom.vue index c9ff174..bb05646 100644 --- a/src/views/sevenLargeScreen/headNoise/leftBottom.vue +++ b/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(); diff --git a/src/views/sevenLargeScreen/headNoise/rightCenter.vue b/src/views/sevenLargeScreen/headNoise/rightCenter.vue index 0a158b7..a7a5e11 100644 --- a/src/views/sevenLargeScreen/headNoise/rightCenter.vue +++ b/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);