From 99435df90dc63bbf9a3729826821fbd47677fb10 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 13 Mar 2024 11:09:10 +0800
Subject: [PATCH] fix:监测因子相关性对比折线图修改和走航报告下载修改
---
src/views/contrast/index.vue | 124 +++++++++++++++++++++++++++--------------
1 files changed, 82 insertions(+), 42 deletions(-)
diff --git a/src/views/contrast/index.vue b/src/views/contrast/index.vue
index ebe8eb3..990294d 100644
--- a/src/views/contrast/index.vue
+++ b/src/views/contrast/index.vue
@@ -1,9 +1,22 @@
<template>
<div style="width: 100%; height: 100%; margin:0 auto">
<div class="topSelect">
- <el-cascader v-model="newMac" :options="options" clearable placeholder="������������" style="width: 354px" />
- <el-cascader v-model="value" :options="newSensor" :props="props" collapse-tags clearable placeholder="������������"
- style="margin-left: 20px" />
+ <el-cascader
+ v-model="newMac"
+ :options="options"
+ clearable
+ placeholder="������������"
+ style="width: 354px"
+ />
+ <el-cascader
+ v-model="value"
+ :options="newSensor"
+ :props="props"
+ collapse-tags
+ clearable
+ placeholder="������������"
+ style="margin-left: 20px"
+ />
<!-- <el-select v-model="value" placeholder="������������">
<el-option
v-for="item in newSensor"
@@ -18,20 +31,40 @@
<!-- <el-radio-button label="������" />
<el-radio-button label="���������" /> -->
<!-- </el-radio-group> -->
- <el-select v-model="radio1" placeholder="���������" style="margin-left: 20px">
- <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
- </el-option>
+ <el-select
+ v-model="radio1"
+ placeholder="���������"
+ style="margin-left: 20px"
+ >
+ <el-option
+ v-for="item in options1"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
</el-select>
- <component :is="dataType" class="select11" style="padding-left: 0; margin-left: 20px; width: 160px"
- @sendPickerChild="showPickerChild" />
+ <component
+ :is="dataType"
+ class="select11"
+ style="padding-left: 0; margin-left: 20px; width: 160px"
+ @sendPickerChild="showPickerChild"
+ />
<!--������������-->
- <el-button @click="selectData" class="btn1">������</el-button>
+ <el-button
+ class="btn1"
+ @click="selectData"
+ >
+ ������
+ </el-button>
</div>
<!-- <div class="topTitle">
<div style="position:absolute">(������:ug/m��)</div>
<div style="text-align: center;width: 100%;">{{ newData }}��{{ newMac?newMac[0]:'' }}��{{ newMac?newMac[newMac.length - 1][0]:'' }}��{{ value |sensorFilter }}�����������</div>
</div> -->
- <LineChart :chart-data="lineChartData" style="height: 40rem;" />
+ <LineChart
+ :chart-data="lineChartData"
+ style="height: 40rem;"
+ />
</div>
</template>
@@ -83,7 +116,7 @@
props: {
// defaultData: Array
},
- data() {
+ data () {
// ������������������
return {
dataType: 'HourPicker',
@@ -129,7 +162,7 @@
computed: {},
// ������data������������������
watch: {
- newMac(newVal, oldval) {
+ newMac (newVal, oldval) {
this.newMac1 = []
// for (let i = 0; i < newVal.length; i++) {
// this.newMac1.push(newVal[i][1][1])
@@ -140,13 +173,13 @@
// this.getSensor()
// }
},
- value(n, o) {
+ value (n, o) {
this.value1 = []
for (let i = 0; i < n.length; i++) {
this.value1.push(n[i][0])
}
},
- radio1(nv, ov) {
+ radio1 (nv, ov) {
if (nv === '������') {
this.dataType = 'HourPicker'
this.unit = 0
@@ -167,22 +200,22 @@
},
},
// ������������ - ��������������������������������� this ���������
- created() {
+ created () {
this.getData()
},
// ������������ - ��������������������������� DOM ���������
- mounted() { },
- beforeCreate() { }, // ������������ - ������������
- beforeMount() { }, // ������������ - ������������
- beforeUpdate() { }, // ������������ - ������������
- updated() { }, // ������������ - ������������
- beforeDestroy() { }, // ������������ - ������������
- destroyed() { }, // ������������ - ������������
- activated() { },
+ mounted () { },
+ beforeCreate () { }, // ������������ - ������������
+ beforeMount () { }, // ������������ - ������������
+ beforeUpdate () { }, // ������������ - ������������
+ updated () { }, // ������������ - ������������
+ beforeDestroy () { }, // ������������ - ������������
+ destroyed () { }, // ������������ - ������������
+ activated () { },
// ������������
methods: {
// ������������������������
- getData() {
+ getData () {
this.$request({
url: '/monitorPoint/queryMonitorPoints',
method: 'get',
@@ -200,14 +233,16 @@
label: this.defaultData[i].name,
})
this.options[i].children = []
- for (let j = 0; j < this.defaultData[i].devices.length; j++) {
- this.options[i].children.push({
- value: [
- this.defaultData[i].devices[j].name,
- this.defaultData[i].devices[j].mac,
- ],
- label: this.defaultData[i].devices[j].name,
- })
+ if (this.defaultData[i].devices) {
+ for (let j = 0; j < this.defaultData[i].devices.length; j++) {
+ this.options[i].children.push({
+ value: [
+ this.defaultData[i].devices[j].name,
+ this.defaultData[i].devices[j].mac,
+ ],
+ label: this.defaultData[i].devices[j].name,
+ })
+ }
}
}
})
@@ -216,7 +251,7 @@
})
},
// ������mac���������������
- getSensor() {
+ getSensor () {
// stringMacs.su
// var newMac = this.newMac[this.newMac.length - 1][this.newMac[this.newMac.length - 1].length - 1]
// this.newMac1 = this.newMac[this.newMac.length - 1][this.newMac[this.newMac.length - 1].length - 1]
@@ -243,7 +278,7 @@
})
},
// ������
- selectData() {
+ selectData () {
var newLineChartData = {
series: [],
xAxis: [],
@@ -275,14 +310,19 @@
}
for (var i = 0; i < data.length; i++) {
newLineChartData.series.push({
- data: [], name: '', type: 'line', triggerLineEvent: true,
- emphasis: { focus: 'series' }, lineStyle: { width: 4 }
+ data: [],
+ name: '',
+ type: 'line',
+ triggerLineEvent: true,
+ emphasis: { focus: 'series' },
+ lineStyle: { width: 4 }
})
// newLineChartData.yAxis.push({})
newLineChartData.series[i].name = data[i].name
- newLineChartData.title.push(data[i].name);
+ newLineChartData.title.push(data[i].name)
for (var j = 0; j < data[i].timeValueList.length; j++) {
- newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
+ // newLineChartData.series[i].data.push(data[i].timeValueList[j].value)
+ newLineChartData.series[i].data.push(data[i].timeValueList[j].value === 0 ? undefined : data[i].timeValueList[j].value)
}
}
this.lineChartData = newLineChartData
@@ -363,7 +403,7 @@
})
},
// ���������������������������������������������
- showPickerChild(data) {
+ showPickerChild (data) {
// var newLineChartData = {
// series: [],
// xAxis: [],
@@ -449,12 +489,12 @@
// })
},
// ���������������
- getMaxValue(arr) {
+ getMaxValue (arr) {
// return Math.max.apply(null, arr)
return Math.max(...arr)
},
// ������������������
- compare(property, desc) {
+ compare (property, desc) {
return (a, b) => {
var value1 = a[property]
var value2 = b[property]
@@ -466,7 +506,7 @@
}
},
// ������������������������
- filterSensorName() {
+ filterSensorName () {
this.chartSensorName = this.$options.filters.sensorFilter(
this.chartSensorKey[0].sensorCode
)
--
Gitblit v1.8.0