flx:新增蒸发量类型
This commit is contained in:
parent
240ff5c366
commit
682ce719d0
@ -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 {
|
||||
|
||||
@ -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();
|
||||
|
||||
@ -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);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user