From 7c5c458225e1e6ab32bba352c5efd33c6a78f023 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Tue, 19 Sep 2023 14:52:57 +0800
Subject: [PATCH] fix:监测因子趋势echarts样式修改

---
 src/views/charts/index.vue |   78 +++++++++++++++++----------------------
 1 files changed, 34 insertions(+), 44 deletions(-)

diff --git a/src/views/charts/index.vue b/src/views/charts/index.vue
index 73b80cd..c89cb1c 100644
--- a/src/views/charts/index.vue
+++ b/src/views/charts/index.vue
@@ -2,27 +2,11 @@
   <div style="width: 100%; height: 100%">
     <div class="topSelect">
       <!-- <el-cascader v-model="newMac" :options="options" clearable change-on-select :props="{ checkStrictly: true }" placeholder="������������" /> -->
-      <el-cascader
-        v-model="newMac"
-        :options="options"
-        :props="props"
-        collapse-tags
-        clearable
-        placeholder="������������"
-        style="width: 354px"
-      />
+      <el-cascader v-model="newMac" :options="options" :props="props" collapse-tags clearable placeholder="������������"
+        style="width: 354px" />
       <!-- <div> -->
-      <el-select
-        v-model="value"
-        placeholder="������������"
-        style="margin-left: 20px"
-      >
-        <el-option
-          v-for="(item, index) in newSensor"
-          :key="index"
-          :label="item.label"
-          :value="item.value"
-        />
+      <el-select v-model="value" placeholder="������������" style="margin-left: 20px">
+        <el-option v-for="(item, index) in newSensor" :key="index" :label="item.label" :value="item.value" />
       </el-select>
       <!-- </div> -->
       <!-- <el-radio-group v-model="radio1" style="margin-left:20px">
@@ -31,25 +15,12 @@
         <el-radio-button label="������" />
         <el-radio-button label="���������" />
       </el-radio-group> -->
-      <el-select
-        v-model="select1"
-        placeholder="���������"
-        style="margin-left: 20px; width: 200px"
-      >
-        <el-option
-          v-for="item in options1"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
+      <el-select v-model="select1" placeholder="���������" style="margin-left: 20px; width: 200px">
+        <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
         </el-option>
       </el-select>
-      <component
-        :is="dataType"
-        style="padding-left: 0; margin-left: 20px; width: 160px"
-        @sendPickerChild="showPickerChild"
-        class="select11"
-      />
+      <component :is="dataType" style="padding-left: 0; margin-left: 20px; width: 160px"
+        @sendPickerChild="showPickerChild" class="select11" />
       <!--������������-->
       <el-button @click="selectData" class="btn1">������</el-button>
     </div>
@@ -141,6 +112,10 @@
       isSelect: false,
       options1: [
         {
+          label: '������������',
+          value: '������������',
+        },
+        {
           label: '���������',
           value: '���������',
         },
@@ -183,6 +158,9 @@
       } else if (nv === '���������') {
         this.dataType = 'HourPicker1'
         this.unit = 'hour'
+      } else if (nv === '������������') {
+        this.dataType = 'HourPicker1'
+        this.unit = 'FiveMinute'
       } else {
         this.dataType = 'CustomPicker'
         this.unit = 'hour'
@@ -241,13 +219,13 @@
   // mounted() {
   //
   // },
-  beforeCreate() {}, // ������������ - ������������
-  beforeMount() {}, // ������������ - ������������
-  beforeUpdate() {}, // ������������ - ������������
-  updated() {}, // ������������ - ������������
-  beforeDestroy() {}, // ������������ - ������������
-  destroyed() {}, // ������������ - ������������
-  activated() {},
+  beforeCreate() { }, // ������������ - ������������
+  beforeMount() { }, // ������������ - ������������
+  beforeUpdate() { }, // ������������ - ������������
+  updated() { }, // ������������ - ������������
+  beforeDestroy() { }, // ������������ - ������������
+  destroyed() { }, // ������������ - ������������
+  activated() { },
   // ������������
   methods: {
     // ������������
@@ -280,6 +258,10 @@
                 if (lockLength < data[i].deviceData.length) {
                   newLineChartData.series.push({
                     data: [],
+                    triggerLineEvent: true,
+                    emphasis: {
+                      focus: 'series'
+                    },
                     name: '',
                     type: 'line',
                     label: {
@@ -292,6 +274,8 @@
                 newLineChartData.series.push({
                   data: [],
                   name: '',
+                  triggerLineEvent: true,
+                  emphasis: { focus: 'series' },
                   type: 'line',
                 })
               }
@@ -347,6 +331,7 @@
     },
     // ���������������������������������
     getSensor() {
+      this.newSensor = []
       // 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]
@@ -383,21 +368,25 @@
   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;
@@ -406,6 +395,7 @@
 .select11 {
   width: 20% !important;
 }
+
 /deep/.el-date-editor .el-range-separator {
   width: 11%;
 }

--
Gitblit v1.8.0