|
|
|
|
@ -125,64 +125,53 @@
|
|
|
|
|
></div> |
|
|
|
|
<!-- 数据 --> |
|
|
|
|
<!-- 压力传感器0-12号 --> |
|
|
|
|
<div class="text pres0" v-if="pressureArr[0]"> |
|
|
|
|
{{ pressureArr[0].collectValue }}bar |
|
|
|
|
<div class="text pres0"> |
|
|
|
|
{{ getTemPreData(pressureArr, "0号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres1" v-if="pressureArr[1]"> |
|
|
|
|
{{ pressureArr[1].collectValue }}bar |
|
|
|
|
<div class="text pres1"> |
|
|
|
|
{{ getTemPreData(pressureArr, "1号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres2" v-if="pressureArr[2]"> |
|
|
|
|
{{ pressureArr[2].collectValue }}bar |
|
|
|
|
<div class="text pres2"> |
|
|
|
|
{{ getTemPreData(pressureArr, "2号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres3" v-if="pressureArr[3]"> |
|
|
|
|
{{ pressureArr[3].collectValue }}bar |
|
|
|
|
<div class="text pres3"> |
|
|
|
|
{{ getTemPreData(pressureArr, "3号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres4" v-if="pressureArr[4]"> |
|
|
|
|
{{ pressureArr[4].collectValue }}bar |
|
|
|
|
<div class="text pres4"> |
|
|
|
|
{{ getTemPreData(pressureArr, "4号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres5" v-if="pressureArr[5]"> |
|
|
|
|
{{ pressureArr[5].collectValue }}bar |
|
|
|
|
<div class="text pres5"> |
|
|
|
|
{{ getTemPreData(pressureArr, "5号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres6" v-if="pressureArr[6]"> |
|
|
|
|
{{ pressureArr[6].collectValue }}bar |
|
|
|
|
<div class="text pres6"> |
|
|
|
|
{{ getTemPreData(pressureArr, "6号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres7" v-if="pressureArr[7]"> |
|
|
|
|
{{ pressureArr[7].collectValue }}bar |
|
|
|
|
<div class="text pres7"> |
|
|
|
|
{{ getTemPreData(pressureArr, "7号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres8" v-if="pressureArr[8]"> |
|
|
|
|
{{ pressureArr[8].collectValue }}bar |
|
|
|
|
<div class="text pres8"> |
|
|
|
|
{{ getTemPreData(pressureArr, "8号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres9" v-if="pressureArr[9]"> |
|
|
|
|
{{ pressureArr[9].collectValue }}bar |
|
|
|
|
<div class="text pres9"> |
|
|
|
|
{{ getTemPreData(pressureArr, "9号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres10" v-if="pressureArr[10]"> |
|
|
|
|
{{ pressureArr[10].collectValue }}bar |
|
|
|
|
<div class="text pres10"> |
|
|
|
|
{{ getTemPreData(pressureArr, "10号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres11" v-if="pressureArr[11]"> |
|
|
|
|
{{ pressureArr[11].collectValue }}bar |
|
|
|
|
<div class="text pres11"> |
|
|
|
|
{{ getTemPreData(pressureArr, "11号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<div class="text pres12" v-if="pressureArr[12]"> |
|
|
|
|
{{ pressureArr[12].collectValue }}bar |
|
|
|
|
<div class="text pres12"> |
|
|
|
|
{{ getTemPreData(pressureArr, "12号压力传感器") }}bar |
|
|
|
|
</div> |
|
|
|
|
<!-- 温度传感器 1-7号 --> |
|
|
|
|
<div class="text tem1" v-if="temArr[0]"> |
|
|
|
|
{{ temArr[0].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem2" v-if="temArr[1]"> |
|
|
|
|
{{ temArr[1].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem3" v-if="temArr[2]"> |
|
|
|
|
{{ temArr[2].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem4" v-if="temArr[3]"> |
|
|
|
|
{{ temArr[3].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem5" v-if="temArr[4]"> |
|
|
|
|
{{ temArr[4].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem6" v-if="temArr[5]"> |
|
|
|
|
{{ temArr[5].collectValue }}℃ |
|
|
|
|
</div> |
|
|
|
|
<div class="text tem1">{{ getTemPreData(temArr, "1号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem2">{{ getTemPreData(temArr, "2号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem3">{{ getTemPreData(temArr, "3号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem4">{{ getTemPreData(temArr, "4号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem5">{{ getTemPreData(temArr, "5号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem6">{{ getTemPreData(temArr, "6号温度传感器") }}℃</div> |
|
|
|
|
<div class="text tem7">{{ getTemPreData(temArr, "7号温度传感器") }}℃</div> |
|
|
|
|
<!-- 热量表1数据 --> |
|
|
|
|
<div class="text intem1"> |
|
|
|
|
{{ getHotMeterTemp(hotArrOne, "进水温度") }}℃ |
|
|
|
|
@ -329,9 +318,9 @@ export default {
|
|
|
|
|
}, 100); // 延迟 100 毫秒执行全屏操作 |
|
|
|
|
// 设置定时器,每 10 秒执行一次 |
|
|
|
|
this.timer = setInterval(() => { |
|
|
|
|
// this.getAlarnStatus(); |
|
|
|
|
// this.getMonitorList(); |
|
|
|
|
// this.getMonitorTotalData(); |
|
|
|
|
this.getAlarnStatus(); |
|
|
|
|
this.getMonitorList(); |
|
|
|
|
this.getMonitorTotalData(); |
|
|
|
|
}, 10000); |
|
|
|
|
// 每秒更新一次时间 |
|
|
|
|
this.nowTimer = setInterval(() => { |
|
|
|
|
@ -388,7 +377,7 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
// 返回上一页 |
|
|
|
|
goBack() { |
|
|
|
|
this.$router.back(); |
|
|
|
|
window.history.go(-2); |
|
|
|
|
}, |
|
|
|
|
// 监测天数 |
|
|
|
|
getDayData() { |
|
|
|
|
@ -532,6 +521,19 @@ export default {
|
|
|
|
|
// console.log("当前匹配名称和值", item.collectName, item.collectValue); |
|
|
|
|
return item.collectValue; |
|
|
|
|
}, |
|
|
|
|
// 获取其他的数据 |
|
|
|
|
getTemPreData(arr, type) { |
|
|
|
|
if (!arr || !Array.isArray(arr)) return null; |
|
|
|
|
|
|
|
|
|
// 查找对应类型的温度数据 |
|
|
|
|
const item = arr.find((item) => { |
|
|
|
|
if (!item || !item.collectName) return false; |
|
|
|
|
return item.collectName == type; |
|
|
|
|
}); |
|
|
|
|
if (!item) return null; |
|
|
|
|
// console.log("当前匹配名称和值", item.collectName, item.collectValue); |
|
|
|
|
return item.collectValue; |
|
|
|
|
}, |
|
|
|
|
// 控制开度 |
|
|
|
|
async controlValve(data, title) { |
|
|
|
|
try { |
|
|
|
|
@ -591,7 +593,7 @@ export default {
|
|
|
|
|
// 在data数组中查找deviceName等于title的对象 |
|
|
|
|
const device = data.find( |
|
|
|
|
(item) => |
|
|
|
|
item.deviceName === title && item.collectName.includes("开度反馈") |
|
|
|
|
item.deviceName === title && item.collectName.includes("开度设置") |
|
|
|
|
); |
|
|
|
|
console.log("当前的对象", device); |
|
|
|
|
if (device) { |
|
|
|
|
@ -1018,7 +1020,7 @@ export default {
|
|
|
|
|
} |
|
|
|
|
.tem7 { |
|
|
|
|
top: 7.98rem; |
|
|
|
|
left: 13.2rem; |
|
|
|
|
left: 13.55rem; |
|
|
|
|
color: #ef4317; |
|
|
|
|
} |
|
|
|
|
.intem1 { |
|
|
|
|
|