From 58254adbf321bf47e1567cefd1e8b51c66e9932a Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Fri, 5 Jun 2026 17:09:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BF=9D=E5=88=A9=E4=B8=AD?=
 =?UTF-8?q?=E5=A4=AE=E7=A9=BA=E8=B0=83=E8=83=BD=E8=80=97=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F-=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                              |    3 +-
 src/api/index.js                              |   38 +-
 src/assets/images/cold-bg.png                 |  Bin 0 -> 13910 bytes
 src/assets/images/home-icon1.png              |  Bin 0 -> 4898 bytes
 src/assets/images/home-icon2.png              |  Bin 0 -> 5484 bytes
 src/assets/images/home-icon3.png              |  Bin 0 -> 6119 bytes
 src/assets/images/home-icon4.png              |  Bin 0 -> 6712 bytes
 src/assets/images/home-icon5.png              |  Bin 0 -> 6624 bytes
 src/assets/images/home-icon6.png              |  Bin 0 -> 6743 bytes
 src/assets/images/home-icon7.png              |  Bin 0 -> 2449 bytes
 src/assets/images/noactive-0.png              |  Bin 0 -> 6672 bytes
 src/assets/images/noactive-1.png              |  Bin 0 -> 5239 bytes
 src/assets/styles/index.scss                  |   37 +
 .../components/ynyQnqAnalysis.vue             |   32 +-
 src/views/components/chartsData.vue           |  596 ++++++
 src/views/components/hotWater.vue             |  144 --
 src/views/components/sysEnergy.vue            | 1649 +++++++++--------
 src/views/components/viewColdSys.vue          |  514 -----
 src/views/components/viewEnergy.vue           |    2 +-
 src/views/index.vue                           | 1164 ++++++++----
 20 files changed, 2427 insertions(+), 1752 deletions(-)
 create mode 100644 src/assets/images/cold-bg.png
 create mode 100644 src/assets/images/home-icon1.png
 create mode 100644 src/assets/images/home-icon2.png
 create mode 100644 src/assets/images/home-icon3.png
 create mode 100644 src/assets/images/home-icon4.png
 create mode 100644 src/assets/images/home-icon5.png
 create mode 100644 src/assets/images/home-icon6.png
 create mode 100644 src/assets/images/home-icon7.png
 create mode 100644 src/assets/images/noactive-0.png
 create mode 100644 src/assets/images/noactive-1.png
 create mode 100644 src/views/components/chartsData.vue
 delete mode 100644 src/views/components/hotWater.vue
 delete mode 100644 src/views/components/viewColdSys.vue

diff --git a/.env.development b/.env.development
index 5a51382..c37acf6 100644
--- a/.env.development
+++ b/.env.development
@@ -8,8 +8,7 @@ ENV = 'development'
 # VUE_APP_BASE_API = '/dev-api'
 # 后台
 VUE_APP_BASE_API = 'http://192.168.1.222:8080'
-# 梅州云端
-# VUE_APP_BASE_API = 'http://106.55.173.225:8091'
+
 # 广合
 # VUE_APP_BASE_API = 'http://106.55.173.225:8092'
 
diff --git a/src/api/index.js b/src/api/index.js
index c35f435..52cbb5d 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -59,4 +59,40 @@ export function getCoeData() {
     url: "/pro/overview/getCoe",
     method: "get",
   });
-}
\ No newline at end of file
+}
+
+// 图表
+export function homeCharts() {
+  return request({
+    url: "/home/charts",
+    method: "get",
+  });
+}
+// 运行天数
+export function homeRunTime() {
+  return request({
+    url: "/home/runTime",
+    method: "get",
+  });
+}
+// 实时总功率、总冷量
+export function getCurrentRate() {
+  return request({
+    url: "/home/getCurrentRate",
+    method: "get",
+  });
+}
+// 实时能耗系数
+export function getCoe() {
+  return request({
+    url: "/home/getCoe",
+    method: "get",
+  });
+}
+// 日月年供冷量、日月年EER
+export function homeStatical() {
+  return request({
+    url: "/home/statical",
+    method: "get",
+  });
+}
diff --git a/src/assets/images/cold-bg.png b/src/assets/images/cold-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..e72f13a3fa90cc1207ce4a583c960e934d43c5c0
GIT binary patch
literal 13910
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon1.png b/src/assets/images/home-icon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..543f90dbb33cc056f1cd09ef651ee55dfc80303c
GIT binary patch
literal 4898
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
F{sV%>f+7F_

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon2.png b/src/assets/images/home-icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b74278151ff2ab045f1e7eb9e43a38fa9d2e374f
GIT binary patch
literal 5484
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
T4o$Wl{14UFHrA@ra0>qq<*B*n

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon3.png b/src/assets/images/home-icon3.png
new file mode 100644
index 0000000000000000000000000000000000000000..71fc2fe4e06323036b60a8f4dc74ea489f926d33
GIT binary patch
literal 6119
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon4.png b/src/assets/images/home-icon4.png
new file mode 100644
index 0000000000000000000000000000000000000000..74f2805451d75037a45eb2f7ef96b05a10442b2b
GIT binary patch
literal 6712
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
O0000<MNUMnLSTX&tiQzo

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon5.png b/src/assets/images/home-icon5.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a91ab06a6e428fe979830976b6738e8f931cf78
GIT binary patch
literal 6624
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon6.png b/src/assets/images/home-icon6.png
new file mode 100644
index 0000000000000000000000000000000000000000..596bec8193acd23c857c6d789b89cce88138a584
GIT binary patch
literal 6743
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/home-icon7.png b/src/assets/images/home-icon7.png
new file mode 100644
index 0000000000000000000000000000000000000000..e87a5ff931ac4254103005a199c9a4f1f55434e8
GIT binary patch
literal 2449
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/noactive-0.png b/src/assets/images/noactive-0.png
new file mode 100644
index 0000000000000000000000000000000000000000..5162deacef0eedaef8f80b43e470f78a19223444
GIT binary patch
literal 6672
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
DmIR3y

literal 0
HcmV?d00001

diff --git a/src/assets/images/noactive-1.png b/src/assets/images/noactive-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..88f1fca2c93108bb91fa3dc77c1ef26864f397e2
GIT binary patch
literal 5239
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

literal 0
HcmV?d00001

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 4a96aed..aaae049 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -218,6 +218,43 @@ aside {
   box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
   border-radius: 14px;
 }
+/** 科技感面板标题 - 左侧竖线 + 渐变底线 */
+.panel-title {
+  position: relative;
+  padding: 0.1rem 0 0.1rem 0.18rem;
+  margin-bottom: 0.1rem;
+
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 0.06rem;
+    height: 0.24rem;
+    background: linear-gradient(180deg, #00d7e9, #0078d7);
+    border-radius: 0.03rem;
+    box-shadow: 0 0 0.08rem rgba(0, 215, 233, 0.5);
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1px;
+    background: linear-gradient(90deg, rgba(0, 215, 233, 0.4), transparent);
+  }
+
+  .panel-title-text {
+    font-size: 0.2rem;
+    font-weight: bold;
+    color: #e3fff9;
+    letter-spacing: 0.04rem;
+    text-shadow: 0 0 0.06rem rgba(0, 215, 233, 0.3);
+  }
+}
 
 .special-div {
   display: flex;
diff --git a/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue b/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue
index cc84ed1..3052be7 100644
--- a/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue
+++ b/src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue
@@ -100,9 +100,9 @@
             <div class="success-btn" style="margin-left: 0.24rem">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
-            <!-- <div class="warning-bnt" style="margin-left: 0.24rem">
+            <div class="warning-bnt" style="margin-left: 0.24rem">
               <el-button type="warning" @click="exportData">导出</el-button>
-            </div> -->
+            </div>
           </div>
         </div>
         <div class="charts-table" v-loading="listLoading">
@@ -891,20 +891,20 @@ export default {
         this.exportArr.push(newData);
       }
 
-      //   // console.log("导出的数据", this.exportArr);
-      //   import("@/assets/excel/Export2Excel").then((excel) => {
-      //     let filterVal = ["dateList", "curValue2", "lastValue2", "yoy2", "mom2"]; // 导出的excel表头字段名，需要导出表格字段名
-      //     let tHeader = ["时间", "本期", "同期", "同比", "环比"]; // 导出的excel表头名信息
-      //     const data = this.formatJson(filterVal, this.exportArr);
-      //     const autoWidth = true;
-      //     excel.export_json_to_excel({
-      //       header: tHeader, //表头
-      //       data, //数据
-      //       filename: `${this.checkList}同比环比分析报表`, //名称
-      //       autoWidth: true, //宽度自适应
-      //     });
-      //     this.$message.success("导出成功!");
-      //   });
+        // console.log("导出的数据", this.exportArr);
+        import("@/assets/excel/Export2Excel").then((excel) => {
+          let filterVal = ["dateList", "curValue2", "lastValue2", "yoy2", "mom2"]; // 导出的excel表头字段名，需要导出表格字段名
+          let tHeader = ["时间", "本期", "同期", "同比", "环比"]; // 导出的excel表头名信息
+          const data = this.formatJson(filterVal, this.exportArr);
+          const autoWidth = true;
+          excel.export_json_to_excel({
+            header: tHeader, //表头
+            data, //数据
+            filename: `${this.checkList}同比环比分析报表`, //名称
+            autoWidth: true, //宽度自适应
+          });
+          this.$message.success("导出成功!");
+        });
     },
     //格式转换,不需要改动
     formatJson(filterVal, jsonData) {
diff --git a/src/views/components/chartsData.vue b/src/views/components/chartsData.vue
new file mode 100644
index 0000000..afbd237
--- /dev/null
+++ b/src/views/components/chartsData.vue
@@ -0,0 +1,596 @@
+<template>
+  <div class="chart-content">
+    <div class="home-chart">
+      <div
+        class="legend-li"
+        v-for="(item, index) in timeData2"
+        :key="index"
+        @click="handleEnter(index)"
+        :class="{ timeStyle: timeIndex2 == index }"
+      >
+        {{ item.title }}
+      </div>
+      <div class="home-chart-right">
+        <div
+          class="imgDiv"
+          v-for="(item, index) in imgData"
+          :key="index"
+          @click="handleImg(index)"
+          :class="{ imgStyle: imgIndex == index }"
+        >
+          <img
+            :src="item.imgSrc"
+            class="choice-icon"
+            id="svgImg "
+            alt=""
+            :title="item.title"
+          />
+        </div>
+      </div>
+    </div>
+    <div class="charts-div" ref="analyse_ref"></div>
+  </div>
+</template>
+
+<script>
+import { homeCharts } from "@/api/index";
+export default {
+  data() {
+    return {
+      timeData2: [
+        { title: "系统EER" },
+        { title: "瞬时冷量(kwr)" },
+        { title: "瞬时电量(kwh)" },
+        // { title: "总用电量(kwh)" },
+        { title: "冷冻水供回水温度(℃)" },
+        // { title: "趋近度(℃)" },
+      ],
+      timeIndex2: 0, //瞬时冷量
+      imgData: [
+        {
+          title: "轮播",
+          imgSrc: require("../../assets/images/noactive-0.png"),
+        },
+        {
+          title: "手动",
+          imgSrc: require("../../assets/images/noactive-1.png"),
+        },
+      ],
+      imgIndex: 0, //轮播
+      chartInstance2: null,
+      option2: {},
+      xTimeData: [], // 折线图x轴时间
+      //折线图模拟数据
+      electData: [],
+      electTime: [],
+      waterData: [],
+      waterTime: [],
+      EERData: [],
+      EERTime: [],
+      proximityData: [],
+      proximityTime: [],
+
+      chartInstance2: null,
+      option2: {},
+      allDataObj: {}, //接受返回的所有数据
+      xData: [],
+      chartsAeries: [],
+    };
+  },
+  mounted() {
+    this.initChart2();
+    this.screenAdapter2();
+    window.addEventListener("resize", this.screenAdapter2);
+    this.getChartsData();
+    this.move();
+  },
+  destroyed() {
+    //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
+    window.removeEventListener("resize", this.screenAdapter2);
+    // 消除定时器
+    clearInterval(this.timer);
+  },
+
+  methods: {
+    // 图表 or 表格
+    handleImg(index) {
+      this.imgIndex = index;
+      // console.log("this.timeData2[index].imgSrc", this.timeData2[index].title)
+      // 排他，渲染图片
+      for (let i = 0; i < this.imgData.length; i++) {
+        const imgSrc =
+          i === index ? `active-${index}.png` : `noactive-${i}.png`;
+        this.imgData[i].imgSrc = require(`../../assets/images/${imgSrc}`);
+      }
+      if (index == 0) {
+        this.move();
+      } else {
+        clearInterval(this.timer);
+      }
+    },
+    handleEnter(index) {
+      this.timeIndex2 = index;
+      console.log("有打印瞬时冷量的index吗", this.allDataObj);
+      this.chartInstance2.dispose();
+      this.initChart2();
+      this.xData = [];
+      this.chartsAeries = [];
+      if (index == 1) {
+        // 添加折线的配置
+        var singleSeries = {
+          smooth: true,
+          symbol: "circle",
+          // 开始不显示拐点， 鼠标经过显示
+          showSymbol: false,
+          itemStyle: {
+            color: "#44a2ff", // 折线点的颜色
+            lineStyle: {
+              color: "#44a2ff", // 折线的颜色
+            },
+          },
+          areaStyle: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: "rgba(11, 117, 211, 1)", // 0% 处的颜色
+                },
+                {
+                  offset: 0.8,
+                  color: "rgba(11, 117, 211, 0.2)", // 100% 处的颜色
+                },
+              ],
+            },
+          },
+        };
+        this.allDataObj.cloudChart.series[0] = {
+          ...this.allDataObj.cloudChart.series[0],
+          ...singleSeries,
+        };
+        this.chartsAeries = this.allDataObj.cloudChart.series;
+        this.xData = this.allDataObj.cloudChart.xaxis.data;
+        this.option2.xAxis.data = this.xData;
+        this.option2.series = this.chartsAeries;
+      } else if (index == 2) {
+        // 添加折线的配置
+        var singleSeries = {
+          smooth: true,
+          symbol: "circle",
+          // 开始不显示拐点， 鼠标经过显示
+          showSymbol: false,
+          itemStyle: {
+            color: "#01c29b", // 折线点的颜色
+            lineStyle: {
+              color: "#01c29b", // 折线的颜色
+            },
+          },
+          areaStyle: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: "rgba(1, 194, 155, 1)", // 0% 处的颜色
+                },
+                {
+                  offset: 0.8,
+                  color: "rgba(1, 194, 155, 0.2)", // 100% 处的颜色
+                },
+              ],
+            },
+          },
+        };
+        this.allDataObj.eleRateChart.series[0] = {
+          ...this.allDataObj.eleRateChart.series[0],
+          ...singleSeries,
+        };
+        this.chartsAeries = this.allDataObj.eleRateChart.series;
+        this.xData = this.allDataObj.eleRateChart.xaxis.data;
+        this.option2.xAxis.data = this.xData;
+        this.option2.series = this.chartsAeries;
+      } else if (index == 3) {
+        // 添加图例的配置
+        let legendData = [];
+        this.allDataObj.tempChart.series.forEach((element) => {
+          legendData.push(element.name);
+        });
+        console.log("图例数组", legendData);
+        this.chartsAeries = this.allDataObj.tempChart.series;
+        this.xData = this.allDataObj.tempChart.xaxis.data;
+        this.option2.legend.show = true;
+        this.option2.legend.data = legendData;
+        this.option2.xAxis.data = this.xData;
+        // 给每个series对象添加showSymbol = false;  //一开始时不显示原点,鼠标点击才显示
+        for (var i = 0; i < this.chartsAeries.length; i++) {
+          this.chartsAeries[i].showSymbol = false;
+        }
+        this.option2.series = this.chartsAeries;
+      } else if (index == 0) {
+        // 添加折线的配置
+        var singleSeries = {
+          smooth: true,
+          symbol: "circle",
+          // 开始不显示拐点， 鼠标经过显示
+          showSymbol: false,
+          itemStyle: {
+            color: "#ffb219", // 折线点的颜色
+            lineStyle: {
+              color: "#ffb219", // 折线的颜色
+            },
+          },
+          areaStyle: {
+            color: {
+              type: "linear", // 线性渐变
+              x: 0,
+              y: 0,
+              x2: 0,
+              y2: 1,
+              colorStops: [
+                {
+                  offset: 0,
+                  color: "rgba(255, 178,25 , 0.8)", // 0% 处的颜色
+                },
+                {
+                  offset: 0.8,
+                  color: "rgba(255, 178,25 , 0.2)", // 100% 处的颜色
+                },
+              ],
+            },
+          },
+        };
+        this.allDataObj.copChart.series[0] = {
+          ...this.allDataObj.copChart.series[0],
+          ...singleSeries,
+        };
+        this.chartsAeries = this.allDataObj.copChart.series;
+        this.xData = this.allDataObj.copChart.xaxis.data;
+        this.option2.xAxis.data = this.xData;
+        this.option2.series = this.chartsAeries;
+      } else if (index == 4) {
+        // 添加图例的配置
+        let legendData = [];
+        this.allDataObj.appChart.series.forEach((element) => {
+          legendData.push(element.name);
+        });
+        console.log("图例数组", legendData);
+        this.chartsAeries = this.allDataObj.appChart.series;
+        this.xData = this.allDataObj.appChart.xaxis.data;
+        this.option2.legend.show = true;
+        this.option2.legend.data = legendData;
+        this.option2.xAxis.data = this.xData;
+        // 给每个series对象添加showSymbol = false;  //一开始时不显示原点,鼠标点击才显示
+        for (var i = 0; i < this.chartsAeries.length; i++) {
+          this.chartsAeries[i].showSymbol = false;
+        }
+        this.option2.series = this.chartsAeries;
+      }
+      console.log("折线图的xAxis详情", this.xData);
+      console.log("折线图的series详情", this.chartsAeries);
+      //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+      this.chartInstance2.setOption(this.option2);
+      //手动的调用图标对象的resize才能产生效果
+      this.chartInstance2.resize();
+    },
+    //初始化chartInstance2对象 折线图
+    initChart2() {
+      this.chartInstance2 = this.$echarts.init(this.$refs.analyse_ref);
+      this.option2 = {
+        tooltip: {
+          trigger: "axis",
+          // 使用 formatter 设定 tooltip 内容格式
+          // formatter: function (params) {
+          //     let seriesHTML = "";
+          //     params.forEach(function (item) {
+          //         seriesHTML +=
+          //             "<div>" +
+          //             item.seriesName +
+          //             ': <span style="color: #000000; font-weight: bold;">' +
+          //             item.value +
+          //             "</span></div>";
+          //     });
+          //     return "<div>" + params[0].name + "</div>" + seriesHTML;
+          // },
+          // 自定义 tooltip 内容
+          formatter: function (params) {
+            var res = params[0].name + "<br/>";
+            for (var i = 0, l = params.length; i < l; i++) {
+              var seriesName = params[i].seriesName;
+              var value = params[i].value;
+              var marker =
+                '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' +
+                params[i].color +
+                '"></span>';
+              // 根据不同德seriesName 返回不同的单位
+              if (seriesName.indexOf("瞬时冷量") !== -1) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  "kwr" +
+                  "</span><br>";
+              } else if (seriesName.indexOf("用电量") !== -1) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  "kwh" +
+                  "</span><br>";
+              } else if (
+                seriesName.indexOf("温度") !== -1 ||
+                seriesName.indexOf("趋近度") !== -1
+              ) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  "℃" +
+                  "</span><br>";
+              } else if (seriesName.indexOf("瞬时功率") !== -1) {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  "kwh" +
+                  "</span><br>";
+              } else {
+                res +=
+                  marker +
+                  seriesName +
+                  ":" +
+                  '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
+                  value +
+                  "</span><br>";
+              }
+            }
+            return res;
+          },
+        },
+        legend: {
+          show: false, // 不显示图例
+          // data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
+          textStyle: { color: "#ffffff" },
+          // left: "0%",
+          top: "-1%",
+        },
+
+        grid: {
+          top: "9%",
+          left: "3%",
+          right: "2%",
+          bottom: "25%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          boundaryGap: true,
+          // data: ["2021", "2022", "2023"],
+          axisLabel: {
+            // interval: 0, //强制显示所有x轴数据
+            color: "rgba(255,255,255,1)",
+          },
+          axisTick: {
+            show: false,
+          },
+          axisLine: {
+            show: false,
+          },
+        },
+        yAxis: {
+          min: 0,
+          miniInterval: 5,
+          type: "value",
+          // 修饰刻度标签的颜色即y坐标数据
+          axisLabel: {
+            color: "rgba(255,255,255,1)",
+          },
+          // 显示y坐标轴的颜色
+          axisLine: {
+            show: true,
+            lineStyle: {
+              // X 轴颜色配置
+              color: "#7b918c",
+            },
+          },
+          // 修改y轴分割线的颜色
+          splitLine: {
+            lineStyle: {
+              color: "#7b918c",
+            },
+          },
+        },
+        // 拖拽X轴
+        dataZoom: [
+          {
+            type: "slider", //inside鼠标缩放
+            show: this.showZoom,
+            height: 15, // 设置控制区域的高度为 20 像素
+            // fillerColor: 'rgba(255, 0, 0, 0.5)', // 设置选中区域的颜色为半透明的红色
+            // backgroundColor: 'rgba(0, 0, 0, 0.1)', // 设置背景颜色为透明度为 0.1 的黑色
+            start: 0,
+            end: 100,
+            xAxisIndex: [0],
+            handleSize: "120%", // 设置滑块大小为默认大小的 120%
+          },
+        ],
+        series: [
+          // {
+          //     name: "设备总用电量",
+          //     type: "line",
+          //     smooth: true,
+          //     // data: ["1", "2", "3"],
+          //     symbol: "circle",
+          //     // 拐点大小
+          //     symbolSize: 8,
+          //     // 设置拐点颜色以及边框
+          //     // itemStyle: {
+          //     //   color: "#0184d5",
+          //     //   borderColor: "rgba(221, 220, 107, .1)",
+          //     //   borderWidth: 12
+          //     //  },
+          //     // 开始不显示拐点， 鼠标经过显示
+          //     showSymbol: false,
+          //     sampling: 'lttb',//降采样策略
+          // //折线颜色
+          // itemStyle: {
+          //     color: "#44a2ff", //折线点的颜色
+          //     lineStyle: {
+          //         color: "#44a2ff", //折线的颜色
+          //     },
+          // },
+          // areaStyle: {
+          //     color: {
+          //         //线性渐变
+          //         type: "linear",
+          //         x: 0,
+          //         y: 0,
+          //         x2: 0,
+          //         y2: 1,
+          //         colorStops: [
+          //             {
+          //                 offset: 0,
+          //                 color: "rgba(11, 117, 211, 1)", // 0% 处的颜色
+          //             },
+          //             {
+          //                 offset: 0.8,
+          //                 color: "rgba(11, 117, 211,0.2)", // 100% 处的颜色
+          //             },
+          //         ],
+          //         // global: false, // 缺省为 false
+          //     },
+          // },
+          // },
+        ],
+      };
+      //把配置项给实例对象
+      this.chartInstance2.setOption(this.option2, true);
+    },
+    screenAdapter2() {
+      //自己定义的比较合适的适配大小,2.6  mes_ref是图表盒子
+      const titleFontSize = this.$refs.analyse_ref.offsetWidth / 130;
+      //因为option可以多次配置的，所以这里的option只需要写 需要配置大小的相关数据
+      const adapterOption = {
+        // x轴坐标字体大小
+        xAxis: {
+          axisLabel: {
+            fontSize: titleFontSize * 1.5,
+          },
+        },
+        yAxis: {
+          axisLabel: {
+            fontSize: titleFontSize * 1.5,
+          },
+        },
+      };
+      //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+      this.chartInstance2.setOption(adapterOption);
+      //手动的调用图标对象的resize才能产生效果
+      this.chartInstance2.resize();
+    },
+    // 请求数据
+    getChartsData() {
+      this.chartInstance2.dispose();
+      this.initChart2();
+      homeCharts().then((res) => {
+        console.log("图表数据查询返回", res);
+        if (res.code == 200) {
+          this.allDataObj = res.rows;
+          console.log("全部的数据", this.allDataObj);
+          // 首次加载页面时，显示瞬时冷量
+          this.handleEnter(this.timeIndex2);
+        } else {
+          this.chartsAeries = [];
+          const adapterOption = {
+            xAxis: {
+              data: [],
+            },
+            series: [],
+          };
+          //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+          this.chartInstance2.setOption(adapterOption);
+          //手动的调用图标对象的resize才能产生效果
+          this.chartInstance2.resize();
+        }
+      });
+    },
+    // 定时器
+    move() {
+      // 定时器
+      this.timer = setInterval(() => {
+        this.handleEnter((this.timeIndex2 + 1) % 4);
+      }, 1000 * 5 * 60);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.home-chart {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  cursor: pointer;
+  width: 100%;
+  position: relative;
+
+  .legend-li {
+    text-align: center;
+    font-size: 0.2rem;
+    color: #95adc8;
+    padding: 0.08rem 0.2rem;  
+    white-space: nowrap;
+    margin-right: 0.3rem;
+    border: 1px solid #0076c1;
+    border-radius: 0.06rem;
+  }
+
+  .home-chart-right {
+    position: absolute;
+    right: 0;
+    display: flex;
+    flex-direction: row;
+
+    .imgDiv {
+      width: 0.35rem;
+      height: 0.35rem;
+      margin: 0.05rem;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .choice-icon {
+      width: 0.2rem;
+      height: 0.2rem;
+    }
+
+    .imgStyle {
+      background-color: #0076c1;
+      border-radius: 50%;
+    }
+  }
+}
+
+.charts-div {
+  margin-top: 0.3rem;
+  width: 100%;
+  height: 3.6rem;
+}
+</style>
diff --git a/src/views/components/hotWater.vue b/src/views/components/hotWater.vue
deleted file mode 100644
index 13c461d..0000000
--- a/src/views/components/hotWater.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <div class="card-div">
-    <!-- 二通阀 -->
-    <div class="card-li">
-      <div class="card-header">
-        <h2 class="card-title">二通阀开度:</h2>
-      </div>
-      <div class="thermometer">
-        <div class="temprogress" :style="{ width: twoValveValue + '%' }"></div>
-      </div>
-      <div class="temperature">
-        <span
-          v-if="twoValveItem && twoValveItem.status === 1"
-          class="error-text"
-          >异常</span
-        >
-        <span v-else>{{ twoValveValue }}%</span>
-      </div>
-    </div>
-
-    <!-- 三通阀 -->
-    <div class="card-li">
-      <div class="card-header">
-        <h2 class="card-title">三通阀开度:</h2>
-      </div>
-      <div class="thermometer">
-        <div
-          class="temprogress"
-          :style="{ width: threeValveValue + '%' }"
-        ></div>
-      </div>
-      <div class="temperature">
-        <span
-          v-if="threeValveItem && threeValveItem.status === 1"
-          class="error-text"
-          >异常</span
-        >
-        <span v-else>{{ threeValveValue }}%</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    subData: {
-      type: Array,
-      required: true,
-    },
-  },
-  data() {
-    return {
-      temData1: "",
-      temData2: "",
-      temData: [],
-    };
-  },
-  computed: {
-    // 获取二通阀数据
-    twoValveItem() {
-      return this.subData.find(
-        (item) => item.deviceTypeName === "二通阀阀门开度"
-      );
-    },
-
-    // 获取三通阀数据
-    threeValveItem() {
-      return this.subData.find(
-        (item) => item.deviceTypeName === "三通阀阀门开度"
-      );
-    },
-
-    // 二通阀开度值
-    twoValveValue() {
-      if (!this.twoValveItem || this.twoValveItem.status === 1) return 0;
-      // 确保值在 0-100 范围内
-      const value = parseFloat(this.twoValveItem.curValue) || 0;
-      return Math.min(Math.max(value, 0), 100);
-    },
-
-    // 三通阀开度值
-    threeValveValue() {
-      if (!this.threeValveItem || this.threeValveItem.status === 1) return 0;
-      // 确保值在 0-100 范围内
-      const value = parseFloat(this.threeValveItem.curValue) || 0;
-      return Math.min(Math.max(value, 0), 100);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.card-div {
-  width: 100%;
-  padding: 20px;
-  .card-li {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    margin: 10px;
-    .card-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .card-title {
-        font-size: 15px;
-        font-weight: 600;
-        color: #ffffff;
-      }
-    }
-    .temperature {
-      font-size: 20px;
-      font-weight: 700;
-      color: #2ecc71;
-      position: relative;
-      display: inline-block;
-    }
-    .thermometer {
-      width: calc(100% - 250px);
-      min-width: 200px;
-      height: 15px;
-      background: #3d5581;
-      border-radius: 20px;
-      margin: 0 0.1rem;
-      overflow: hidden;
-      box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.1);
-      position: relative;
-    }
-    .temprogress {
-      position: absolute;
-      left: 0;
-      height: 100%;
-      border-top-right-radius: 15px;
-      border-bottom-right-radius: 15px;
-      background: linear-gradient(to right, #3498db, #2ecc71) !important;
-    }
-  }
-}
-@media (min-width: 2000px) {
-}
-</style>
diff --git a/src/views/components/sysEnergy.vue b/src/views/components/sysEnergy.vue
index a7d92f0..403d153 100644
--- a/src/views/components/sysEnergy.vue
+++ b/src/views/components/sysEnergy.vue
@@ -1,798 +1,919 @@
 <template>
+  <div>
+    <div class="panel-title">
+      <span class="panel-title-text">实时EER系数</span>
+    </div>
     <div class="sys_content">
-        <div class="sys_charts" ref="sys_charts"></div>
-        <div class="score">
-            <div class="excellent">优秀</div>
-            <div class="good">良好</div>
-            <div class="bad">差</div>
-            <div class="improve">需要改进</div>
-        </div>
+      <div class="sys_charts" ref="sys_charts"></div>
+      <div class="score">
+        <div class="excellent">优秀</div>
+        <div class="good">良好</div>
+        <div class="bad">差</div>
+        <div class="improve">需要改进</div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 import { getCoeData } from "@/api/index";
 import * as echarts from "echarts";
 export default {
-    data() {
-        return {
-            data1: "0",
-            data2: "0",
-            data3: "0",
-            data4: "0",
-            data5: "0",
-            chartInstance2: null,
-            option2: {},
+  data() {
+    return {
+      data1: "0",
+      data2: "0",
+      data3: "0",
+      data4: "0",
+      data5: "0",
+      chartInstance2: null,
+      option2: {},
+    };
+  },
+  mounted() {
+    this.getCoe();
+    this.initChart2();
+    this.screenAdapter2();
+    window.addEventListener("resize", this.screenAdapter2);
+    // this.nowData()
+  },
+  destroyed() {
+    //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
+    window.removeEventListener("resize", this.screenAdapter2);
+  },
+  methods: {
+    // 根据值和仪表盘颜色区间获取对应颜色
+    getGaugeColor(value, min, max, colorRanges) {
+      // 确保value为数字类型
+      const numValue = Number(value);
+      if (isNaN(numValue) || numValue <= min) {
+        // 值为0或无效时，返回第一个区间的颜色
+        return colorRanges[0][1];
+      }
+      // 将实际值转为百分比 [0, 1]
+      const percent = (numValue - min) / (max - min);
+      // 遍历颜色区间，找到当前值所在的区间
+      for (let i = 0; i < colorRanges.length; i++) {
+        if (percent <= colorRanges[i][0]) {
+          return colorRanges[i][1];
         }
+      }
+      // 超出范围返回最后一个颜色
+      return colorRanges[colorRanges.length - 1][1];
     },
-    mounted() {
-        this.getCoe()
-        this.initChart2();
-        this.screenAdapter2();
-        window.addEventListener("resize", this.screenAdapter2);
-        // this.nowData()
-    },
-    destroyed() {
-        //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
-        window.removeEventListener("resize", this.screenAdapter2);
-    },
-    methods: {
-        // 根据值和仪表盘颜色区间获取对应颜色
-        getGaugeColor(value, min, max, colorRanges) {
-            // 确保value为数字类型
-            const numValue = Number(value);
-            if (isNaN(numValue) || numValue <= min) {
-                // 值为0或无效时，返回第一个区间的颜色
-                return colorRanges[0][1];
-            }
-            // 将实际值转为百分比 [0, 1]
-            const percent = (numValue - min) / (max - min);
-            // 遍历颜色区间，找到当前值所在的区间
-            for (let i = 0; i < colorRanges.length; i++) {
-                if (percent <= colorRanges[i][0]) {
-                    return colorRanges[i][1];
-                }
-            }
-            // 超出范围返回最后一个颜色
-            return colorRanges[colorRanges.length - 1][1];
-        },
-        //初始化chartInstance2对象 折线图
-        initChart2() {
-            const titleFontSize = this.$refs.sys_charts.offsetWidth / 180;
-            this.chartInstance2 = echarts.init(this.$refs.sys_charts);
-            this.option2 = {
-                tooltip: { //弹窗组件
-                    formatter: "{a} <br/>{b} : {c}"
-                },
-                // 设置仪表盘的背景颜色  整个cavas
-                // backgroundColor: "#f5f5f5",
-                series: [
-                    {  //主机
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        radius: "65%", // 参数:number, string。 仪表盘半径,默认 75% ，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。
-                        center: ["48%", "40%"],
-                        startAngle: 180,
-                        endAngle: 0,
-                        clockWise: true,
-                        min: 0,
-                        max: 15,
-                        splitNumber: 4,        // 仪表盘刻度的分割段数,默认 10。
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.2,
-                            length: titleFontSize,
-                            show: true,             // 是否显示刻度(线),默认 true。
-                            splitNumber: 5,         // 分隔线之间分割的刻度数,默认 5。
-                            lineStyle: {            // 刻度线样式。
-                                color: "auto",              //线的颜色,默认 #eee。
-                                opacity: 1,                 //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
-                                width: titleFontSize * 0.1,
-                                type: "solid",              //线的类型,默认 solid。 此外还有 dashed,dotted
-                                // shadowBlur: 10,             //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
-                                // shadowColor: "#fff",        //阴影颜色。支持的格式同color。
-                            },
-                        },
-                        pointer: {
-                            length: '40%', // 指针长度
-                            width: titleFontSize * 0.4,
-                            offsetCenter: ['0', '-20%'], // 详情位置的偏移量
-                            itemStyle: {
-                                color: 'auto'// 指针颜色自动匹配轴线颜色
-                            }
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            show: true,             // 是否显示仪表盘轴线(轮廓线),默认 true。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize,
-                                color: [ // 轴线颜色区间，可以设置不同的颜色渐变区间
-                                    [0.35, '#ffb219'],
-                                    [0.38, '#00be97'],
-                                    [1, '#208fff'],
-                                ]
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,
-                            show: true,             // 是否显示分隔线,默认 true。
-                            length: titleFontSize,
-                            lineStyle: {            // 分隔线样式。
-                                color: "auto",              //线的颜色,默认 #eee。
-                                opacity: 1,                 //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
-                                width: titleFontSize * 0.2,
-                                type: "solid",              //线的类型,默认 solid。 此外还有 dashed,dotted
-                                // shadowBlur: 10,             //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
-                                // shadowColor: "#fff",        //阴影颜色。支持的格式同color。
-                            },
-                        },
-                        axisLabel: {
-                            show: true,             // 是否显示标签,默认 true。
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,
-                            color: 'inherit',
-                        },
-                        title: {
-                            color: '#ffffff',
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['-30%', '20%'],//设置文字位置
-                        },
-                        detail: {
-                            valueAnimation: true,
-                            animationDuration: 2000,
-                            color: '#c5fff3',
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['28%', '20%'], // 设置数字位置
-                        },
-                        data: [{
-                            value: 0,
-                            name: '主机'
-                        }]
-                    },
-                    {//冷却塔
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        radius: "65%",
-                        center: ["48%", "90%"],
-                        startAngle: 180,
-                        endAngle: 0,
-                        clockWise: true,
-                        min: 0,
-                        max: 120,
-                        splitNumber: 4,
-                        axisTick: {
-                            distance: titleFontSize * 0.2,
-                            show: true,
-                            splitNumber: 5,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.1,
-                                type: "solid",
-                            },
-                        },
-                        pointer: {
-                            length: '40%',
-                            width: titleFontSize * 0.4, // 指针宽度
-                            offsetCenter: [0, '-25%'],
-                            itemStyle: {
-                                color: 'auto'
-                            }
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                width: titleFontSize,
-                                color: [
-                                    [0.407, '#ffb219'],
-                                    [0.446, '#00be97'],
-                                    [1, '#208fff'],
-                                ]
-                            }
-                        },
-                        splitLine: {
-                            distance: titleFontSize * 0.35,
-                            show: true,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.2,
-                                type: "solid",
-                            }
-                        },
-                        axisLabel: {
-                            show: true,
-                            fontSize: titleFontSize * 1.5, //刻度线数字字体大小
-                            distance: titleFontSize * 1.5,
-                            color: 'inherit',
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['-33%', '20%'],
-                            color: '#ffffff'
-                        },
-                        detail: {
-                            valueAnimation: true,
-                            animationDuration: 2000,
-                            color: '#c5fff3',
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['28%', '20%'], // 设置数字位置
-                        },
-                        data: [{
-                            value: 0,
-                            name: "冷却塔"
-                        }]
-                    },
-                    {//系统能效
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        detail: { formatter: '{value}' },
-                        radius: "90%",
-                        center: ["15%", "55%"],
-                        startAngle: 225,
-                        endAngle: -45,
-                        clockWise: true,
-                        min: 0,
-                        max: 10,
-                        splitNumber: 4,
-                        axisTick: {
-                            distance: titleFontSize * 0.4,
-                            show: true,
-                            splitNumber: 5,
-                            length: titleFontSize * 1.2,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.2,
-                                type: "solid",
-                            },
-                        },
-                        axisLabel: {
-                            color: 'inherit',
-                            fontSize: titleFontSize * 1.8,
-                            distance: titleFontSize * 3,
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.6,
-                            itemStyle: {
-                                color: 'auto'
-                            }
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                width: titleFontSize * 1.6,
-                                color: [
-                                    [0.35, '#ee5e5e'],
-                                    [0.415, '#ffb219'],
-                                    [0.5, '#00be97'],
-                                    [1, '#208fff'],
-                                ],
-                            }
-                        },
-                        splitLine: {
-                            distance: titleFontSize * 0.35,
-                            show: true,
-                            length: titleFontSize * 2,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.2,
-                                type: "solid",
-                            }
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2.6,
-                            color: '#ffffff',
-                            offsetCenter: ['-25%', '90%'],//设置文字位置
-                        },
-                        detail: {
-                            valueAnimation: true,
-                            animationDuration: 2000,
-                            color: '#c5fff3',
-                            fontSize: titleFontSize * 2.6,
-                            offsetCenter: ['35%', '90%'], // 设置数字位置
-                        },
-                        data: [{
-                            value: 0,
-                            name: '系统EER',
-                        }]
-                    },
-                    {//冷冻泵
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        radius: "65%",
-                        center: ["75%", "40%"],
-                        startAngle: 180,
-                        endAngle: 0,
-                        clockWise: true,
-                        min: 0,
-                        max: 100,
-                        splitNumber: 4,
-                        axisTick: {
-                            distance: titleFontSize * 0.2,
-                            show: true,
-                            splitNumber: 5,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.1,
-                                type: "solid",
-                            },
-                        },
-                        pointer: {
-                            length: '40%',
-                            width: titleFontSize * 0.4, // 指针宽度
-                            offsetCenter: [0, '-20%'],
-                            // width: 3.5, // 指针宽度
-                            itemStyle: {
-                                color: 'auto'
-                            }
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                width: titleFontSize,
-                                color: [
-                                    [0.417, '#ffb219'],
-                                    [0.459, '#00be97'],
-                                    [1, '#208fff'],
-                                ]
-                            }
-                        },
-                        splitLine: {
-                            show: true,
-                            distance: titleFontSize * 0.35,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.2,
-                                type: "solid",
-                            }
-                        },
-                        axisLabel: {
-                            show: true,
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,
-                            color: 'inherit',
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['-33%', '20%'],
-                            color: '#ffffff'
-                        },
-                        detail: {
-                            valueAnimation: true,
-                            animationDuration: 2000,
-                            color: '#c5fff3',
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['28%', '20%'], // 设置数字位置
-                        },
-                        data: [{
-                            value: 0,
-                            name: '冷冻泵'
-                        }]
-                    },
-                    {//冷却泵
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        radius: "65%",
-                        center: ["75%", "90%"],
-                        startAngle: 180,
-                        endAngle: 0,
-                        clockWise: true,
-                        min: 0,
-                        max: 100,
-                        splitNumber: 4,
-                        axisTick: {
-                            distance: titleFontSize * 0.2,
-                            show: true,
-                            splitNumber: 5,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.1,
-                                type: "solid",
-                            },
-                        },
-                        pointer: {
-                            length: '40%',
-                            width: titleFontSize * 0.4,// 指针宽度
-                            offsetCenter: [0, '-20%'],
-                            itemStyle: {
-                                color: 'auto'
-                            }
-                        },
-                        axisLine: {
-                            show: true,
-                            lineStyle: {
-                                width: titleFontSize,
-                                color: [
-                                    [0.417, '#ffb219'],
-                                    [0.459, '#00be97'],
-                                    [1, '#208fff'],
-                                ]
-                            }
-                        },
-                        splitLine: {
-                            distance: titleFontSize * 0.35,
-                            show: true,
-                            length: titleFontSize,
-                            lineStyle: {
-                                color: "auto",
-                                opacity: 1,
-                                width: titleFontSize * 0.2,
-                                type: "solid",
-                            }
-                        },
-                        axisLabel: {
-                            show: true,
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,
-                            color: 'inherit',
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['-33%', '20%'],
-                            color: '#ffffff'
-                        },
-                        detail: {
-                            valueAnimation: true,
-                            animationDuration: 2000,
-                            color: '#c5fff3',
-                            fontSize: titleFontSize * 2,
-                            offsetCenter: ['28%', '20%'], // 设置数字位置
-                        },
-                        data: [{
-                            value: 0,
-                            name: "冷却泵"
-                        }]
-
-                    }
-                ]
-            };
-            //把配置项给实例对象
-            this.chartInstance2.setOption(this.option2, true);
+    //初始化chartInstance2对象 折线图
+    initChart2() {
+      const titleFontSize = this.$refs.sys_charts.offsetWidth / 130;
+      this.chartInstance2 = echarts.init(this.$refs.sys_charts);
+      this.option2 = {
+        tooltip: {
+          //弹窗组件
+          formatter: "{a} <br/>{b} : {c}",
         },
-        // 定时器
-        nowData() {//把option.series[0].data[0].value的值使用random()方法获取一个随机数
-            const v0 = (Math.random() * 7).toFixed(2);
-            const v1 = (Math.random() * 10).toFixed(2);
-            const v2 = (Math.random() * 2).toFixed(2);
-            const v3 = (Math.random() * 2).toFixed(2);
-            const v4 = (Math.random() * 10).toFixed(2);
+        // 设置仪表盘的背景颜色  整个cavas
+        // backgroundColor: "#f5f5f5",
+        series: [
+          {
+            //主机
+            name: "实时EER系数",
+            type: "gauge",
+            radius: "65%", // 参数:number, string。 仪表盘半径,默认 75% ，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。
+            center: ["48%", "40%"],
+            startAngle: 180,
+            endAngle: 0,
+            clockWise: true,
+            min: 0,
+            max: 15,
+            splitNumber: 4, // 仪表盘刻度的分割段数,默认 10。
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.2,
+              length: titleFontSize,
+              show: true, // 是否显示刻度(线),默认 true。
+              splitNumber: 5, // 分隔线之间分割的刻度数,默认 5。
+              lineStyle: {
+                // 刻度线样式。
+                color: "auto", //线的颜色,默认 #eee。
+                opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
+                width: titleFontSize * 0.1,
+                type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
+                // shadowBlur: 10,             //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
+                // shadowColor: "#fff",        //阴影颜色。支持的格式同color。
+              },
+            },
+            pointer: {
+              length: "40%", // 指针长度
+              width: titleFontSize * 0.4,
+              offsetCenter: ["0", "-20%"], // 详情位置的偏移量
+              itemStyle: {
+                color: "auto", // 指针颜色自动匹配轴线颜色
+              },
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              show: true, // 是否显示仪表盘轴线(轮廓线),默认 true。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize,
+                color: [
+                  // 轴线颜色区间，可以设置不同的颜色渐变区间
+                  [0.35, "#ffb219"],
+                  [0.38, "#00be97"],
+                  [1, "#208fff"],
+                ],
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35,
+              show: true, // 是否显示分隔线,默认 true。
+              length: titleFontSize,
+              lineStyle: {
+                // 分隔线样式。
+                color: "auto", //线的颜色,默认 #eee。
+                opacity: 1, //图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。
+                width: titleFontSize * 0.2,
+                type: "solid", //线的类型,默认 solid。 此外还有 dashed,dotted
+                // shadowBlur: 10,             //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
+                // shadowColor: "#fff",        //阴影颜色。支持的格式同color。
+              },
+            },
+            axisLabel: {
+              show: true, // 是否显示标签,默认 true。
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5,
+              color: "inherit",
+            },
+            title: {
+              color: "#ffffff",
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["-30%", "20%"], //设置文字位置
+            },
+            detail: {
+              valueAnimation: true,
+              animationDuration: 2000,
+              color: "#c5fff3",
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["28%", "20%"], // 设置数字位置
+            },
+            data: [
+              {
+                value: 0,
+                name: "主机",
+              },
+            ],
+          },
+          {
+            //冷却塔
+            name: "实时EER系数",
+            type: "gauge",
+            radius: "65%",
+            center: ["48%", "90%"],
+            startAngle: 180,
+            endAngle: 0,
+            clockWise: true,
+            min: 0,
+            max: 120,
+            splitNumber: 4,
+            axisTick: {
+              distance: titleFontSize * 0.2,
+              show: true,
+              splitNumber: 5,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.1,
+                type: "solid",
+              },
+            },
+            pointer: {
+              length: "40%",
+              width: titleFontSize * 0.4, // 指针宽度
+              offsetCenter: [0, "-25%"],
+              itemStyle: {
+                color: "auto",
+              },
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: titleFontSize,
+                color: [
+                  [0.407, "#ffb219"],
+                  [0.446, "#00be97"],
+                  [1, "#208fff"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: titleFontSize * 0.35,
+              show: true,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.2,
+                type: "solid",
+              },
+            },
+            axisLabel: {
+              show: true,
+              fontSize: titleFontSize * 1.5, //刻度线数字字体大小
+              distance: titleFontSize * 1.5,
+              color: "inherit",
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["-33%", "20%"],
+              color: "#ffffff",
+            },
+            detail: {
+              valueAnimation: true,
+              animationDuration: 2000,
+              color: "#c5fff3",
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["28%", "20%"], // 设置数字位置
+            },
+            data: [
+              {
+                value: 0,
+                name: "冷却塔",
+              },
+            ],
+          },
+          {
+            //系统能效
+            name: "实时EER系数",
+            type: "gauge",
+            detail: { formatter: "{value}" },
+            radius: "90%",
+            center: ["15%", "55%"],
+            startAngle: 225,
+            endAngle: -45,
+            clockWise: true,
+            min: 0,
+            max: 10,
+            splitNumber: 4,
+            axisTick: {
+              distance: titleFontSize * 0.4,
+              show: true,
+              splitNumber: 5,
+              length: titleFontSize * 1.2,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.2,
+                type: "solid",
+              },
+            },
+            axisLabel: {
+              color: "inherit",
+              fontSize: titleFontSize * 1.8,
+              distance: titleFontSize * 3,
+            },
+            pointer: {
+              width: titleFontSize * 0.6,
+              itemStyle: {
+                color: "auto",
+              },
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: titleFontSize * 1.6,
+                color: [
+                  [0.35, "#ee5e5e"],
+                  [0.415, "#ffb219"],
+                  [0.5, "#00be97"],
+                  [1, "#208fff"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: titleFontSize * 0.35,
+              show: true,
+              length: titleFontSize * 2,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.2,
+                type: "solid",
+              },
+            },
+            title: {
+              fontSize: titleFontSize * 2.6,
+              color: "#ffffff",
+              offsetCenter: ["-25%", "90%"], //设置文字位置
+            },
+            detail: {
+              valueAnimation: true,
+              animationDuration: 2000,
+              color: "#c5fff3",
+              fontSize: titleFontSize * 2.6,
+              offsetCenter: ["35%", "90%"], // 设置数字位置
+            },
+            data: [
+              {
+                value: 0,
+                name: "系统EER",
+              },
+            ],
+          },
+          {
+            //冷冻泵
+            name: "实时EER系数",
+            type: "gauge",
+            radius: "65%",
+            center: ["75%", "40%"],
+            startAngle: 180,
+            endAngle: 0,
+            clockWise: true,
+            min: 0,
+            max: 100,
+            splitNumber: 4,
+            axisTick: {
+              distance: titleFontSize * 0.2,
+              show: true,
+              splitNumber: 5,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.1,
+                type: "solid",
+              },
+            },
+            pointer: {
+              length: "40%",
+              width: titleFontSize * 0.4, // 指针宽度
+              offsetCenter: [0, "-20%"],
+              // width: 3.5, // 指针宽度
+              itemStyle: {
+                color: "auto",
+              },
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: titleFontSize,
+                color: [
+                  [0.417, "#ffb219"],
+                  [0.459, "#00be97"],
+                  [1, "#208fff"],
+                ],
+              },
+            },
+            splitLine: {
+              show: true,
+              distance: titleFontSize * 0.35,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.2,
+                type: "solid",
+              },
+            },
+            axisLabel: {
+              show: true,
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5,
+              color: "inherit",
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["-33%", "20%"],
+              color: "#ffffff",
+            },
+            detail: {
+              valueAnimation: true,
+              animationDuration: 2000,
+              color: "#c5fff3",
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["28%", "20%"], // 设置数字位置
+            },
+            data: [
+              {
+                value: 0,
+                name: "冷冻泵",
+              },
+            ],
+          },
+          {
+            //冷却泵
+            name: "实时EER系数",
+            type: "gauge",
+            radius: "65%",
+            center: ["75%", "90%"],
+            startAngle: 180,
+            endAngle: 0,
+            clockWise: true,
+            min: 0,
+            max: 100,
+            splitNumber: 4,
+            axisTick: {
+              distance: titleFontSize * 0.2,
+              show: true,
+              splitNumber: 5,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.1,
+                type: "solid",
+              },
+            },
+            pointer: {
+              length: "40%",
+              width: titleFontSize * 0.4, // 指针宽度
+              offsetCenter: [0, "-20%"],
+              itemStyle: {
+                color: "auto",
+              },
+            },
+            axisLine: {
+              show: true,
+              lineStyle: {
+                width: titleFontSize,
+                color: [
+                  [0.417, "#ffb219"],
+                  [0.459, "#00be97"],
+                  [1, "#208fff"],
+                ],
+              },
+            },
+            splitLine: {
+              distance: titleFontSize * 0.35,
+              show: true,
+              length: titleFontSize,
+              lineStyle: {
+                color: "auto",
+                opacity: 1,
+                width: titleFontSize * 0.2,
+                type: "solid",
+              },
+            },
+            axisLabel: {
+              show: true,
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5,
+              color: "inherit",
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["-33%", "20%"],
+              color: "#ffffff",
+            },
+            detail: {
+              valueAnimation: true,
+              animationDuration: 2000,
+              color: "#c5fff3",
+              fontSize: titleFontSize * 2,
+              offsetCenter: ["28%", "20%"], // 设置数字位置
+            },
+            data: [
+              {
+                value: 0,
+                name: "冷却泵",
+              },
+            ],
+          },
+        ],
+      };
+      //把配置项给实例对象
+      this.chartInstance2.setOption(this.option2, true);
+    },
+    // 定时器
+    nowData() {
+      //把option.series[0].data[0].value的值使用random()方法获取一个随机数
+      const v0 = (Math.random() * 7).toFixed(2);
+      const v1 = (Math.random() * 10).toFixed(2);
+      const v2 = (Math.random() * 2).toFixed(2);
+      const v3 = (Math.random() * 2).toFixed(2);
+      const v4 = (Math.random() * 10).toFixed(2);
 
-            // 根据值动态设置 detail 颜色
-            const color0 = this.getGaugeColor(v0, 0, 15, [[0.35, '#ffb219'], [0.38, '#00be97'], [1, '#208fff']]);
-            const color1 = this.getGaugeColor(v1, 0, 120, [[0.407, '#ffb219'], [0.446, '#00be97'], [1, '#208fff']]);
-            const color2 = this.getGaugeColor(v2, 0, 10, [[0.35, '#ee5e5e'], [0.415, '#ffb219'], [0.5, '#00be97'], [1, '#208fff']]);
-            const color3 = this.getGaugeColor(v3, 0, 100, [[0.417, '#ffb219'], [0.459, '#00be97'], [1, '#208fff']]);
-            const color4 = this.getGaugeColor(v4, 0, 100, [[0.417, '#ffb219'], [0.459, '#00be97'], [1, '#208fff']]);
+      // 根据值动态设置 detail 颜色
+      const color0 = this.getGaugeColor(v0, 0, 15, [
+        [0.35, "#ffb219"],
+        [0.38, "#00be97"],
+        [1, "#208fff"],
+      ]);
+      const color1 = this.getGaugeColor(v1, 0, 120, [
+        [0.407, "#ffb219"],
+        [0.446, "#00be97"],
+        [1, "#208fff"],
+      ]);
+      const color2 = this.getGaugeColor(v2, 0, 10, [
+        [0.35, "#ee5e5e"],
+        [0.415, "#ffb219"],
+        [0.5, "#00be97"],
+        [1, "#208fff"],
+      ]);
+      const color3 = this.getGaugeColor(v3, 0, 100, [
+        [0.417, "#ffb219"],
+        [0.459, "#00be97"],
+        [1, "#208fff"],
+      ]);
+      const color4 = this.getGaugeColor(v4, 0, 100, [
+        [0.417, "#ffb219"],
+        [0.459, "#00be97"],
+        [1, "#208fff"],
+      ]);
 
-            // 使用 merge 模式更新，确保 detail.color 生效
-            this.chartInstance2.setOption({
-                series: [
-                    { detail: { color: color0 }, data: [{ value: v0 }] },
-                    { detail: { color: color1 }, data: [{ value: v1 }] },
-                    { detail: { color: color2 }, data: [{ value: v2 }] },
-                    { detail: { color: color3 }, data: [{ value: v3 }] },
-                    { detail: { color: color4 }, data: [{ value: v4 }] },
-                ]
-            });
-            setInterval(this.nowData, 100000);
-            this.clear();
-        },
-        clear() {
-            clearInterval(this.nowData);
-            this.nowData = null;
-        },
-        screenAdapter2() {
-            const titleFontSize = this.$refs.sys_charts.offsetWidth / 180;
-            const adapterOption = {
-                series: [
-                    {  //主机
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.2,         //刻度线离边缘的距离
-                            length: titleFontSize,              // 刻度线长。支持相对半径的百分比,默认 8。
-                            lineStyle: {            // 刻度线样式。
-                                width: titleFontSize * 0.1,                   //线度,默认 1。
-                            },
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.4, // 指针宽度
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize,                  //轴线宽度,默认 30。
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,     //分割线离边缘的距离
-                            length: titleFontSize,             // 分隔线线长。支持相对半径的百分比,默认 30。
-                            lineStyle: {            // 分隔线样式。
-                                width: titleFontSize * 0.2,                 //线度,默认 2。
-                            },
-                        },
-                        axisLabel: {
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,            // 标签与刻度线的距离,默认 5。
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                        },
-                        detail: {
-                            fontSize: titleFontSize * 2,
-                        },
-                    },
-                    {  //冷却塔
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.2,         //刻度线离边缘的距离
-                            length: titleFontSize,              // 刻度线长。支持相对半径的百分比,默认 8。
-                            lineStyle: {            // 刻度线样式。
-                                width: titleFontSize * 0.1,                   //线度,默认 1。
-                            },
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.4, // 指针宽度
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize,                  //轴线宽度,默认 30。
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,     //分割线离边缘的距离
-                            length: titleFontSize,             // 分隔线线长。支持相对半径的百分比,默认 30。
-                            lineStyle: {            // 分隔线样式。
-                                width: titleFontSize * 0.2,                 //线度,默认 2。
-                            },
-                        },
-                        axisLabel: {
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,            // 标签与刻度线的距离,默认 5。
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                        },
-                        detail: {
-                            fontSize: titleFontSize * 2,
-                        },
-                    },
-                    {  //系统能效
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.4,         //刻度线离边缘的距离
-                            length: titleFontSize * 1.2,              // 刻度线长。支持相对半径的百分比,默认 8。
-                            lineStyle: {            // 刻度线样式。
-                                width: titleFontSize * 0.2,                   //线度,默认 1。
-                            },
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.6, // 指针宽度
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize * 1.6,                  //轴线宽度,默认 30。
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,     //分割线离边缘的距离
-                            length: titleFontSize * 2,             // 分隔线线长。支持相对半径的百分比,默认 30。
-                            lineStyle: {            // 分隔线样式。
-                                width: titleFontSize * 0.2,                 //线度,默认 2。
-                            },
-                        },
-                        axisLabel: {
-                            fontSize: titleFontSize * 1.8,
-                            distance: titleFontSize * 3,           // 标签与刻度线的距离,默认 5。
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2.6,
-                        },
-                        detail: {
-                            fontSize: titleFontSize * 2.6,
-                        },
-                    },
-                    {  //冷冻泵
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.2,         //刻度线离边缘的距离
-                            length: titleFontSize,              // 刻度线长。支持相对半径的百分比,默认 8。
-                            lineStyle: {            // 刻度线样式。
-                                width: titleFontSize * 0.1,                   //线度,默认 1。
-                            },
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.4, // 指针宽度
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize,                  //轴线宽度,默认 30。
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,     //分割线离边缘的距离
-                            length: titleFontSize,             // 分隔线线长。支持相对半径的百分比,默认 30。
-                            lineStyle: {            // 分隔线样式。
-                                width: titleFontSize * 0.2,                 //线度,默认 2。
-                            },
-                        },
-                        axisLabel: {
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,            // 标签与刻度线的距离,默认 5。
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                        },
-                        detail: {
-                            fontSize: titleFontSize * 2,
-                        },
-                    },
-                    {  //冷却泵
-                        name: '实时EER系数',
-                        type: 'gauge',
-                        axisTick: {             // 刻度(线)样式。
-                            distance: titleFontSize * 0.2,         //刻度线离边缘的距离
-                            length: titleFontSize,              // 刻度线长。支持相对半径的百分比,默认 8。
-                            lineStyle: {            // 刻度线样式。
-                                width: titleFontSize * 0.1,                   //线度,默认 1。
-                            },
-                        },
-                        pointer: {
-                            width: titleFontSize * 0.4, // 指针宽度
-                        },
-                        axisLine: {             // 仪表盘轴线(轮廓线)相关配置。
-                            lineStyle: {            // 仪表盘轴线样式。
-                                width: titleFontSize,                  //轴线宽度,默认 30。
-                            }
-                        },
-                        splitLine: {            // 分隔线样式。
-                            distance: titleFontSize * 0.35,     //分割线离边缘的距离
-                            length: titleFontSize,             // 分隔线线长。支持相对半径的百分比,默认 30。
-                            lineStyle: {            // 分隔线样式。
-                                width: titleFontSize * 0.2,                 //线度,默认 2。
-                            },
-                        },
-                        axisLabel: {
-                            fontSize: titleFontSize * 1.5,
-                            distance: titleFontSize * 1.5,            // 标签与刻度线的距离,默认 5。
-                        },
-                        title: {
-                            fontSize: titleFontSize * 2,
-                        },
-                        detail: {
-                            fontSize: titleFontSize * 2,
-                        },
-                    },]
-            };
-            this.chartInstance2.setOption(adapterOption);
-            this.chartInstance2.resize();
-        },
-        // 系统系数
-        getCoe() {
-            getCoeData().then((res) => {
-                console.log("系统系数返回", res)
-                if (res.code == 200) {
-                    this.data1 = res.rows[0].sysCoe || this.data1;
-                    this.data2 = res.rows[0].chillerCoe || this.data2;
-                    this.data3 = res.rows[0].chillPumpCoe || this.data3;
-                    this.data4 = res.rows[0].coolPumpCoe || this.data4;
-                    this.data5 = res.rows[0].towerCoe || this.data5;
+      // 使用 merge 模式更新，确保 detail.color 生效
+      this.chartInstance2.setOption({
+        series: [
+          { detail: { color: color0 }, data: [{ value: v0 }] },
+          { detail: { color: color1 }, data: [{ value: v1 }] },
+          { detail: { color: color2 }, data: [{ value: v2 }] },
+          { detail: { color: color3 }, data: [{ value: v3 }] },
+          { detail: { color: color4 }, data: [{ value: v4 }] },
+        ],
+      });
+      setInterval(this.nowData, 100000);
+      this.clear();
+    },
+    clear() {
+      clearInterval(this.nowData);
+      this.nowData = null;
+    },
+    screenAdapter2() {
+      const titleFontSize = this.$refs.sys_charts.offsetWidth / 130;
+      const adapterOption = {
+        series: [
+          {
+            //主机
+            name: "实时EER系数",
+            type: "gauge",
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.2, //刻度线离边缘的距离
+              length: titleFontSize, // 刻度线长。支持相对半径的百分比,默认 8。
+              lineStyle: {
+                // 刻度线样式。
+                width: titleFontSize * 0.1, //线度,默认 1。
+              },
+            },
+            pointer: {
+              width: titleFontSize * 0.4, // 指针宽度
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize, //轴线宽度,默认 30。
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35, //分割线离边缘的距离
+              length: titleFontSize, // 分隔线线长。支持相对半径的百分比,默认 30。
+              lineStyle: {
+                // 分隔线样式。
+                width: titleFontSize * 0.2, //线度,默认 2。
+              },
+            },
+            axisLabel: {
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5, // 标签与刻度线的距离,默认 5。
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+            },
+            detail: {
+              fontSize: titleFontSize * 2,
+            },
+          },
+          {
+            //冷却塔
+            name: "实时EER系数",
+            type: "gauge",
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.2, //刻度线离边缘的距离
+              length: titleFontSize, // 刻度线长。支持相对半径的百分比,默认 8。
+              lineStyle: {
+                // 刻度线样式。
+                width: titleFontSize * 0.1, //线度,默认 1。
+              },
+            },
+            pointer: {
+              width: titleFontSize * 0.4, // 指针宽度
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize, //轴线宽度,默认 30。
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35, //分割线离边缘的距离
+              length: titleFontSize, // 分隔线线长。支持相对半径的百分比,默认 30。
+              lineStyle: {
+                // 分隔线样式。
+                width: titleFontSize * 0.2, //线度,默认 2。
+              },
+            },
+            axisLabel: {
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5, // 标签与刻度线的距离,默认 5。
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+            },
+            detail: {
+              fontSize: titleFontSize * 2,
+            },
+          },
+          {
+            //系统能效
+            name: "实时EER系数",
+            type: "gauge",
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.4, //刻度线离边缘的距离
+              length: titleFontSize * 1.2, // 刻度线长。支持相对半径的百分比,默认 8。
+              lineStyle: {
+                // 刻度线样式。
+                width: titleFontSize * 0.2, //线度,默认 1。
+              },
+            },
+            pointer: {
+              width: titleFontSize * 0.6, // 指针宽度
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize * 1.6, //轴线宽度,默认 30。
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35, //分割线离边缘的距离
+              length: titleFontSize * 2, // 分隔线线长。支持相对半径的百分比,默认 30。
+              lineStyle: {
+                // 分隔线样式。
+                width: titleFontSize * 0.2, //线度,默认 2。
+              },
+            },
+            axisLabel: {
+              fontSize: titleFontSize * 1.8,
+              distance: titleFontSize * 3, // 标签与刻度线的距离,默认 5。
+            },
+            title: {
+              fontSize: titleFontSize * 2.6,
+            },
+            detail: {
+              fontSize: titleFontSize * 2.6,
+            },
+          },
+          {
+            //冷冻泵
+            name: "实时EER系数",
+            type: "gauge",
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.2, //刻度线离边缘的距离
+              length: titleFontSize, // 刻度线长。支持相对半径的百分比,默认 8。
+              lineStyle: {
+                // 刻度线样式。
+                width: titleFontSize * 0.1, //线度,默认 1。
+              },
+            },
+            pointer: {
+              width: titleFontSize * 0.4, // 指针宽度
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize, //轴线宽度,默认 30。
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35, //分割线离边缘的距离
+              length: titleFontSize, // 分隔线线长。支持相对半径的百分比,默认 30。
+              lineStyle: {
+                // 分隔线样式。
+                width: titleFontSize * 0.2, //线度,默认 2。
+              },
+            },
+            axisLabel: {
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5, // 标签与刻度线的距离,默认 5。
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+            },
+            detail: {
+              fontSize: titleFontSize * 2,
+            },
+          },
+          {
+            //冷却泵
+            name: "实时EER系数",
+            type: "gauge",
+            axisTick: {
+              // 刻度(线)样式。
+              distance: titleFontSize * 0.2, //刻度线离边缘的距离
+              length: titleFontSize, // 刻度线长。支持相对半径的百分比,默认 8。
+              lineStyle: {
+                // 刻度线样式。
+                width: titleFontSize * 0.1, //线度,默认 1。
+              },
+            },
+            pointer: {
+              width: titleFontSize * 0.4, // 指针宽度
+            },
+            axisLine: {
+              // 仪表盘轴线(轮廓线)相关配置。
+              lineStyle: {
+                // 仪表盘轴线样式。
+                width: titleFontSize, //轴线宽度,默认 30。
+              },
+            },
+            splitLine: {
+              // 分隔线样式。
+              distance: titleFontSize * 0.35, //分割线离边缘的距离
+              length: titleFontSize, // 分隔线线长。支持相对半径的百分比,默认 30。
+              lineStyle: {
+                // 分隔线样式。
+                width: titleFontSize * 0.2, //线度,默认 2。
+              },
+            },
+            axisLabel: {
+              fontSize: titleFontSize * 1.5,
+              distance: titleFontSize * 1.5, // 标签与刻度线的距离,默认 5。
+            },
+            title: {
+              fontSize: titleFontSize * 2,
+            },
+            detail: {
+              fontSize: titleFontSize * 2,
+            },
+          },
+        ],
+      };
+      this.chartInstance2.setOption(adapterOption);
+      this.chartInstance2.resize();
+    },
+    // 系统系数
+    getCoe() {
+      getCoeData().then((res) => {
+        console.log("系统系数返回", res);
+        if (res.code == 200) {
+          this.data1 = res.rows[0].sysCoe || this.data1;
+          this.data2 = res.rows[0].chillerCoe || this.data2;
+          this.data3 = res.rows[0].chillPumpCoe || this.data3;
+          this.data4 = res.rows[0].coolPumpCoe || this.data4;
+          this.data5 = res.rows[0].towerCoe || this.data5;
 
-                    // 主机
-                    const color0 = this.getGaugeColor(this.data2, 0, 15, [[0.35, '#ffb219'], [0.38, '#00be97'], [1, '#208fff']]);
-                    this.option2.series[0].data[0].value = this.data2;
-                    this.option2.series[0].detail.color = color0;
+          // 主机
+          const color0 = this.getGaugeColor(this.data2, 0, 15, [
+            [0.35, "#ffb219"],
+            [0.38, "#00be97"],
+            [1, "#208fff"],
+          ]);
+          this.option2.series[0].data[0].value = this.data2;
+          this.option2.series[0].detail.color = color0;
 
-                    // 冷却塔
-                    const color1 = this.getGaugeColor(this.data5, 0, 120, [[0.407, '#ffb219'], [0.446, '#00be97'], [1, '#208fff']]);
-                    this.option2.series[1].data[0].value = this.data5;
-                    this.option2.series[1].detail.color = color1;
+          // 冷却塔
+          const color1 = this.getGaugeColor(this.data5, 0, 120, [
+            [0.407, "#ffb219"],
+            [0.446, "#00be97"],
+            [1, "#208fff"],
+          ]);
+          this.option2.series[1].data[0].value = this.data5;
+          this.option2.series[1].detail.color = color1;
 
-                    // 系统EER
-                    const color2 = this.getGaugeColor(this.data1, 0, 10, [[0.35, '#ee5e5e'], [0.415, '#ffb219'], [0.5, '#00be97'], [1, '#208fff']]);
-                    this.option2.series[2].data[0].value = this.data1;
-                    this.option2.series[2].detail.color = color2;
+          // 系统EER
+          const color2 = this.getGaugeColor(this.data1, 0, 10, [
+            [0.35, "#ee5e5e"],
+            [0.415, "#ffb219"],
+            [0.5, "#00be97"],
+            [1, "#208fff"],
+          ]);
+          this.option2.series[2].data[0].value = this.data1;
+          this.option2.series[2].detail.color = color2;
 
-                    // 冷冻泵
-                    const color3 = this.getGaugeColor(this.data3, 0, 100, [[0.417, '#ffb219'], [0.459, '#00be97'], [1, '#208fff']]);
-                    this.option2.series[3].data[0].value = this.data3;
-                    this.option2.series[3].detail.color = color3;
+          // 冷冻泵
+          const color3 = this.getGaugeColor(this.data3, 0, 100, [
+            [0.417, "#ffb219"],
+            [0.459, "#00be97"],
+            [1, "#208fff"],
+          ]);
+          this.option2.series[3].data[0].value = this.data3;
+          this.option2.series[3].detail.color = color3;
 
-                    // 冷却泵
-                    const color4 = this.getGaugeColor(this.data4, 0, 100, [[0.417, '#ffb219'], [0.459, '#00be97'], [1, '#208fff']]);
-                    this.option2.series[4].data[0].value = this.data4;
-                    this.option2.series[4].detail.color = color4;
+          // 冷却泵
+          const color4 = this.getGaugeColor(this.data4, 0, 100, [
+            [0.417, "#ffb219"],
+            [0.459, "#00be97"],
+            [1, "#208fff"],
+          ]);
+          this.option2.series[4].data[0].value = this.data4;
+          this.option2.series[4].detail.color = color4;
 
-                    // 使用 merge 模式更新，确保 detail.color 生效
-                    this.chartInstance2.setOption({
-                        series: [
-                            { detail: { color: color0 }, data: [{ value: this.data2, name: '主机' }] },
-                            { detail: { color: color1 }, data: [{ value: this.data5, name: '冷却塔' }] },
-                            { detail: { color: color2 }, data: [{ value: this.data1, name: '系统EER' }] },
-                            { detail: { color: color3 }, data: [{ value: this.data3, name: '冷冻泵' }] },
-                            { detail: { color: color4 }, data: [{ value: this.data4, name: '冷却泵' }] },
-                        ]
-                    });
-                }
-            })
-        },
-    }
-}
+          // 使用 merge 模式更新，确保 detail.color 生效
+          this.chartInstance2.setOption({
+            series: [
+              {
+                detail: { color: color0 },
+                data: [{ value: this.data2, name: "主机" }],
+              },
+              {
+                detail: { color: color1 },
+                data: [{ value: this.data5, name: "冷却塔" }],
+              },
+              {
+                detail: { color: color2 },
+                data: [{ value: this.data1, name: "系统EER" }],
+              },
+              {
+                detail: { color: color3 },
+                data: [{ value: this.data3, name: "冷冻泵" }],
+              },
+              {
+                detail: { color: color4 },
+                data: [{ value: this.data4, name: "冷却泵" }],
+              },
+            ],
+          });
+        }
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .sys_content {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: flex-start;
-    width: 100%;
-    height:3rem;
-    padding: 20px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  width: 100%;
+  height: 2.7rem;
+  padding: 20px;
 
-    .sys_charts {
-        width: 90%;
-        height: 2.5rem;
-        margin-bottom: -0.9rem;
-    }
+  .sys_charts {
+    width: 85%;
+    height: 2rem;
+    margin-bottom: -0.9rem;
+  }
 
-    .score {
-        width: 10%;
-        height: 100%;   
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        font-size: 0.18rem;
-        color: #ffffff;
-        margin: 10px;
+  .score {
+    width: 15%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    font-size: 0.18rem;
+    color: #ffffff;
+    margin: 10px;
 
-        .excellent,
-        .good,
-        .bad,
-        .improve {
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            margin-bottom: 0.1rem;
-            white-space: nowrap;
-        }
+    .excellent,
+    .good,
+    .bad,
+    .improve {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-bottom: 0.1rem;
+      white-space: nowrap;
+    }
 
-        .excellent::before,
-        .good::before,
-        .bad::before,
-        .improve::before {
-            display: block;
-            content: '';
-            width: 0.15rem;
-            height: 0.14rem;
-            margin-right: 0.16rem;
-        }
+    .excellent::before,
+    .good::before,
+    .bad::before,
+    .improve::before {
+      display: block;
+      content: "";
+      width: 0.15rem;
+      height: 0.14rem;
+      margin-right: 0.16rem;
+    }
 
-        .excellent::before {
-            background-color: #208fff;
-        }
+    .excellent::before {
+      background-color: #208fff;
+    }
 
-        .good::before {
-            background-color: #00be97;
-        }
+    .good::before {
+      background-color: #00be97;
+    }
 
-        .bad::before {
-            background-color: #ffb219;
-        }
+    .bad::before {
+      background-color: #ffb219;
+    }
 
-        .improve::before {
-            background-color: #ee5e5e;
-        }
+    .improve::before {
+      background-color: #ee5e5e;
     }
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/components/viewColdSys.vue b/src/views/components/viewColdSys.vue
deleted file mode 100644
index d38b60a..0000000
--- a/src/views/components/viewColdSys.vue
+++ /dev/null
@@ -1,514 +0,0 @@
-<template>
-  <div class="energy_content">
-    <div class="sys_charts" ref="sys_charts"></div>
-    <div class="eer">{{ title }}</div>
-    <div class="bad" v-if="subData.status === 1">异常</div>
-  </div>
-</template>
-
-<script>
-import * as echarts from "echarts";
-export default {
-  props: {
-    subData: {
-      type: Object,
-      required: true,
-    },
-    title: "",
-  },
-  data() {
-    return {
-      chartInstance: null,
-      option: {},
-      useForm: {
-        useData: 5,
-        maxData: 10, //最大的刻度值
-      },
-    };
-  },
-  watch: {
-    subData: {
-      immediate: true, // 页面加载时立即触发一次监听
-      handler(newVal) {
-        // console.log("检测到传功来的数据", this.subData);
-        if (Object.keys(newVal).length > 0) {
-          console.log("newval", newVal);
-          this.$nextTick(() => {
-            this.initChart();
-          });
-        }
-      },
-    },
-  },
-  mounted() {
-    this.initChart();
-    this.screenAdapter();
-    window.addEventListener("resize", this.screenAdapter);
-  },
-  destroyed() {
-    //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
-    window.removeEventListener("resize", this.screenAdapter);
-  },
-  methods: {
-    // 计算颜色设置的函数
-    getAxisLineColor(useData, maxData) {
-      // 计算阈值
-      // 真实值大于最大值的0.75才使用颜色渐变
-      const threshold = maxData * 0.75;
-
-      // 判断实际值是否超过阈值
-      if (useData > threshold) {
-        return [
-          [
-            useData / maxData,
-            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-              { offset: 0, color: "rgba(0,127,208,1)" },
-              { offset: 0.6, color: "rgba(0,127,208,1)" },
-              { offset: 1, color: "rgba(69, 235, 167,0.5)" },
-            ]),
-          ],
-          [1, "rgba(28,128,245,.0)"],
-        ];
-      } else {
-        return [
-          [
-            useData / maxData,
-            new echarts.graphic.LinearGradient(0, 0, 1, 0, [
-              { offset: 0, color: "rgba(0,127,208,1)" },
-              { offset: 0.5, color: "rgba(0,127,208,1)" },
-              { offset: 1, color: "rgba(0,127,208,1)" },
-            ]),
-          ],
-          [1, "rgba(28,128,245,.0)"],
-        ];
-      }
-    },
-    //初始化chartInstance2对象 折线图
-    initChart() {
-      this.chartInstance = echarts.init(this.$refs.sys_charts);
-      var dataArr = this.subData.curValue; //值
-      var maxData = 10; //最大值
-      this.option = {
-        // backgroundColor: "#0E1327",
-        tooltip: {
-          formatter: "{a} <br/>{b} : {c}%",
-        },
-
-        series: [
-          {
-            name: "外部线",
-            type: "gauge",
-            radius: "100%", // 动态
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              lineStyle: {
-                color: [
-                  [1, "#31F3FF"], // 动态
-                ],
-                width: 1,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            detail: {
-              show: false,
-            },
-            title: {
-              //标题
-              show: false,
-            },
-          },
-          {
-            name: "外部刻度",
-            type: "gauge",
-            radius: "100%",
-            min: 0, //最小刻度
-            max: maxData, //最大刻度
-            splitNumber: 10, //刻度数量
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              show: false,
-              lineStyle: {
-                color: [[1, "rgba(0,0,0,0)"]],
-              },
-            }, //仪表盘轴线
-            axisLabel: {
-              show: true,
-              color: "#31F3FF",
-              fontSize: 9, // 动态
-              distance: -15, // 动态
-            }, //刻度标签。
-            axisTick: {
-              show: false,
-            }, //刻度样式
-            splitLine: {
-              show: false,
-            },
-          },
-          {
-            name: "内部宽线条",
-            type: "gauge",
-            radius: "77%",
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              lineStyle: {
-                color: [[1, "#122B3C"]],
-                width: 20,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            detail: {
-              show: false,
-            },
-            title: {
-              show: false,
-            },
-          },
-          {
-            name: "内部细线条",
-            type: "gauge",
-            radius: "43%",
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              lineStyle: {
-                color: [[1, "#385264"]],
-                width: 1,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            detail: {
-              show: false,
-            },
-            title: {
-              show: false,
-            },
-          },
-          {
-            name: "间隔条形",
-            type: "gauge",
-            radius: "98%",
-            z: 4,
-            splitNumber: 20, //多少段间隔
-            startAngle: 225,
-            endAngle: -45,
-            axisLine: {
-              lineStyle: {
-                opacity: 0,
-              },
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: true,
-              length: 10,
-              splitNumber: 1,
-              lineStyle: {
-                color: "#122B3C",
-                width: 0.5,
-              },
-            },
-            splitLine: {
-              show: false,
-            },
-            detail: {
-              show: false,
-            },
-            title: {
-              show: false,
-            },
-          },
-          {
-            name: "数据",
-            type: "gauge",
-            radius: "70.5%",
-            z: 3,
-            startAngle: 225,
-            max: maxData,
-            endAngle: -45,
-            axisLine: {
-              lineStyle: {
-                color: [
-                  [dataArr / maxData, "#31F3FF"], // 动态
-                  [1, "#16414D"], //未达到区域颜色-变暗
-                ],
-                width: 10,
-              },
-            },
-            tooltip: {
-              show: false,
-            },
-            axisLabel: {
-              show: false,
-            },
-            axisTick: {
-              show: false,
-            },
-            splitLine: {
-              show: false,
-            },
-            detail: {
-              show: true,
-              fontWeight: "bold",
-              fontSize: 18,
-              offsetCenter: [0, "60%"], // 文字位置偏移
-              color: "#31F3FF",
-            },
-            pointer: {
-              show: true,
-              length: "75%", // 指针长度，可以是百分比或像素值
-              width: 2, // 指针宽度
-              itemStyle: {
-                color: "#31F3FF", // 指针颜色
-                borderWidth: 0,
-                shadowColor: "rgba(255, 107, 53, 0.5)", // 阴影颜色
-                shadowBlur: 10, // 阴影模糊大小
-              },
-            },
-            data: [
-              {
-                name: "",
-                value: dataArr,
-              },
-            ],
-          },
-          // 内圆-指针外圈阴影
-          {
-            name: "内圆环",
-            type: "pie",
-            radius: "10%",
-            hoverAnimation: false,
-            tooltip: {
-              show: false,
-            },
-            cursor: "default",
-            labelLine: {
-              normal: {
-                show: false,
-              },
-            },
-            itemStyle: {
-              color: "#08ACDF",
-            },
-            animation: false,
-            data: [1],
-          },
-          // 内圆-指针圆圈
-          {
-            name: "内圆环2",
-            type: "pie",
-            radius: "5%",
-            hoverAnimation: false,
-            cursor: "default",
-            tooltip: {
-              show: false,
-            },
-            labelLine: {
-              normal: {
-                show: false,
-              },
-            },
-            itemStyle: {
-              color: "#31F3FF",
-            },
-            animation: false,
-            data: [1],
-          },
-        ],
-      };
-      //把配置项给实例对象
-      this.chartInstance.setOption(this.option, true);
-    },
-    screenAdapter() {
-      const titleFontSize = this.$refs.sys_charts.offsetWidth / 18;
-      const adapterOption = {
-        series: [],
-      };
-      this.chartInstance.setOption(adapterOption);
-      this.chartInstance.resize();
-    },
-    // 请求的数据
-    echartsData() {
-      if (this.subData.length > 0) {
-        this.useForm.maxData = 10;
-        this.useForm.useData = this.subData[0].value;
-        let that = this;
-        // 使用配置函数
-        const axisLineColor = this.getAxisLineColor(
-          this.useForm.useData,
-          this.useForm.maxData
-        );
-        const titleFontSize = this.$refs.sys_charts.offsetWidth / 20;
-        const adapterOption = {
-          // series: [
-          //   {
-          //     name: "内部动态阴影",
-          //     axisLine: {
-          //       lineStyle: {
-          //         color: axisLineColor,
-          //         // 相当于阴影部分的直径
-          //         // width: 80,
-          //       },
-          //     },
-          //   },
-          //   {
-          //     name: "内部大边框",
-          //     min: 0,
-          //     max: this.useForm.maxData,
-          //   },
-          //   {
-          //     name: "指针上的圆",
-          //     data: [
-          //       {
-          //         value: 5,
-          //       },
-          //     ],
-          //   },
-          //   {
-          //     name: "指针上的渐变圆",
-          //     label: {
-          //       show: true,
-          //       position: "center", // 文字显示在中心位置
-          //       offset: [0, -titleFontSize * 0.6], // 向上偏移 10 个单位
-          //       formatter: function () {
-          //         // 返回 HTML 标签，使用 rich 里定义的样式
-          //         return `{line|${that.useForm.useData}}`;
-          //       },
-          //       rich: {
-          //         line: {
-          //           color: "#fff", // 第二行文字颜色
-          //           fontSize: titleFontSize, // 第二行文字大小
-          //           lineHeight: 5, // 行高，实现间距
-          //         },
-          //       },
-          //     },
-          //     data: [
-          //       {
-          //         value: 0,
-          //         itemStyle: {
-          //           // 设置渐变颜色
-          //           color: {
-          //             type: "linear",
-          //             x: 0,
-          //             y: 0,
-          //             x2: 0,
-          //             y2: 1,
-          //             colorStops: [
-          //               {
-          //                 offset: 0,
-          //                 color: "rgb(4,112,212)", // 顶部颜色
-          //               },
-          //               {
-          //                 offset: 0.3,
-          //                 color: "rgba(0, 46, 93)", // 底部透明
-          //               },
-          //             ],
-          //             global: false, // 缺省为 false
-          //           },
-          //         },
-          //       },
-          //     ],
-          //   },
-          //   {
-          //     // 指针 数据
-          //     name: this.energyCostText,
-          //     max: this.useForm.maxData, //最大刻度
-          //     axisLabel: {
-          //       formatter: (value) => {
-          //         // 仅显示 0 和最大值
-          //         if (value === 0 || value == this.useForm.maxData) {
-          //           // 替换 100 为你的最大值
-          //           return value;
-          //         }
-          //         return "";
-          //       },
-          //     },
-          //     data: [
-          //       {
-          //         name: this.dateUse,
-          //         value: this.useForm.useData,
-          //       },
-          //     ],
-          //   },
-          // ],
-        };
-        this.chartInstance.setOption(adapterOption);
-        //手动的调用图标对象的resize才能产生效果
-        this.chartInstance.resize();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.energy_content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100% !important;
-  height: 100%;
-
-  .sys_charts {
-    width: 100%;
-    height: 150px;
-  }
-  .eer {
-    font-size: 18px;
-  }
-}
-.bad {
-  font-size: 18px;
-  margin-top: 5px;
-  color: red;
-  // animation: colorBlink 1s infinite;
-}
-
-@keyframes colorBlink {
-  0%,
-  100% {
-    color: #ff0000;
-  } /* 亮红 */
-  50% {
-    color: #cc0000;
-  } /* 暗红 */
-}
-// 媒体查询，适配大于2000px分辨率的大屏样式
-@media (min-width: 2000px) {
-  .sys_charts {
-    height: 1.5rem !important;
-  }
-  .eer {
-    font-size: 0.18rem !important;
-    margin-top: 0.25rem !important;
-  }
-}
-</style>
diff --git a/src/views/components/viewEnergy.vue b/src/views/components/viewEnergy.vue
index fe1d66e..922e641 100644
--- a/src/views/components/viewEnergy.vue
+++ b/src/views/components/viewEnergy.vue
@@ -81,7 +81,7 @@ export default {
       );
       console.log("当前要渲染的数据对象", chartsObj);
       console.log("当前要渲染的颜色对象", colorObj);
-      const titleFontSize = this.$refs.chart_ref.offsetWidth / 50;
+      const titleFontSize = this.$refs.chart_ref.offsetWidth / 100;
       let adapterOption = {};
       // 添加折线的配置
       adapterOption = {
diff --git a/src/views/index.vue b/src/views/index.vue
index c1cdf50..9d5b306 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -5,25 +5,42 @@
         <div class="special-title">项目简介</div>
       </div>
       <div class="project-all">
-        <img class="project-img" :src="imgUrl + projectObj.logo" @click="showDialog" alt="Base64 Image" />
+        <img
+          class="project-img"
+          :src="imgUrl + projectObj.logo"
+          @click="showDialog"
+          alt="Base64 Image"
+        />
         <div class="project-li">
           <div class="list-con">
             <div class="project-left">
-              <img class="left-icon" src="../assets/images/project-icon1.png" alt="" />
+              <img
+                class="left-icon"
+                src="../assets/images/project-icon1.png"
+                alt=""
+              />
               <div class="project-name">项目名称</div>
             </div>
             <div class="project-right">{{ projectObj.proName }}</div>
           </div>
           <div class="list-con">
             <div class="project-left">
-              <img class="left-icon" src="../assets/images/project-icon2.png" alt="" />
+              <img
+                class="left-icon"
+                src="../assets/images/project-icon2.png"
+                alt=""
+              />
               <div class="project-name">建筑面积</div>
             </div>
             <div class="project-right">{{ projectObj.buildingArea }}m³</div>
           </div>
           <div class="list-con">
             <div class="project-left">
-              <img class="left-icon" src="../assets/images/project-icon3.png" alt="" />
+              <img
+                class="left-icon"
+                src="../assets/images/project-icon3.png"
+                alt=""
+              />
               <div class="project-name">运营地址</div>
             </div>
             <div class="project-right">{{ projectObj.proAddr }}</div>
@@ -32,7 +49,11 @@
         <div class="project-li">
           <div class="list-con">
             <div class="project-left">
-              <img class="left-icon" src="../assets/images/project-icon3.png" alt="" />
+              <img
+                class="left-icon"
+                src="../assets/images/project-icon3.png"
+                alt=""
+              />
               <div class="project-name">项目运行开始时间</div>
             </div>
             <div class="project-right">{{ projectObj.operateStartTime }}</div>
@@ -40,139 +61,222 @@
         </div>
       </div>
     </div>
-    <div class=" special-div" style="width: 100%;margin-top: 20px;">
+    <div class="special-div" style="width: 100%; margin-top: 20px">
       <div class="special-top">
-        <div class="special-title">中央空调冷源系统(实时EER系数)</div>
+        <div class="special-title">中央空调能耗总览</div>
       </div>
-      <sys-energy ref="sysEnergy"></sys-energy>
-    </div>
-    <div class=" special-div" style="width: 100%;margin-top: 20px;">
-      <div class="special-top">
-        <div class="special-title">空压热回收系统</div>
-      </div>
-      <div class="project-data">
-        <div class="sysBg" style="width: 49.4%">
-          <div class="sysBg-title">出水温度</div>
-          <div class="overview">
-            <div class="overview-li" @click="goEnergy">
-              <div>离心机高温出水温度</div>
-              <div class="overview-details" v-html="getTempDisplay('离心机高温出水温度', outWaterTemperature)"></div>
-            </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>中温换热出水温度</div>
-              <div class="overview-details" v-html="getTempDisplay('中温换热出水温度', outWaterTemperature)"></div>
-            </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>低温1换热出水温度</div>
-              <div class="overview-details" v-html="getTempDisplay('低温1换热出水温度', outWaterTemperature)"></div>
-            </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>低温2换热出水温度</div>
-              <div class="overview-details" v-html="getTempDisplay('低温2换热出水温度', outWaterTemperature)"></div>
+      <!-- 冷源系统 -->
+      <div class="home">
+        <div class="home-top">
+          <div class="home-top-left cool-border">
+            <div class="none-div">
+              <div class="panel-title">
+                <span class="panel-title-text">瞬时能耗</span>
+              </div>
+              <div class="now-data">
+                <div class="data-content">
+                  <img
+                    class="img-One"
+                    src="../assets/images/home-icon1.png"
+                    alt=""
+                  />
+                  <div class="img-word">
+                    <div>瞬时电量(kwh)</div>
+                    <div class="word-color1">{{ this.totalEle }}22222</div>
+                  </div>
+                </div>
+                <div class="data-content">
+                  <img
+                    class="img-One"
+                    src="../assets/images/home-icon2.png"
+                    alt=""
+                  />
+                  <div class="img-word">
+                    <div>瞬时冷量(kwr)</div>
+                    <div class="word-color2">{{ this.totalCap }}3333333</div>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
-        </div>
-        <div class="sysBg" style="width: 49.4%">
-          <div class="sysBg-title">热量数据</div>
-          <div class="overview">
-            <div class="overview-li" @click="goEnergy">
-              <div>生产累计热量</div>
-              <div class="overview-details">
-                {{ heatData.productionHeatSum }}kwh
+          <div class="home-top-right">
+            <div class="data-content">
+              <img
+                class="img-One"
+                src="../assets/images/home-icon3.png"
+                alt=""
+              />
+              <div class="img-word">
+                <div>运行天数</div>
+                <div class="word-color3">{{ this.runTime }}322天</div>
               </div>
             </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>散热累计热量</div>
-              <div class="overview-details">
-                {{ heatData.dissipationHeatSum }}kwh
+            <div class="data-content">
+              <img
+                class="img-One"
+                src="../assets/images/home-icon4.png"
+                alt=""
+              />
+              <div class="img-word">
+                <div>湿球温度</div>
+                <div class="word-color4">{{ this.wetBulbTem }}32℃</div>
               </div>
             </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>总热量回收</div>
-              <div class="overview-details">
-                {{ heatData.totalHeatRecoverySum }}kwh
+            <div class="data-content">
+              <img
+                class="img-One"
+                src="../assets/images/home-icon5.png"
+                alt=""
+              />
+              <div class="img-word">
+                <div>室外湿度</div>
+                <div class="word-color5">{{ this.humidity }}22%</div>
               </div>
             </div>
-            <div class="overview-li" @click="goEnergy">
-              <div>热利用率</div>
-              <div class="overview-details">{{ heatData.heatUtilization }}%</div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="project-bie">
-        <div class="sysBg" style="width: 49.4%">
-          <div class="sysBg-title">系统数据</div>
-          <div class="hot-tem">
-            <div class="tem-li">
-              <div class="tem-title">离心机入口温度</div>
-              <div class="tem-detail" v-html="getTempDisplay('离心机入口温度', systemData)"></div>
-            </div>
-            <div class="tem-li">
-              <div class="tem-title">离心机出水温度</div>
-              <div class="tem-detail" v-html="getTempDisplay('离心机出水温度', systemData)"></div>
-            </div>
-            <div class="tem-li">
-              <div class="tem-title">保障进水温度</div>
-              <div class="tem-detail" v-html="getTempDisplay('保障进水温度', systemData)"></div>
+            <div class="data-content">
+              <img
+                class="img-One"
+                src="../assets/images/home-icon6.png"
+                alt=""
+              />
+              <div class="img-word">
+                <div>室外温度</div>
+                <div class="word-color6">{{ this.temperature }}33℃</div>
+              </div>
             </div>
           </div>
-          <div class="pressure">
-            <view-cold-sys :subData="getDeviceData('离心机进水压力')" :title="'离心机进水压力'"></view-cold-sys>
-            <view-cold-sys :subData="getDeviceData('离心机出水压力')" :title="'离心机出水压力'"></view-cold-sys>
-            <view-cold-sys :subData="getDeviceData('离心机压差')" :title="'离心机压差'"></view-cold-sys>
-          </div>
         </div>
-        <div class="bir-right">
-          <div class="sysBg">
-            <div class="sysBg-title">阀门开度</div>
-            <hot-water :subData="valveData"></hot-water>
-          </div>
-          <div class="later-data">
-            <div class="sysBg" style="width:49%">
-              <div class="sysBg-title">热回收数据</div>
-              <div class="hot-data">
-                <div class="hot-li">
-                  <div class="hot-title">瞬时热量:</div>
-                  <div class="hot-detail">{{ heatRecoveryData.instantaneousHeatSum }}kw</div>
-                </div>
-                <div class="hot-li">
-                  <div class="hot-title">日累计热量:</div>
-                  <div class="hot-detail">{{ heatRecoveryData.dailyAccumulatedHeat }}kwh</div>
+        <div class="home-bottom">
+          <div class="home-bottom-left cool-border">
+            <div class="none-div">
+              <div class="eep-content">
+                <div class="clod-right">
+                  <div class="eep-li">
+                    <img
+                      class="eep-icon"
+                      src="../assets/images/home-icon7.png"
+                      alt=""
+                    />
+                    <div>日EER</div>
+                    <div class="eep-data">{{ this.homeStatical.dayEER }}20</div>
+                  </div>
+                  <div class="eep-li">
+                    <img
+                      class="eep-icon"
+                      src="../assets/images/home-icon7.png"
+                      alt=""
+                    />
+                    <div>月EER</div>
+                    <div class="eep-data">
+                      {{ this.homeStatical.monthEER }}24
+                    </div>
+                  </div>
+                  <div class="eep-li">
+                    <img
+                      class="eep-icon"
+                      src="../assets/images/home-icon7.png"
+                      alt=""
+                    />
+                    <div>年EER</div>
+                    <div class="eep-data">
+                      {{ this.homeStatical.yearEER }}12
+                    </div>
+                  </div>
+                  <div class="eep-li">
+                    <img
+                      class="eep-icon"
+                      src="../assets/images/home-icon7.png"
+                      alt=""
+                    />
+                    <div>累计EER</div>
+                    <div class="eep-data">
+                      {{ this.homeStatical.totalEER }}12
+                    </div>
+                  </div>
                 </div>
-                <div class="hot-li">
-                  <div class="hot-title">累计热量:</div>
-                  <div class="hot-detail">{{ heatRecoveryData.accumulatedHeatSum }}kwh</div>
+              </div>
+              <div class="clod-content">
+                <div class="clod-left">
+                  <div class="cold-li">
+                    <div class="cold-data">
+                      {{ this.homeStatical.dayColdCap }}32
+                    </div>
+                    <div class="cold-number">日供冷量(kwr)</div>
+                  </div>
+                  <div class="cold-li">
+                    <div class="cold-data">
+                      {{ this.homeStatical.monthColdCap }}232
+                    </div>
+                    <div class="cold-number">当月供冷量(kwr)</div>
+                  </div>
+                  <div class="cold-li">
+                    <div class="cold-data">{{ yearColdCapValue }}3211</div>
+                    <div class="cold-number">
+                      {{
+                        this.homeStatical.yearColdCap > 100000
+                          ? "年供冷量(Mwr)"
+                          : "年供冷量(kwr)"
+                      }}
+                    </div>
+                  </div>
+                  <div class="cold-li">
+                    <div class="cold-data">{{ totalColdCapValue }}324443</div>
+                    <div class="cold-number">
+                      {{
+                        this.homeStatical.totalColdCap > 100000
+                          ? "累计供冷量(Mwr)"
+                          : "累计供冷量(kwr)"
+                      }}
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
-            <div class="sysBg" style="width:49%">
-              <div class="sysBg-title">应用测数据</div>
-              <div class="hot-data">
-                <div class="hot-li">
-                  <div class="hot-title">瞬时热量:</div>
-                  <div class="hot-detail">{{ applicationData.instantaneousHeatSum }}kw</div>
-                </div>
-                <div class="hot-li">
-                  <div class="hot-title">日累计热量:</div>
-                  <div class="hot-detail">{{ applicationData.dailyAccumulatedHeat }}kwh</div>
-                </div>
-                <div class="hot-li">
-                  <div class="hot-title">累计热量:</div>
-                  <div class="hot-detail">{{ applicationData.accumulatedHeatSum }}kwh</div>
+          </div>
+          <div class="home-bottom-right">
+            <div class="home-bottom-right-top">
+              <div class="sys-content cool-border">
+                <div class="none-div">
+                  <sys-energy ref="sysEnergy"></sys-energy>
                 </div>
               </div>
             </div>
+            <div class="home-bottom-right-bottom cool-border">
+              <div class="none-div">
+                <charts-data ref="chartsData"></charts-data>
+              </div>
+            </div>
           </div>
         </div>
       </div>
     </div>
-    <el-dialog :visible.sync="dialogVisible" title="上传图片" width="500px" @close="addExpenseClose">
+    <div class="special-div" style="width: 100%; margin-top: 20px">
+      <div class="special-top">
+        <div class="special-title">能耗分析</div>
+      </div>
+      <view-energy></view-energy>
+    </div>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      title="上传图片"
+      width="500px"
+      @close="addExpenseClose"
+    >
       <!-- 使用 el-upload 组件 -->
-      <el-upload class="upload-demo" ref="uploadComponent" action="#" list-type="picture-card"
-        :on-preview="handlePictureCardPreview" :on-remove="handleRemove" :before-upload="beforeUpload" :limit="1"
-        :on-exceed="handleExceed" :on-change="handleFileChange" accept="image/png, image/jpeg"
-        :http-request="customHttpRequest">
+      <el-upload
+        class="upload-demo"
+        ref="uploadComponent"
+        action="#"
+        list-type="picture-card"
+        :on-preview="handlePictureCardPreview"
+        :on-remove="handleRemove"
+        :before-upload="beforeUpload"
+        :limit="1"
+        :on-exceed="handleExceed"
+        :on-change="handleFileChange"
+        accept="image/png, image/jpeg"
+        :http-request="customHttpRequest"
+      >
         <i class="el-icon-plus"></i>
       </el-upload>
       <div slot="footer" class="dialog-footer">
@@ -187,16 +291,23 @@
 
 <script>
 import { imgUrl } from "@/utils/global";
-import { introduction, changeLogo, ersDatas } from "@/api/index";
-import ViewColdSys from "./components/viewColdSys.vue";
-import HotWater from "./components/hotWater.vue";
+import {
+  introduction,
+  changeLogo,
+  ersDatas,
+  homeRunTime,
+  getCurrentRate,
+  getCoe,
+  homeStatical,
+} from "@/api/index";
 import SysEnergy from "./components/sysEnergy.vue";
-
+import ChartsData from "./components/chartsData.vue";
+import viewEnergy from "./components/viewEnergy.vue";
 export default {
   components: {
-    ViewColdSys,
-    HotWater,
-    SysEnergy
+    SysEnergy,
+    ChartsData,
+    viewEnergy
   },
   data() {
     return {
@@ -219,11 +330,55 @@ export default {
       dialogVisible: false,
       selectedFile: null,
       viewImageUrl: "",
+
+      wetBulbTem: "", //湿球温度
+      humidity: null, //湿度
+      temperature: null, //温度（干球温度）
+      minHumidity: "", //缩小两位小数的相对湿度
+      runTime: "", //运行天数
+      totalEle: "", //实时总功率
+      totalCap: "", //实时总冷量
+      homeStatical: {}, //日月年供冷量、EER
     };
   },
+  computed: {
+    yearColdCapValue: function () {
+      var value = 0;
+      if (this.homeStatical && this.homeStatical.yearColdCap) {
+        value =
+          this.homeStatical.yearColdCap > 100000
+            ? this.homeStatical.yearColdCap / 1000
+            : this.homeStatical.yearColdCap;
+      }
+      return value.toFixed(2);
+    },
+    totalColdCapValue: function () {
+      var value = 0;
+      if (this.homeStatical && this.homeStatical.totalColdCap) {
+        value =
+          this.homeStatical.totalColdCap > 100000
+            ? this.homeStatical.totalColdCap / 1000
+            : this.homeStatical.totalColdCap;
+      }
+      return value.toFixed(2);
+    },
+  },
   mounted() {
     this.getProject();
     this.getErsData();
+
+    this.getRunTime();
+    this.getCurrentRate();
+    this.getHomeStatical();
+    // 调用天气API获取数据
+    // this.getWeatherData();
+    // 调用本地的天气数据
+    this.getLocalWeather();
+    this.move();
+  },
+  destroyed() {
+    // 消除定时器
+    clearInterval(this.timer);
   },
   methods: {
     // 全屏操作
@@ -285,7 +440,7 @@ export default {
       this.viewImageUrl = file.url;
     },
     // 上传成功
-    handleUploadSuccess(response, file, fileList) { },
+    handleUploadSuccess(response, file, fileList) {},
     // 处理文件
     handleFileChange(file, fileList) {
       console.log("file", file);
@@ -424,6 +579,220 @@ export default {
     goEnergy() {
       // this.$router.push("/comprehensiveEnergy/systemEnergy");
     },
+
+    // 获取运行天数
+    getRunTime() {
+      homeRunTime().then((res) => {
+        console.log("运行天数返回", res);
+        if (res.code == 200) {
+          this.runTime = res.rows;
+        }
+      });
+    },
+    // 实时总功率、总冷量
+    getCurrentRate() {
+      getCurrentRate().then((res) => {
+        console.log("实时总功率总冷量返回", res);
+        if (res.code == 200) {
+          this.totalEle = res.rows.totalEle;
+          this.totalCap = res.rows.totalCap;
+        }
+      });
+    },
+    // 日、月、年供冷量、日、月、年EER
+    getHomeStatical() {
+      homeStatical().then((res) => {
+        console.log("处理前日月年供冷量、日月年EER返回", res);
+        if (res.code == 200) {
+          this.homeStatical = this.formatObjectProperties(res.rows);
+          console.log("处理后日月年供冷量、日月年EER返回", this.homeStatical);
+        }
+      });
+    },
+    // 格式化数据
+    formatObjectProperties(obj) {
+      // 遍历对象的每个属性
+      for (var prop in obj) {
+        // 检查属性值是否为字符串
+        if (typeof obj[prop] === "string") {
+          var floatValue = parseFloat(obj[prop]);
+          // 使用 toFixed() 方法将属性值保留两位小数
+          obj[prop] = parseFloat(floatValue.toFixed(2));
+        }
+      }
+      return obj;
+    },
+    getLocalWeather() {
+      getLocalWeatherData().then((res) => {
+        console.log("返回本地的温湿度 <== ", res);
+        debugger;
+        if (res.code == 200) {
+          this.humidity = res.rows.humidity;
+          this.temperature = res.rows.temperature;
+          this.minHumidity = (parseFloat(this.humidity) / 100).toFixed(3);
+          // 以下代码计算湿球温度
+          class z_ambient {
+            constructor() {
+              this.p = 101325; // unit Pa
+            }
+            E(t) {
+              // 饱和水汽压：E(t)=611.2exp(17.67t/(243.5+t))
+              return 611.2 * Math.exp((17.67 * t) / (243.5 + t));
+            }
+            g(t) {
+              // 干空气比焓：g(t)=1.01t    1.01为干空气的定压比热，kJ/(kg℃)。
+              return 1.01 * t;
+            }
+            v(t) {
+              // 水蒸气比焓：v(t)=2501+1.85t   2501是水在0℃时变成水蒸气的汽化潜热，kJ/kg；1.85是水蒸气的定压比热，kJ/(kg℃)
+              return 2501 + 1.85 * t;
+            }
+            d(t, ψ) {
+              // 湿空气的含湿量：d(t,ψ)=0.622ψE(t)/(p-ψE(t))     ψ为相对湿度；p为标准大气压101325，单位为Pa
+              return (0.622 * ψ * this.E(t)) / (this.p - ψ * this.E(t));
+            }
+            h(t, ψ) {
+              // 湿空气的比焓：h(t,ψ)=g(t)+d(t,ψ)v(t)
+              return this.g(t) + this.d(t, ψ) * this.v(t);
+            }
+            ψ(tg, ts) {
+              // ψ为相对湿度, tg为干球温度，ts为湿球温度
+              return (
+                (this.p *
+                  (this.g(ts) - this.g(tg) + this.d(ts, 1) * this.v(ts))) /
+                (this.E(tg) *
+                  (this.g(ts) -
+                    this.g(tg) +
+                    this.d(ts, 1) * this.v(ts) +
+                    0.622 * this.v(tg)))
+              );
+            }
+          }
+          const z = new z_ambient();
+          // const i_tg = 17.8; // 已知干球温度
+          // const i_d = 0.594; // 已知相对湿度
+          const i_tg = Number(this.temperature); // 已知干球温度
+          const i_d = Number(this.minHumidity); // 已知相对湿度
+          console.log("本地相对湿度缩小两倍值", this.minHumidity);
+          console.log("本地干球温度", this.temperature);
+          let o_ts = 0;
+          let o_d = 0;
+          // 计算10000次是因为计算精准的湿球温度
+          for (let i = 0; i < 10000; i++) {
+            o_ts += 0 + i * 0.00001;
+            console.log("o_ts循环值==>", o_ts);
+            o_d = z.ψ(i_tg, o_ts);
+            console.log("o_d值==>", o_d);
+            // console.log("iter: ", i, "o_ts: ", o_ts, "a: ", o_d);
+            const gap = i_d - o_d;
+            console.log("gap值==>", gap);
+            if (gap <= 0.001) {
+              break;
+            }
+          }
+          console.log("target ts: ", o_ts);
+          this.wetBulbTem = parseFloat(o_ts).toFixed(1);
+        }
+      });
+    },
+    // 天气数据
+    getWeatherData() {
+      // 使用合适的方式调用天气API，并获取当前城市的湿度和温度数据
+      const apiKey = "ce464fbc13b3222c568f618f9b536a29"; // 访问密钥
+      const city = "440100"; // 城市编码
+
+      const apiUrl = `https://restapi.amap.com/v3/weather/weatherInfo?city=${city}&key=${apiKey}&extensions=base`;
+      // 发起Ajax请求获取天气数据
+      axios
+        .get(apiUrl)
+        .then((response) => {
+          console.log("天气返回值", response);
+          this.humidity = response.data.lives[0].humidity;
+          this.temperature = response.data.lives[0].temperature;
+          this.minHumidity = (parseFloat(this.humidity) / 100).toFixed(3);
+          // 以下代码计算湿球温度
+          class z_ambient {
+            constructor() {
+              this.p = 101325; // unit Pa
+            }
+            E(t) {
+              // 饱和水汽压：E(t)=611.2exp(17.67t/(243.5+t))
+              return 611.2 * Math.exp((17.67 * t) / (243.5 + t));
+            }
+            g(t) {
+              // 干空气比焓：g(t)=1.01t    1.01为干空气的定压比热，kJ/(kg℃)。
+              return 1.01 * t;
+            }
+            v(t) {
+              // 水蒸气比焓：v(t)=2501+1.85t   2501是水在0℃时变成水蒸气的汽化潜热，kJ/kg；1.85是水蒸气的定压比热，kJ/(kg℃)
+              return 2501 + 1.85 * t;
+            }
+            d(t, ψ) {
+              // 湿空气的含湿量：d(t,ψ)=0.622ψE(t)/(p-ψE(t))     ψ为相对湿度；p为标准大气压101325，单位为Pa
+              return (0.622 * ψ * this.E(t)) / (this.p - ψ * this.E(t));
+            }
+            h(t, ψ) {
+              // 湿空气的比焓：h(t,ψ)=g(t)+d(t,ψ)v(t)
+              return this.g(t) + this.d(t, ψ) * this.v(t);
+            }
+            ψ(tg, ts) {
+              // ψ为相对湿度, tg为干球温度，ts为湿球温度
+              return (
+                (this.p *
+                  (this.g(ts) - this.g(tg) + this.d(ts, 1) * this.v(ts))) /
+                (this.E(tg) *
+                  (this.g(ts) -
+                    this.g(tg) +
+                    this.d(ts, 1) * this.v(ts) +
+                    0.622 * this.v(tg)))
+              );
+            }
+          }
+          const z = new z_ambient();
+          console.log("z值", z);
+          // const i_tg = 32; // 已知干球温度
+          // const i_d = 0.331; // 已知相对湿度
+          const i_tg = Number(this.temperature); // 已知干球温度
+          const i_d = Number(this.minHumidity); // 已知相对湿度
+          console.log("干球温度", this.temperature);
+          console.log("相对湿度", this.minHumidity);
+          let o_ts = 0;
+          let o_d = 0;
+          // 计算10000次是因为计算精准的湿球温度
+          for (let i = 0; i < 10000; i++) {
+            o_ts += 0 + i * 0.00001;
+            o_d = z.ψ(i_tg, o_ts);
+            // console.log("iter: ", i, "o_ts: ", o_ts, "a: ", o_d);
+            const gap = i_d - o_d;
+            if (gap <= 0.001) {
+              break;
+            }
+            // console.log("o_ts值", o_ts)
+            // console.log("o_d值", o_d)
+            // console.log("gap值", gap)
+          }
+          console.log("target ts: ", o_ts);
+          this.wetBulbTem = parseFloat(o_ts).toFixed(1);
+          console.log("湿球温度: ", this.wetBulbTem);
+        })
+        .catch((error) => {
+          console.log(error);
+        });
+    },
+    // 定时器
+    move() {
+      // 定时器 20秒请求一次
+      this.timer = setInterval(() => {
+        this.$refs.chartsData.getChartsData();
+        this.$refs.sysEnergy.getCoe();
+        this.getRunTime();
+        this.getCurrentRate();
+        this.getHomeStatical();
+        // 调用天气API获取数据
+        // this.getWeatherData();
+        this.getLocalWeather();
+      }, 1000 * 5 * 60);
+    },
   },
 };
 </script>
@@ -490,250 +859,425 @@ export default {
     margin-left: 1.5rem;
   }
 }
-
-.sysBg {
-  background: linear-gradient(180deg,
-      rgba(0, 68, 126, 0.45) 0%,
-      rgba(0, 40, 80, 0.2) 100%);
-  border: 1px solid rgba(0, 136, 240, 0.25);
-  border-radius: 8px;
-  overflow: hidden;
+/** 科技感边框容器 - 渐变边框 + 角标装饰 */
+.cool-border {
   position: relative;
+  border: 1px solid rgba(0, 136, 240, 0.35);
+  background: linear-gradient(
+    135deg,
+    rgba(0, 68, 126, 0.25) 0%,
+    rgba(0, 40, 80, 0.1) 100%
+  );
+  border-radius: 0.06rem;
 
-  // 左上角装饰光点
+  /** 四角装饰 - 左上 */
   &::before {
     content: "";
     position: absolute;
-    top: 0;
-    left: 0;
-    width: 40px;
-    height: 40px;
-    background: radial-gradient(circle at top left,
-        rgba(0, 180, 255, 0.15) 0%,
-        transparent 70%);
-    pointer-events: none;
+    top: -1px;
+    left: -1px;
+    width: 0.22rem;
+    height: 0.22rem;
+    border-top: 2px solid #00d7e9;
+    border-left: 2px solid #00d7e9;
+    border-radius: 0.02rem 0 0 0;
+    z-index: 1;
   }
 
-  // 右下角装饰光点
+  /** 四角装饰 - 右下 */
   &::after {
     content: "";
     position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 60px;
-    height: 60px;
-    background: radial-gradient(circle at bottom right,
-        rgba(0, 136, 240, 0.1) 0%,
-        transparent 70%);
-    pointer-events: none;
+    bottom: -1px;
+    right: -1px;
+    width: 0.22rem;
+    height: 0.22rem;
+    border-bottom: 2px solid #00d7e9;
+    border-right: 2px solid #00d7e9;
+    border-radius: 0 0 0.02rem 0;
+    z-index: 1;
   }
+}
 
-  .sysBg-title {
-    padding: 12px 16px;
-    font-family: Source Han Sans CN;
-    font-weight: 500;
-    font-size: 16px;
-    color: #ffffff;
-    letter-spacing: 2px;
-    position: relative;
-    background: linear-gradient(90deg,
-        rgba(0, 121, 206, 0.5) 0%,
-        rgba(0, 121, 206, 0.08) 100%);
-    border-bottom: 1px solid rgba(0, 136, 240, 0.2);
-
-    // 标题左侧装饰竖条
-    &::before {
-      content: "";
-      position: absolute;
-      left: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 3px;
-      height: 60%;
-      background: linear-gradient(180deg,
-          #00b4ff 0%,
-          #0079ce 100%);
-      border-radius: 2px;
-      box-shadow: 0 0 6px rgba(0, 180, 255, 0.6);
-    }
+/** 内容区域 - 内边距 */
+.none-div {
+  width: 100%;
+  height: 100%;
+  padding: 0.15rem;
+  overflow: hidden;
+  position: relative;
 
-    // 标题右侧装饰光晕
-    &::after {
-      content: "";
-      position: absolute;
-      right: 12px;
-      top: 50%;
-      transform: translateY(-50%);
-      width: 8px;
-      height: 8px;
-      background: rgba(0, 180, 255, 0.6);
-      border-radius: 50%;
-      box-shadow: 0 0 8px rgba(0, 180, 255, 0.4);
-    }
+  /** 左下角装饰 */
+  &::before {
+    content: "";
+    position: absolute;
+    bottom: -1px;
+    left: -1px;
+    width: 0.22rem;
+    height: 0.22rem;
+    border-bottom: 2px solid #00d7e9;
+    border-left: 2px solid #00d7e9;
+    border-radius: 0 0 0 0.02rem;
+    z-index: 1;
+  }
 
-    text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
+  /** 右上角装饰 */
+  &::after {
+    content: "";
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    width: 0.22rem;
+    height: 0.22rem;
+    border-top: 2px solid #00d7e9;
+    border-right: 2px solid #00d7e9;
+    border-radius: 0 0.02rem 0 0;
+    z-index: 1;
   }
 }
 
-.project-data {
+.home {
   display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  justify-content: space-between;
-  margin: 20px;
-
+  flex-direction: column;
+  overflow: hidden;
+  width: 100%;
+  padding: 0.3rem;
 
-  .overview {
-    width: 100%;
-    padding: 30px 20px 5px 20px;
+  .home-top {
     display: flex;
     flex-direction: row;
-    align-items: center;
+    align-items: stretch;
     justify-content: space-between;
-    flex-wrap: wrap;
+    gap: 0.15rem;
+    // width: 100%;
 
-    .overview-li {
-      cursor: pointer;
-      width: 49%;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: space-between;
-      background-position: center center;
-      margin-bottom: 15px;
-      font-family: SourceHanSansCN-Regular;
-      font-size: 15px;
-      color: #ffffff;
-      /* 从 rgba(41, 128, 185, 0.8) 渐变到透明 */
-      background: linear-gradient(to bottom,
-          rgba(31, 100, 146, 0.6) 0%,
-          rgba(33, 65, 87, 0.3) 50%,
-          rgba(40, 62, 77, 0) 100%);
-      border-radius: 8px;
-      padding: 5px;
-      color: white;
-      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-
-      .overview-details {
-        font-family: DIN-Bold;
-        font-size: 20px;
-        color: #15e1fd;
-        margin-top: 5px;
+    .home-top-left {
+      width: 5.1rem;
+      flex-shrink: 0;
+
+      .now-data {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        padding: 0.15rem 0.15rem 0;
+
+        .data-content {
+          width: 46%;
+          padding: 0.25rem 0.15rem;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          justify-content: center;
+          border: 1px solid rgba(0, 180, 240, 0.2);
+          border-radius: 0.06rem;
+          background: linear-gradient(
+            180deg,
+            rgba(0, 100, 180, 0.15) 0%,
+            rgba(0, 50, 100, 0.05) 100%
+          );
+          position: relative;
+          transition: all 0.3s ease;
+
+          /** 顶部高光线条 */
+          &::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 15%;
+            right: 15%;
+            height: 1px;
+            background: linear-gradient(
+              90deg,
+              transparent,
+              rgba(0, 215, 233, 0.5),
+              transparent
+            );
+          }
+
+          &:hover {
+            border-color: rgba(0, 215, 233, 0.45);
+            background: linear-gradient(
+              180deg,
+              rgba(0, 120, 200, 0.25) 0%,
+              rgba(0, 60, 120, 0.1) 100%
+            );
+            box-shadow: 0 0 0.12rem rgba(0, 215, 233, 0.12),
+              inset 0 0 0.12rem rgba(0, 215, 233, 0.04);
+          }
+
+          .img-One {
+            width: 0.43rem;
+            height: 0.43rem;
+            margin-right: 0.17rem;
+            filter: drop-shadow(0 0 0.05rem rgba(0, 215, 233, 0.3));
+          }
+
+          .img-word {
+            font-size: 0.16rem;
+            display: flex;
+            flex-direction: column;
+            color: #e3fff9;
+          }
+
+          .word-color1 {
+            font-size: 0.24rem;
+            color: #ffb219;
+            margin-top: 0.1rem;
+            text-shadow: 0 0 0.06rem rgba(255, 178, 25, 0.35);
+          }
+
+          .word-color2 {
+            font-size: 0.24rem;
+            color: #209eff;
+            margin-top: 0.1rem;
+            text-shadow: 0 0 0.06rem rgba(32, 158, 255, 0.35);
+          }
+        }
       }
     }
-  }
-}
 
-.chartsDiv {
-  width: 100%;
-  height: 4rem;
-}
+    .home-top-right {
+      display: flex;
+      flex-direction: row;
+      /** 自适应剩余空间，4个卡片一行排列 */
+      flex: 1;
+      min-width: 0;
+      gap: 0.12rem;
 
-.project-bie {
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  justify-content: space-between;
-  margin: 10px 20px 20px 20px;
+      .data-content {
+        /** 等分宽度，不换行 */
+        flex: 1;
+        min-width: 0;
+        padding: 0.35rem 0.15rem;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid rgba(0, 180, 240, 0.25);
+        border-radius: 0.06rem;
+        background: linear-gradient(
+          180deg,
+          rgba(0, 100, 180, 0.2) 0%,
+          rgba(0, 50, 100, 0.08) 100%
+        );
+        position: relative;
+        transition: all 0.3s ease;
+        box-sizing: border-box;
 
-  .pressure {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin-top: 25px;
+        /** 顶部高光线条 */
+        &::before {
+          content: "";
+          position: absolute;
+          top: 0;
+          left: 15%;
+          right: 15%;
+          height: 1px;
+          background: linear-gradient(
+            90deg,
+            transparent,
+            rgba(0, 215, 233, 0.6),
+            transparent
+          );
+        }
+
+        &:hover {
+          border-color: rgba(0, 215, 233, 0.5);
+          background: linear-gradient(
+            180deg,
+            rgba(0, 120, 200, 0.3) 0%,
+            rgba(0, 60, 120, 0.12) 100%
+          );
+          box-shadow: 0 0 0.15rem rgba(0, 215, 233, 0.15),
+            inset 0 0 0.15rem rgba(0, 215, 233, 0.05);
+        }
+      }
+
+      .img-One {
+        width: 0.45rem;
+        height: 0.45rem;
+        margin-right: 0.12rem;
+        flex-shrink: 0;
+        filter: drop-shadow(0 0 0.06rem rgba(0, 215, 233, 0.3));
+      }
+
+      .img-word {
+        font-size: 0.16rem;
+        color: rgba(200, 235, 255, 0.9);
+        display: flex;
+        flex-direction: column;
+        min-width: 0;
+        overflow: hidden;
+      }
+
+      .word-color3 {
+        font-size: 0.28rem;
+        color: #00be97;
+        margin-top: 0.12rem;
+        text-shadow: 0 0 0.08rem rgba(0, 190, 151, 0.4);
+      }
+
+      .word-color4 {
+        font-size: 0.28rem;
+        color: #ffb219;
+        margin-top: 0.12rem;
+        text-shadow: 0 0 0.08rem rgba(255, 178, 25, 0.4);
+      }
+
+      .word-color5 {
+        font-size: 0.28rem;
+        color: #409efc;
+        margin-top: 0.12rem;
+        text-shadow: 0 0 0.08rem rgba(64, 158, 252, 0.4);
+      }
+
+      .word-color6 {
+        font-size: 0.28rem;
+        color: #c144ff;
+        margin-top: 0.12rem;
+        text-shadow: 0 0 0.08rem rgba(193, 68, 255, 0.4);
+      }
+    }
   }
 
-  .hot-tem {
-    width: 100%;
-    padding: 0 20px;
+  .home-bottom {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: stretch;
-    flex-wrap: wrap;
-    margin-top: 25px;
-
-    .tem-li {
-      background-color: rgba(93, 125, 143, 0.5);
-      width: 32%;
-      padding: 10px;
-      border-radius: 10px;
+    margin-top: 0.29rem;
+    gap: 0.15rem;
+
+    .home-bottom-left {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-      margin-bottom: 20px;
+      width: 5.1rem;
+      flex-shrink: 0;
 
-      .tem-title {
-        font-size: 15px;
-        font-weight: 600;
-        color: #ffffff;
-      }
+      .clod-content {
+        // width: 5.1rem;
+        // margin-top: 0.2rem;
+
+        .clod-left {
+          display: flex;
+          flex-direction: row;
+          justify-content: space-between;
+          flex-flow: wrap;
+          padding: 0.3rem 0.3rem 0 0.3rem;
+          // width: 100%;
+
+          .cold-li {
+            width: 1.9rem;
+            height: 1.78rem;
+            padding-bottom: 0.27rem;
+            margin-bottom: 0.2rem;
+            background-image: url(../assets/images/cold-bg.png);
+            background-size: 100% 100%;
+            background-repeat: no-repeat;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-end;
+            font-size: 0.18rem;
+            font-weight: normal;
+            font-stretch: normal;
+            letter-spacing: 0rem;
+            color: #a9c0f2;
+
+            .cold-data {
+              font-size: 0.26rem;
+              color: #ffffff;
+              margin-bottom: 0.19rem;
+            }
 
-      .tem-detail {
-        margin-top: 8px;
-        font-size: 20px;
-        font-weight: 600;
-        color: #f89615;
-        text-align: center;
+            .cold-number {
+              width: 100%;
+              text-align: center;
+            }
+          }
+        }
       }
-    }
-  }
 
-  .bir-right {
-    width: 49.4%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+      .eep-content {
+        width: 4.8rem;
 
-    .special-div {
-      width: 100%;
-      margin-bottom: 20px;
+        .clod-right {
+          display: flex;
+          flex-direction: column;
+          padding: 0.37rem 0.34rem 0.05rem 0.34rem;
+          width: 100%;
+
+          .eep-li {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            padding: 0.11rem 0 0.07rem 0.3rem;
+            font-size: 0.17rem;
+            position: relative;
+
+            .eep-icon {
+              width: 0.23rem;
+              height: 0.27rem;
+              margin-right: 0.48rem;
+            }
+
+            .eep-data {
+              color: #4595f1;
+              position: absolute;
+              top: 0.13rem;
+              left: 3.44rem;
+              font-weight: bold;
+            }
+          }
+
+          .eep-li:nth-child(2n-1) {
+            background-color: #042f61;
+            font-size: 0.17rem;
+            border: 1px solid #08406e;
+            border-radius: 0 0 0.2rem 0;
+            background: linear-gradient(to right, #16417a, #0a2a53, #081553);
+          }
+        }
+      }
     }
 
-    .later-data {
-      width: 100%;
+    .home-bottom-right {
       display: flex;
-      flex-direction: row;
+      flex-direction: column;
       justify-content: space-between;
-      margin-top: 20px;
-
-      .special-div {
-        width: 49%;
-        margin-bottom: 0;
-      }
+      /** 与home-top-right保持一致，自适应剩余空间 */
+      flex: 1;
+      min-width: 0;
 
-      .hot-data {
+      .home-bottom-right-top {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: stretch;
         width: 100%;
-        padding: 25px 25px 5px 25px;
 
-        .hot-li {
+        .sys-content {
           width: 100%;
-          display: flex;
-          flex-direction: row;
-          align-items: center;
-          justify-content: space-between;
-          margin-bottom: 20px;
+          // padding: 0.34rem 0.19rem 0.2rem 0.19rem;
+          margin-bottom: 0.2rem;
+          // height: 2.6rem;
+        }
+      }
 
-          .hot-title {
-            font-size: 15px;
-            font-weight: 600;
-            color: #ffffff;
-          }
+      .home-bottom-right-bottom {
+        width: 100%;
+        height: 3.5rem;
 
-          .hot-detail {
-            font-size: 20px;
-            font-weight: 600;
-            color: #f5f127;
-          }
+        .sys_title {
+          width: 15%;
+          font-size: 0.2rem;
+          margin: 0.1rem 0 0 0.2rem;
+          display: flex;
+          flex-direction: column;
+          color: #c5fff3;
         }
       }
     }
   }
 }
-
-@media (max-width: 1485px) {}
-
-// 媒体查询，适配大于2000px分辨率的大屏样式
-@media (min-width: 2000px) {}
 </style>