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