From 4b56063a503e04455d57c7a52bb873b2c16aecec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Tue, 21 May 2024 11:31:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8A=A5=E8=A1=A8=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../temperatureRecordReport/tempTest.vue      | 130 ++++++++++++------
 vue.config.js                                 |   4 +-
 2 files changed, 90 insertions(+), 44 deletions(-)

diff --git a/src/views/report/temperatureRecordReport/tempTest.vue b/src/views/report/temperatureRecordReport/tempTest.vue
index 98f8fff..65d45f3 100644
--- a/src/views/report/temperatureRecordReport/tempTest.vue
+++ b/src/views/report/temperatureRecordReport/tempTest.vue
@@ -1,20 +1,25 @@
 <template>
-  <div :class="className" :style="{height:height,width:width}"/>
+  <div>
+    <div :class="className" :style="{height:height,width:width}">
+      <Chart ref="chart1"/>
+    </div>
+    <div :class="className" :style="{height:height,width:width}">
+      <Chart ref="chart2"/>
+    </div>
+  </div>
 </template>
 
 <script>
-import * as echarts from 'echarts'
 
-require('echarts/theme/macarons') // echarts theme
-import resize from '@/views/dashboard/mixins/resize'
-import { getTestTemp } from '@/api/report/temperatureHistory'
-import { parseTime } from '@/utils/ruoyi'
+
+import {getTestTemp} from '@/api/report/temperatureHistory'
+import Chart from "@//components/board/Chart";
 
 
 const animationDuration = 3000
 
 export default {
-  mixins: [resize],
+  components: {Chart},
   props: {
     className: {
       type: String,
@@ -66,46 +71,87 @@ export default {
   methods: {
     // 详情表
     openDifference() {
-      // this.form.cpno = row.cpno;
       getTestTemp(this.queryParams).then(response => {
           this.reportDetailList = response.data.tempList
-          this.open = true
-          this.title = '测温报表曲线'
-          this.testTime = response.data.tempList[0]
-          this.initChart()
+          this.$refs.chart1.setData({
+            xAxis: {
+              data:  response.data.tempList[0],
+              axisLine: {
+                // show:true,
+                onZero: false,
+              },
+            },
+            tooltip: {
+              trigger: 'axis',
+              axisPointer: {
+                type: 'cross',
+                crossStyle: {
+                  color: '#999',
+                },
+              },
+            },
+            legend: {
+              data: ['温度1', '温度2', '温度3', '温度4', '温度5', '温度6', '温度7', '温度8', '温度9', '温度10', '温度11', '室温']
+            },
+            yAxis: {
+              scale: true,
+              type: 'value',
+              axisLabel: {
+                formatter: '{value}℃'
+              }
+            },
+            series: response.data.tempList.map((e,i)=>{
+              if(i === 0){
+                return
+              }
+              return {
+                name: '温度' + [i],
+                type: 'line',
+                data: this.reportDetailList[i],
+              }
+            })
+          })
+        this.$refs.chart2.setData({
+          xAxis: {
+            data:  response.data.vList[0],
+            axisLine: {
+              // show:true,
+              onZero: false,
+            },
+          },
+          tooltip: {
+            trigger: 'axis',
+            axisPointer: {
+              type: 'cross',
+              crossStyle: {
+                color: '#999',
+              },
+            },
+          },
+          legend: {
+            data: ['温度1', '温度2', '温度3', '温度4', '温度5', '温度6', '温度7', '温度8', '温度9', '温度10', '温度11', '室温']
+          },
+          yAxis: {
+            scale: true,
+            type: 'value',
+            axisLabel: {
+              formatter: '{value}℃'
+            }
+          },
+          series: response.data.vList.map((e,i)=>{
+            if(i === 0){
+              return
+            }
+            return {
+              name: '温度' + [i],
+              type: 'line',
+              data: this.reportDetailList[i],
+            }
+          })
+        })
         }
       )
     },
-    initChart() {
-      this.chart = echarts.init(this.$el, 'macarons')
-      this.xdata = this.testTime
-      var series = []
-      for (var i = 1; i < this.reportDetailList.length; i++) {
-        series.push({
-          name: '温度' + [i],
-          type: 'line',
-          data: this.reportDetailList[i]
-        })
-      }
-
-      this.chart.setOption({
-        xAxis: {
-          data: this.testTime,
-          axisLine: {
-            // show:true,
-            onZero: false
-          }
-        },
-        legend: {
-          data: ['温度1', '温度2', '温度3', '温度4', '温度5', '温度6', '温度7', '温度8', '温度9', '温度10', '温度11', '室温']
-        },
-        yAxis: {
-          scale: true,
-          type: 'value'
-        },
-        series: series
-      })
-    }
   },
   mounted() {
     this.$nextTick(() => {
diff --git a/vue.config.js b/vue.config.js
index 6808c88..2327a41 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -35,8 +35,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        // target: `http://10.41.11.35:6061`,
-        target: `http://10.100.72.10:8080`,
+        target: `http://10.41.11.243:6061`,
+        // target: `http://10.100.72.10:8080`,
         // target: `http://192.168.1.118:6061`,
         // target: `http://localhost:6061`,
         changeOrigin: true,