diff --git a/src/assets/images/flowchart.png b/src/assets/images/flowchart.png index db11d99..086b4ce 100644 Binary files a/src/assets/images/flowchart.png and b/src/assets/images/flowchart.png differ diff --git a/src/assets/images/three-way-between.png b/src/assets/images/three-way-between.png new file mode 100644 index 0000000..34844cd Binary files /dev/null and b/src/assets/images/three-way-between.png differ diff --git a/src/assets/images/three-way-greater.png b/src/assets/images/three-way-greater.png new file mode 100644 index 0000000..918ec7d Binary files /dev/null and b/src/assets/images/three-way-greater.png differ diff --git a/src/assets/images/three-way-less.png b/src/assets/images/three-way-less.png new file mode 100644 index 0000000..9a976ec Binary files /dev/null and b/src/assets/images/three-way-less.png differ diff --git a/src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue b/src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue index ab3eb98..dd0b2a0 100644 --- a/src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue +++ b/src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue @@ -62,7 +62,9 @@ alt="" />
热回收总量:
-
{{ hotData.totalHeatRecoverySum }}kwh
+
+ {{ formatHeatValue(hotData.totalHeatRecoverySum) }} +
离心机热量回收:
- {{ hotData.centrifugalHeatRecoverySum }}kwh + {{ formatHeatValue(hotData.centrifugalHeatRecoverySum) }}
@@ -83,7 +85,7 @@ />
后处理及MD热量回收:
- {{ hotData.postProcessingAndMdHeatRecoverySum }}kwh + {{ formatHeatValue(hotData.postProcessingAndMdHeatRecoverySum) }}
@@ -93,7 +95,9 @@ alt="" />
水源热泵热量:
-
{{ hotData.waterSourceHeatPumpSum }}kwh
+
+ {{ formatHeatValue(hotData.waterSourceHeatPumpSum) }} +
@@ -107,7 +111,6 @@
低温水板换
冷却水板换
二通阀
-
三通阀
后冷却器
吸干机
保障冷却器
@@ -157,15 +160,6 @@ 热量表7 - -
-
@@ -291,10 +285,22 @@
{{ getHotMeterTemp(valveOneArr, "开度反馈", 4) }}%
+ +
-
- {{ getHotMeterTemp(valveTwoArr, "开度反馈", 4) }}% + +
三通阀
+
{{ openPercent }}%
+
+ {{ 100 - openPercent }}%
+
-
进水温度:
+
回水温度:
- {{ getHotMeterTemp(hotDialogArr, "进水温度", 12) }}℃ + {{ getHotMeterTemp(hotDialogArr, "出水温度", 12) }}℃
-
出水温度:
+
供水温度:
- {{ getHotMeterTemp(hotDialogArr, "出水温度", 12) }}℃ + {{ getHotMeterTemp(hotDialogArr, "进水温度", 12) }}℃
@@ -332,7 +338,7 @@
热能量累积量:
- {{ getHotMeterTemp(hotDialogArr, "累积热量", 47) }}kwh + {{ formatHeatValue(getHotMeterTemp(hotDialogArr, "累积热量", 47)) }}
@@ -396,6 +402,21 @@ export default { const weekDay = weekDays[this.currentDate.getDay()]; return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`; }, + openPercent() { + // 三通阀百分比数值 + // return 100; + return Number(this.getHotMeterTemp(this.valveTwoArr, "开度反馈", 4)); + + }, + getThreeWaySrc() { + if (this.openPercent <= 0) { + return require("../../../assets/images/three-way-less.png"); + } else if (this.openPercent >= 100) { + return require("../../../assets/images/three-way-greater.png"); + } else { + return require("../../../assets/images/three-way-between.png"); + } + }, }, mounted() { this.getAlarnStatus(); @@ -493,6 +514,13 @@ export default { } }); }, + formatHeatValue(value) { + // 判断数值大于1万的时候转成mkwh单位,1万kwh = 0.01mkwh,按需保留小数 + if (value > 10000) { + return `${(value / 10000).toFixed(2)}mkwh`; + } + return `${value}kwh`; + }, // 工艺流程图数据 getMonitorList() { let data = { @@ -1001,6 +1029,11 @@ export default { left: 11.5rem; font-size: 0.14rem; } + .text18 { + top: 5.1rem; + left: 11.5rem; + font-size: 0.14rem; + } .text12 { top: 7.7rem; left: 6.4rem; @@ -1142,14 +1175,14 @@ export default { color: #ffffff; } .intem2 { - top: 3.25rem; + top: 2.35rem; left: 6rem; - color: #16cb64; + color: #ef4317; } .outtem2 { - top: 2.35rem; + top: 3.25rem; left: 6rem; - color: #ef4317; + color: #16cb64; } .nowhot2 { top: 2.85rem; @@ -1157,14 +1190,14 @@ export default { color: #ffffff; } .intem3 { - top: 4.7rem; + top: 3.9rem; left: 6rem; - color: #16cb64; + color: #ef4317; } .outtem3 { - top: 3.9rem; + top: 4.7rem; left: 6rem; - color: #ef4317; + color: #16cb64; } .nowhot3 { top: 4.3rem; @@ -1173,13 +1206,13 @@ export default { } .intem4 { top: 5.3rem; - left: 3rem; - color: #16cb64; + left: 1.2rem; + color: #ef4317; } .outtem4 { top: 5.3rem; - left: 1.2rem; - color: #ef4317; + left: 3rem; + color: #16cb64; } .nowhot4 { top: 5.33rem; @@ -1188,13 +1221,13 @@ export default { } .intem5 { top: 7.7rem; - left: 12.75rem; - color: #16cb64; + left: 11.1rem; + color: #ef4317; } .outtem5 { top: 7.7rem; - left: 11.1rem; - color: #ef4317; + left: 12.75rem; + color: #16cb64; } .nowhot5 { top: 7.7rem; @@ -1204,12 +1237,12 @@ export default { .intem6 { top: 8.8rem; left: 10.5rem; - color: #16cb64; + color: #ef4317; } .outtem6 { top: 8rem; left: 10.5rem; - color: #ef4317; + color: #16cb64; } .nowhot6 { top: 8.4rem; @@ -1219,12 +1252,13 @@ export default { .intem7 { top: 6rem; left: 13.4rem; - color: #16cb64; + color: #ef4317; } + .outtem7 { top: 6rem; left: 15.1rem; - color: #ef4317; + color: #16cb64; } .nowhot7 { top: 6rem; @@ -1232,18 +1266,45 @@ export default { color: #ffffff; } .valve1 { - top: 5.57rem; - left: 10.5rem; + top: 5.37rem; + left: 4.9rem; color: #ffffff; cursor: pointer; } .valve2 { - top: 5.37rem; - left: 4.9rem; + top: 5.55rem; + left: 10.5rem; + color: #ffffff; + cursor: pointer; + } + .valve3 { + top: 4.55rem; + left: 12.2rem; color: #ffffff; cursor: pointer; } - .click1 { + .three-way { + top: 4.4rem; + left: 9.2rem; + width: 4.38rem; + height: 1.78rem; + } + .three-way-less { + top: 4.7rem; + left: 9.2rem; + width: 4.39rem; + height: 1.47rem; + } + .click2 { + width: 0.8rem; + height: 0.8rem; + top: 4.9rem; + left: 3.93rem; + // background: #eaf12a; + cursor: pointer; + z-index: 999; + } + .click3 { width: 0.8rem; height: 0.8rem; top: 5rem; @@ -1252,11 +1313,11 @@ export default { cursor: pointer; z-index: 999; } - .click2 { + .click4 { width: 0.8rem; height: 0.8rem; - top: 4.9rem; - left: 3.95rem; + top: 4.5rem; + left: 11.33rem; // background: #eaf12a; cursor: pointer; z-index: 999; diff --git a/src/views/index.vue b/src/views/index.vue index 550ab45..78e5186 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -103,7 +103,7 @@
-
生产积累热量
+
生产累计热量
{{ heatData.productionHeatSum }}kwh