From 6d21dd8cdb40c6734c90f6a4a180cc00bae53e20 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 15 Nov 2023 08:39:43 +0800
Subject: [PATCH] Merge branch 'feature_1.0'

---
 src/views/contrast/index.vue |   75 ++++++++++++++-----------------------
 1 files changed, 29 insertions(+), 46 deletions(-)

diff --git a/src/views/contrast/index.vue b/src/views/contrast/index.vue
index 330f7ff..ebe8eb3 100644
--- a/src/views/contrast/index.vue
+++ b/src/views/contrast/index.vue
@@ -1,22 +1,9 @@
-+<template>
+<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"
@@ -31,25 +18,12 @@
       <!-- <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-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>
-      <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>
     </div>
@@ -57,7 +31,7 @@
       <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>
 
@@ -197,14 +171,14 @@
     this.getData()
   },
   // ������������ - ��������������������������� DOM ���������
-  mounted() {},
-  beforeCreate() {}, // ������������ - ������������
-  beforeMount() {}, // ������������ - ������������
-  beforeUpdate() {}, // ������������ - ������������
-  updated() {}, // ������������ - ������������
-  beforeDestroy() {}, // ������������ - ������������
-  destroyed() {}, // ������������ - ������������
-  activated() {},
+  mounted() { },
+  beforeCreate() { }, // ������������ - ������������
+  beforeMount() { }, // ������������ - ������������
+  beforeUpdate() { }, // ������������ - ������������
+  updated() { }, // ������������ - ������������
+  beforeDestroy() { }, // ������������ - ������������
+  destroyed() { }, // ������������ - ������������
+  activated() { },
   // ������������
   methods: {
     // ������������������������
@@ -274,7 +248,7 @@
         series: [],
         xAxis: [],
         title: [],
-        yAxis:[]
+        yAxis: []
       }
       this.newXData = []
       this.$request({
@@ -300,12 +274,15 @@
             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,lineStyle:{width:4}})
+            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);
             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
@@ -502,28 +479,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