lijianfu
/
eemcs_ui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改系统监控热量表数据

gh_ers
selia-zx 3 weeks ago
parent
590d355787
commit
8e18b64273
2 changed files with 45 additions and 43 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .env.development
  2. 84
      src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue

4
.env.development
Unescape View File

@ -7,9 +7,11 @@ ENV = 'development'
# 开发环境 # 开发环境
# VUE_APP_BASE_API = '/dev-api' # VUE_APP_BASE_API = '/dev-api'
# 后台 # 后台
VUE_APP_BASE_API = 'http://192.168.1.222:8080' # 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:8091'
# 广合
VUE_APP_BASE_API = 'http://106.55.173.225:8092'
# 路由懒加载 # 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true VUE_CLI_BABEL_TRANSPILE_MODULES = true

84
src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue
Unescape View File

@ -203,81 +203,81 @@
<div class="text tem7">{{ getTemPreData(temArr, "7号温度传感器") }}℃</div> <div class="text tem7">{{ getTemPreData(temArr, "7号温度传感器") }}℃</div>
<!-- 热量表1数据 --> <!-- 热量表1数据 -->
<div class="text intem1"> <div class="text intem1">
{{ getHotMeterTemp(hotArrOne, "进水温度") }}℃ {{ getHotMeterTemp(hotArrOne, "进水温度",12) }}℃
</div> </div>
<div class="text outtem1"> <div class="text outtem1">
{{ getHotMeterTemp(hotArrOne, "出水温度") }}℃ {{ getHotMeterTemp(hotArrOne, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot1"> <div class="text nowhot1">
{{ getHotMeterTemp(hotArrOne, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrOne, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表2数据 --> <!-- 热量表2数据 -->
<div class="text intem2"> <div class="text intem2">
{{ getHotMeterTemp(hotArrTwo, "进水温度") }}℃ {{ getHotMeterTemp(hotArrTwo, "进水温度",12) }}℃
</div> </div>
<div class="text outtem2"> <div class="text outtem2">
{{ getHotMeterTemp(hotArrTwo, "出水温度") }}℃ {{ getHotMeterTemp(hotArrTwo, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot2"> <div class="text nowhot2">
{{ getHotMeterTemp(hotArrTwo, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrTwo, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表3数据 --> <!-- 热量表3数据 -->
<div class="text intem3"> <div class="text intem3">
{{ getHotMeterTemp(hotArrThree, "进水温度") }}℃ {{ getHotMeterTemp(hotArrThree, "进水温度",12) }}℃
</div> </div>
<div class="text outtem3"> <div class="text outtem3">
{{ getHotMeterTemp(hotArrThree, "出水温度") }}℃ {{ getHotMeterTemp(hotArrThree, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot3"> <div class="text nowhot3">
{{ getHotMeterTemp(hotArrThree, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrThree, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表4数据 --> <!-- 热量表4数据 -->
<div class="text intem4"> <div class="text intem4">
{{ getHotMeterTemp(hotArrFour, "进水温度") }}℃ {{ getHotMeterTemp(hotArrFour, "进水温度",12) }}℃
</div> </div>
<div class="text outtem4"> <div class="text outtem4">
{{ getHotMeterTemp(hotArrFour, "出水温度") }}℃ {{ getHotMeterTemp(hotArrFour, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot4"> <div class="text nowhot4">
{{ getHotMeterTemp(hotArrFour, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrFour, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表5数据 --> <!-- 热量表5数据 -->
<div class="text intem5"> <div class="text intem5">
{{ getHotMeterTemp(hotArrFive, "进水温度") }}℃ {{ getHotMeterTemp(hotArrFive, "进水温度",12) }}℃
</div> </div>
<div class="text outtem5"> <div class="text outtem5">
{{ getHotMeterTemp(hotArrFive, "出水温度") }}℃ {{ getHotMeterTemp(hotArrFive, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot5"> <div class="text nowhot5">
{{ getHotMeterTemp(hotArrFive, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrFive, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表6数据 --> <!-- 热量表6数据 -->
<div class="text intem6"> <div class="text intem6">
{{ getHotMeterTemp(hotArrSix, "进水温度") }}℃ {{ getHotMeterTemp(hotArrSix, "进水温度",12) }}℃
</div> </div>
<div class="text outtem6"> <div class="text outtem6">
{{ getHotMeterTemp(hotArrSix, "出水温度") }}℃ {{ getHotMeterTemp(hotArrSix, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot6"> <div class="text nowhot6">
{{ getHotMeterTemp(hotArrSix, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrSix, "瞬时热量",47) }}kwh
</div> </div>
<!-- 热量表7数据 --> <!-- 热量表7数据 -->
<div class="text intem7"> <div class="text intem7">
{{ getHotMeterTemp(hotArrSix, "进水温度") }}℃ {{ getHotMeterTemp(hotArrSix, "进水温度",12) }}℃
</div> </div>
<div class="text outtem7"> <div class="text outtem7">
{{ getHotMeterTemp(hotArrSix, "出水温度") }}℃ {{ getHotMeterTemp(hotArrSix, "出水温度",12) }}℃
</div> </div>
<div class="text nowhot7"> <div class="text nowhot7">
{{ getHotMeterTemp(hotArrSix, "瞬时热量") }}kwh {{ getHotMeterTemp(hotArrSix, "瞬时热量",47) }}kwh
</div> </div>
<!-- 二通阀门 --> <!-- 二通阀门 -->
<div class="text valve1"> <div class="text valve1">
{{ getHotMeterTemp(valveOneArr, "开度反馈") }}% {{ getHotMeterTemp(valveOneArr, "开度反馈",4) }}%
</div> </div>
<!-- 三通阀门 --> <!-- 三通阀门 -->
<div class="text valve2"> <div class="text valve2">
{{ getHotMeterTemp(valveTwoArr, "开度反馈") }}% {{ getHotMeterTemp(valveTwoArr, "开度反馈",4) }}%
</div> </div>
</div> </div>
</div> </div>
@ -538,13 +538,13 @@ export default {
console.log("热量表7数据:", this.hotArrSeven); console.log("热量表7数据:", this.hotArrSeven);
}, },
// 获取热量表的温度值（进水温度/出水温度） 阀门开度反馈 // 获取热量表的温度值（进水温度/出水温度） 阀门开度反馈
getHotMeterTemp(arr, type) { getHotMeterTemp(arr, type,id) {
if (!arr || !Array.isArray(arr)) return null; if (!arr || !Array.isArray(arr)) return null;
// 查找对应类型的温度数据 // 查找对应类型的温度数据
const item = arr.find((item) => { const item = arr.find((item) => {
if (!item || !item.collectName) return false; if (!item || !item.collectName) return false;
return item.collectName.includes(type); return item.collectName.includes(type) && item.paramType == id;
}); });
if (!item) return null; if (!item) return null;
// console.log("当前匹配名称和值", item.collectName, item.collectValue); // console.log("当前匹配名称和值", item.collectName, item.collectValue);
@ -974,7 +974,7 @@ export default {
} }
.pres3 { .pres3 {
top: 5rem; top: 5rem;
left: 10.6rem; left: 10.5rem;
color: #eaf12a; color: #eaf12a;
} }
.pres4 { .pres4 {
@ -999,7 +999,7 @@ export default {
} }
.pres8 { .pres8 {
top: 7.5rem; top: 7.5rem;
left: 2.8rem; left: 2.6rem;
color: #eaf12a; color: #eaf12a;
} }
.pres9 { .pres9 {
@ -1034,7 +1034,7 @@ export default {
} }
.tem3 { .tem3 {
top: 5.27rem; top: 5.27rem;
left: 10.6rem; left: 10.5rem;
color: #ef4317; color: #ef4317;
} }
.tem4 { .tem4 {
@ -1044,7 +1044,7 @@ export default {
} }
.tem5 { .tem5 {
top: 7.49rem; top: 7.49rem;
left: 3.55rem; left: 3.4rem;
color: #ef4317; color: #ef4317;
} }
.tem6 { .tem6 {
@ -1074,32 +1074,32 @@ export default {
} }
.intem2 { .intem2 {
top: 3.25rem; top: 3.25rem;
left: 6.1rem; left: 6rem;
color: #16cb64; color: #16cb64;
} }
.outtem2 { .outtem2 {
top: 2.35rem; top: 2.35rem;
left: 6.1rem; left: 6rem;
color: #ef4317; color: #ef4317;
} }
.nowhot2 { .nowhot2 {
top: 2.85rem; top: 2.85rem;
left: 6.1rem; left: 6rem;
color: #ffffff; color: #ffffff;
} }
.intem3 { .intem3 {
top: 4.7rem; top: 4.7rem;
left: 6.1rem; left: 6rem;
color: #16cb64; color: #16cb64;
} }
.outtem3 { .outtem3 {
top: 3.9rem; top: 3.9rem;
left: 6.1rem; left: 6rem;
color: #ef4317; color: #ef4317;
} }
.nowhot3 { .nowhot3 {
top: 4.3rem; top: 4.3rem;
left: 6.1rem; left: 6rem;
color: #ffffff; color: #ffffff;
} }
.intem4 { .intem4 {
@ -1124,7 +1124,7 @@ export default {
} }
.outtem5 { .outtem5 {
top: 7.7rem; top: 7.7rem;
left: 11.2rem; left: 11.1rem;
color: #ef4317; color: #ef4317;
} }
.nowhot5 { .nowhot5 {
@ -1149,7 +1149,7 @@ export default {
} }
.intem7 { .intem7 {
top: 6rem; top: 6rem;
left: 13.5rem; left: 13.4rem;
color: #16cb64; color: #16cb64;
} }
.outtem7 { .outtem7 {
@ -1164,7 +1164,7 @@ export default {
} }
.valve1 { .valve1 {
top: 5.57rem; top: 5.57rem;
left: 10.6rem; left: 10.5rem;
color: #ffffff; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
@ -1234,7 +1234,7 @@ export default {
} }
.p8 { .p8 {
top: 7.72rem; top: 7.72rem;
left: 2.9rem; left: 2.8rem;
color: #ffffff; color: #ffffff;
} }
.p9 { .p9 {
@ -1279,7 +1279,7 @@ export default {
} }
.t5 { .t5 {
top: 7.72rem; top: 7.72rem;
left: 3.65rem; left: 3.55rem;
color: #ffffff; color: #ffffff;
} }
.t6 { .t6 {
@ -1302,7 +1302,7 @@ export default {
} }
.h2 { .h2 {
top: 3.15rem; top: 3.15rem;
left: 5.2rem; left: 5.1rem;
color: #cecece; color: #cecece;
font-size: 0.16rem; font-size: 0.16rem;
padding: 0.06rem; padding: 0.06rem;
@ -1310,7 +1310,7 @@ export default {
} }
.h3 { .h3 {
top: 4.25rem; top: 4.25rem;
left: 5.2rem; left: 5.1rem;
color: #cecece; color: #cecece;
font-size: 0.16rem; font-size: 0.16rem;
padding: 0.06rem; padding: 0.06rem;

Write Preview
Loading…
Cancel
Save