From e635b5b4edab0a000a0af533b6b36f7300c5fa42 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Fri, 02 Feb 2024 10:07:00 +0800 Subject: [PATCH] fix:断线监控 --- src/views/contrast/index.vue | 96 +++++++++++++++++++++++++++++------------------ 1 files changed, 59 insertions(+), 37 deletions(-) diff --git a/src/views/contrast/index.vue b/src/views/contrast/index.vue index c353aff..e37eb75 100644 --- a/src/views/contrast/index.vue +++ b/src/views/contrast/index.vue @@ -1,4 +1,4 @@ -+<template> +<template> <div style="width: 100%; height: 100%; margin:0 auto"> <div class="topSelect"> <el-cascader @@ -41,8 +41,7 @@ :key="item.value" :label="item.label" :value="item.value" - > - </el-option> + /> </el-select> <component :is="dataType" @@ -51,13 +50,21 @@ @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: 23rem;"/> + <LineChart + :chart-data="lineChartData" + style="height: 40rem;" + /> </div> </template> @@ -109,7 +116,7 @@ props: { // defaultData: Array }, - data() { + data () { // ������������������ return { dataType: 'HourPicker', @@ -155,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]) @@ -166,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 @@ -193,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', @@ -226,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, + }) + } } } }) @@ -242,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] @@ -269,12 +278,12 @@ }) }, // ������ - selectData() { + selectData () { var newLineChartData = { series: [], xAxis: [], title: [], - yAxis:[] + yAxis: [] } this.newXData = [] this.$request({ @@ -300,12 +309,19 @@ newLineChartData.xAxis.push(data[0].timeValueList[i].time) } for (var i = 0; i < data.length; i++) { - newLineChartData.series.push({ data: [], name: '', type: 'line' ,yAxisIndex:data[i].code}) + newLineChartData.series.push({ + 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) } } this.lineChartData = newLineChartData @@ -386,7 +402,7 @@ }) }, // ��������������������������������������������� - showPickerChild(data) { + showPickerChild (data) { // var newLineChartData = { // series: [], // xAxis: [], @@ -472,12 +488,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] @@ -489,7 +505,7 @@ } }, // ������������������������ - filterSensorName() { + filterSensorName () { this.chartSensorName = this.$options.filters.sensorFilter( this.chartSensorKey[0].sensorCode ) @@ -502,28 +518,34 @@ display: flex; margin-bottom: 20px; padding: 20px 15px 0 15px; + span:first-child { flex: 1; } + div:last-child { width: 300px; line-height: 40px; padding-left: 6px; } } + .topTitle { display: flex; justify-content: space-between; margin-bottom: 20px; padding: 0 15px; } + .btn1 { margin-left: 1%; height: 40px; } + .select11 { width: 20% !important; } + /deep/.el-date-editor .el-range-separator { width: 11%; } -- Gitblit v1.8.0