一些图表添加单位

src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

@@ -16,7 +16,7 @@
         src="../../../assets/images/title-right.png"
         alt=""
       />
-      <div class="sys-title">铭汉高效冷源站管理系统</div>
+      <div class="sys-title">空调风柜监控系统</div>
       <!-- logo -->
       <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
       <div class="nowTime">{{ formattedDate }}</div>
@@ -606,7 +606,7 @@ export default {
     },
     // 返回上一页
     goBack() {
-      this.$router.back();
+      window.history.go(-2);
     },
     // 监测天数
     getDayData() {

src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue

@@ -425,6 +425,11 @@ export default {
 
           this.option2.series[0].data = this.electData2;
           this.option2.xAxis.data = this.dateList2;
+          this.option2.yAxis.name = "kwh";
+          this.option2.yAxis.nameTextStyle = {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: 12,
+          };
           console.log("x轴", this.dateList2);
           console.log("折线图数据", this.electData2);
           this.screenAdapter();
@@ -500,7 +505,7 @@ export default {
           show: false, // 不显示图例
         },
         grid: {
-          top: "5%",
+          top: "6%",
           left: "3%",
           right: "4.4%",
           bottom: "20%",

src/views/centerairC/enSourceAnalysis/components/equipment.vue

@@ -560,6 +560,11 @@ export default {
           console.log("图表数据", this.dataArr);
           this.option1.series = this.dataArr;
           this.option1.xAxis.data = this.timeData;
+          this.option1.yAxis.name = "kwh";
+          this.option1.yAxis.nameTextStyle = {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: 12,
+          };
           // 清空图表
           this.chartInstance1.clear();
           this.screenAdapter();

src/views/centerairC/energyAnalysis/components/energyAnalysis.vue

@@ -487,7 +487,7 @@ export default {
         },
 
         grid: {
-          top: "5%",
+          top: "9%",
           left: "3%",
           right: "4.4%",
           bottom: "20%",
@@ -696,6 +696,17 @@ export default {
     // 控制图例
     screenAdapter2() {
       // console.log("checkList:", this.checkList);
+      //写法一
+      // const selected = {
+      //   瞬时系统EER: false,
+      //   瞬时冷量: false,
+      //   瞬时功率: false,
+      // };
+      // const updatedSelected = {
+      //   ...selected,
+      //   [this.checkList]: true,
+      // };
+      // 写法二，添加不同的单位
       const selected = {
         瞬时系统EER: false,
         瞬时冷量: false,
@@ -705,6 +716,26 @@ export default {
         ...selected,
         [this.checkList]: true,
       };
+      let unit;
+      // 遍历 selected 对象
+      for (const key in updatedSelected) {
+        if (updatedSelected[key]) {
+          switch (key) {
+            case "瞬时系统EER":
+              unit = "";
+              break;
+            case "瞬时冷量":
+              unit = "kwr";
+              break;
+            case "瞬时功率":
+              unit = "kw";
+              break;
+            default:
+              unit = "";
+          }
+          break;
+        }
+      }
       // console.log(updatedSelected);
       //自己定义的比较合适的适配大小,2.6  mes_ref是图表盒子
       const titleFontSize = this.$refs.charts_refs.offsetWidth / 130;
@@ -717,6 +748,9 @@ export default {
           // data: ["2021", "2022", "2023"],
           data: this.dateList2,
         },
+        yAxis: {
+          name: unit,
+        },
         series: [
           {
             name: "瞬时系统EER",
@@ -756,6 +790,10 @@ export default {
           axisLabel: {
             fontSize: titleFontSize * 1.5,
           },
+          nameTextStyle: {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: titleFontSize * 1.3,
+          },
         },
       };
       //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关

src/views/centerairC/temHistoryQuery/index.vue

@@ -173,6 +173,13 @@ export default {
             xAxis: {
               data: timeValue,
             },
+            yAxis: {
+              name: "℃",
+              nameTextStyle: {
+                color: "rgba(255, 255, 255, 1)",
+                fontSize: 12,
+              },
+            },
             series: [
               {
                 data: hightValue,

src/views/hotWater/energyAnalysis/components/energyReport.vue

@@ -534,6 +534,11 @@ export default {
     },
     renderingBroken() {
       if (this.currentIndex === 0) {
+        this.brokenOption.yAxis.name = "吨";
+        this.brokenOption.yAxis.nameTextStyle = {
+          color: "rgba(255, 255, 255, 1)",
+          fontSize: 12,
+        };
         this.brokenOption.series[0].data = this.brokenData1;
         this.brokenOption.series[0].itemStyle.color = "#d48e17";
         this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -547,6 +552,11 @@ export default {
           },
         ];
       } else if (this.currentIndex === 1) {
+        this.brokenOption.yAxis.name = "度";
+        this.brokenOption.yAxis.nameTextStyle = {
+          color: "rgba(255, 255, 255, 1)",
+          fontSize: 12,
+        };
         this.brokenOption.series[0].data = this.brokenData2;
         this.brokenOption.series[0].itemStyle.color = "#1ab395";
         this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -560,6 +570,11 @@ export default {
           },
         ];
       } else if (this.currentIndex === 2) {
+        this.brokenOption.yAxis.name = "度/吨";
+        this.brokenOption.yAxis.nameTextStyle = {
+          color: "rgba(255, 255, 255, 1)",
+          fontSize: 12,
+        };
         this.brokenOption.series[0].data = this.brokenData3;
         this.brokenOption.series[0].itemStyle.color = "#1f8dee";
         this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -723,7 +738,7 @@ export default {
         },
 
         grid: {
-          top: "4%",
+          top: "10%",
           left: "3%",
           right: "4%",
           bottom: "5%",

src/views/hotWater/energyAnalysis/components/temReport.vue

@@ -224,6 +224,11 @@ export default {
     },
     //渲染
     renderingBroken() {
+      this.brokenOption.yAxis.name = "℃";
+      this.brokenOption.yAxis.nameTextStyle = {
+        color: "rgba(255, 255, 255, 1)",
+        fontSize: 12,
+      };
       this.brokenOption.series[0].data = this.brokenData1;
       this.brokenOption.series[0].itemStyle.color = "#1f8dee";
       this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -432,7 +437,7 @@ export default {
         },
 
         grid: {
-          top: "4%",
+          top: "10%",
           left: "3%",
           right: "4%",
           bottom: "5%",

src/views/hotWater/energyAnalysis/components/waterReport.vue

@@ -223,6 +223,11 @@ export default {
     },
     //渲染
     renderingBroken() {
+      this.brokenOption.yAxis.name = "%";
+      this.brokenOption.yAxis.nameTextStyle = {
+        color: "rgba(255, 255, 255, 1)",
+        fontSize: 12,
+      };
       this.brokenOption.series[0].data = this.brokenData1;
       this.brokenOption.series[0].itemStyle.color = "#1f8dee";
       this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -432,7 +437,7 @@ export default {
         },
 
         grid: {
-          top: "4%",
+          top: "10%",
           left: "3%",
           right: "4%",
           bottom: "5%",

src/views/hotWater/energyQuery/components/energy.vue

@@ -160,6 +160,11 @@ export default {
     //
     getChartData() {
       if (this.currentIndex === 0) {
+        this.brokenOption.yAxis.name = "吨";
+        this.brokenOption.yAxis.nameTextStyle = {
+          color: "rgba(255, 255, 255, 1)",
+          fontSize: 12,
+        };
         this.brokenOption.series[0].data = this.brokenData1;
         this.brokenOption.series[0].itemStyle.color = "#1f8dee";
         this.brokenOption.series[0].areaStyle.color.colorStops = [
@@ -173,6 +178,11 @@ export default {
           },
         ];
       } else if (this.currentIndex === 1) {
+        this.brokenOption.yAxis.name = "度";
+        this.brokenOption.yAxis.nameTextStyle = {
+          color: "rgba(255, 255, 255, 1)",
+          fontSize: 12,
+        };
         this.brokenOption.series[0].data = this.brokenData2;
         this.brokenOption.series[0].itemStyle.color = "#1ab395";
         this.brokenOption.series[0].areaStyle.color.colorStops = [