1.修改大屏数据

src/views/bigScreen/components/allEnergy.vue

@@ -124,10 +124,10 @@ export default {
             {
               name: "数据详情:",
               data: [
-                { value: this.energyMes.totalEle, name: "耗电量标准煤" },
+                { value: this.energyMes.eleStandardCoal, name: "耗电量" },
-                { value: this.energyMes.totalEle, name: "用水量标准煤" },
+                { value: this.energyMes.waterStandardCoal, name: "用水量" },
-                { value: this.energyMes.totalEle, name: "产冷量标准煤" },
+                { value: this.energyMes.coldStandardCoal, name: "产冷量" },
-                { value: this.energyMes.totalEle, name: "蒸汽量标准煤" },
+                { value: this.energyMes.gasStandardCoal, name: "蒸汽量" },
               ],
               itemStyle: {
                 color: function (params) {
@@ -140,10 +140,10 @@ export default {
             },
             {
               data: [
-                { value: this.energyMes.totalEle, name: "耗电量标准煤" },
+                { value: this.energyMes.eleStandardCoal, name: "耗电量" },
-                { value: this.energyMes.totalEle, name: "用水量标准煤" },
+                { value: this.energyMes.waterStandardCoal, name: "用水量" },
-                { value: this.energyMes.totalEle, name: "产冷量标准煤" },
+                { value: this.energyMes.coldStandardCoal, name: "产冷量" },
-                { value: this.energyMes.totalEle, name: "蒸汽量标准煤" },
+                { value: this.energyMes.gasStandardCoal, name: "蒸汽量" },
               ],
             },
           ],
@@ -227,10 +227,10 @@ export default {
             {
               name: "数据详情:",
               data: [
-                { value: 0, name: "耗电量标准煤" },
+                { value: 0, name: "耗电量" },
-                { value: 0, name: "用水量标准煤" },
+                { value: 0, name: "用水量" },
-                { value: 0, name: "产冷量标准煤" },
+                { value: 0, name: "产冷量" },
-                { value: 0, name: "蒸汽量标准煤" },
+                { value: 0, name: "蒸汽量" },
               ],
               itemStyle: {
                 color: function (params) {
@@ -243,10 +243,10 @@ export default {
             },
             {
               data: [
-                { value: 0, name: "耗电量标准煤" },
+                { value: 0, name: "耗电量" },
-                { value: 0, name: "用水量标准煤" },
+                { value: 0, name: "用水量" },
-                { value: 0, name: "产冷量标准煤" },
+                { value: 0, name: "产冷量" },
-                { value: 0, name: "蒸汽量标准煤" },
+                { value: 0, name: "蒸汽量" },
               ],
             },
           ],
@@ -278,7 +278,7 @@ export default {
       this.option = {
         //环形图中间文字
         title: {
-          subtext: "总标准煤",
+          subtext: "标准煤",
           textStyle: {
             color: "#ffffff",
           },

src/views/bigScreen/components/coldSysEnergy.vue

@@ -2,8 +2,8 @@
   <div class="energy_content">
     <div class="sys_charts" ref="sys_charts"></div>
     <div class="eer">
-      <div>用电量:{{energyMes.totalEle}}kw/h</div>
+      <div>用电量:{{ energyMes.totalEle }}kw/h</div>
-      <div>产冷量:{{energyMes.totalCold}}kwh</div>
+      <div>产冷量:{{ energyMes.totalCold }}kwh</div>
     </div>
   </div>
 </template>
@@ -460,8 +460,18 @@ export default {
         console.log("两个系统参数返回", res);
         if (res.code == 200) {
           this.energyMes = res.rows[0];
-          this.useForm.maxData = 10;
+          this.useForm.maxData = 10; //最大值
-          this.useForm.useData = res.rows[0].eer;
+          const { totalEle, totalCold } = res.rows[0];
+          if (totalEle === 0 || totalCold === 0) {
+            this.useForm.useData = 0;
+          } else {
+            const result = totalCold / totalEle;
+            if (Number.isInteger(result)) {
+              this.useForm.useData = result;
+            } else {
+              this.useForm.useData = parseFloat(result.toFixed(2));
+            }
+          }
           let that = this;
           // 使用配置函数
           const axisLineColor = this.getAxisLineColor(

src/views/bigScreen/components/waterSysEnergy.vue

@@ -2,18 +2,18 @@
   <div class="energy_content">
     <div class="sys_charts" ref="sys_charts"></div>
     <div class="eer">
-        <div>用电量:{{energyMes.totalEle}}kw/h</div>
+      <div>用电量:{{ energyMes.totalEle }}kw/h</div>
-        <div>用水量:{{energyMes.totalWater}}吨</div>
+      <div>用水量:{{ energyMes.totalWater }}吨</div>
     </div>
   </div>
-  </template>
+</template>
 
-  <script>
+<script>
-  import * as echarts from "echarts";
+import * as echarts from "echarts";
-  import { eventBus } from "@/utils/evenBus";
+import { eventBus } from "@/utils/evenBus";
-  import { overView } from "@/api/bigScreen";
+import { overView } from "@/api/bigScreen";
-  import { getDay, getMonth, getYear } from "@/utils/datetime";
+import { getDay, getMonth, getYear } from "@/utils/datetime";
-  export default {
+export default {
   data() {
     return {
       chartInstance: null,
@@ -460,8 +460,19 @@
         console.log("两个系统参数返回", res);
         if (res.code == 200) {
           this.energyMes = res.rows[0];
-            this.useForm.maxData = 10;
+          this.useForm.maxData = 50;  //最大值
-            this.useForm.useData = res.rows[0].eer;
+          const { totalEle, totalWater } = res.rows[0];
+          if (totalEle === 0 || totalWater === 0) {
+            this.useForm.useData = 0;
+          } else {
+            const result = totalEle / totalWater;
+            if (Number.isInteger(result)) {
+              this.useForm.useData = result;
+            } else {
+              this.useForm.useData = parseFloat(result.toFixed(2));
+            }
+          }
+          console.log("热水的eer", this.useForm.useData);
           let that = this;
           // 使用配置函数
           const axisLineColor = this.getAxisLineColor(
@@ -568,11 +579,11 @@
       });
     },
   },
-  };
+};
-  </script>
+</script>
 
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
-  .energy_content {
+.energy_content {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -594,6 +605,5 @@
     justify-content: space-between;
     margin: 10px 0;
   }
-  }
+}
-  </style>
+</style>
-