Browse Source

1.修改首页所有数据异常状态的字段为1

2.修改首页二通阀、三通阀的开度数据
3.修改系统热量总览表格数据异常
4.修改设备监控页面,压力、温度传感器渲染数据的逻辑
gh_ers
selia-zx 3 weeks ago
parent
commit
bcecb61b77
  1. 8
      src/views/components/hotWater.vue
  2. 2
      src/views/components/viewColdSys.vue
  3. 102
      src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue
  4. 6
      src/views/heatRecoverySys/heatOverview/index.vue
  5. 6
      src/views/index.vue

8
src/views/components/hotWater.vue

@ -10,7 +10,7 @@
</div>
<div class="temperature">
<span
v-if="twoValveItem && twoValveItem.status === 0"
v-if="twoValveItem && twoValveItem.status === 1"
class="error-text"
>异常</span
>
@ -31,7 +31,7 @@
</div>
<div class="temperature">
<span
v-if="threeValveItem && threeValveItem.status === 0"
v-if="threeValveItem && threeValveItem.status === 1"
class="error-text"
>异常</span
>
@ -73,7 +73,7 @@ export default {
//
twoValveValue() {
if (!this.twoValveItem || this.twoValveItem.status === 0) return 0;
if (!this.twoValveItem || this.twoValveItem.status === 1) return 0;
// 0-100
const value = parseFloat(this.twoValveItem.curValue) || 0;
return Math.min(Math.max(value, 0), 100);
@ -81,7 +81,7 @@ export default {
//
threeValveValue() {
if (!this.threeValveItem || this.threeValveItem.status === 0) return 0;
if (!this.threeValveItem || this.threeValveItem.status === 1) return 0;
// 0-100
const value = parseFloat(this.threeValveItem.curValue) || 0;
return Math.min(Math.max(value, 0), 100);

2
src/views/components/viewColdSys.vue

@ -2,7 +2,7 @@
<div class="energy_content">
<div class="sys_charts" ref="sys_charts"></div>
<div class="eer">{{ title }}</div>
<div class="bad" v-if="subData.status === 0">异常</div>
<div class="bad" v-if="subData.status === 1">异常</div>
</div>
</template>

102
src/views/heatRecoverySys/deviceMonitor/monitorCenter.vue

@ -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 {
// datadeviceNametitle
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 {

6
src/views/heatRecoverySys/heatOverview/index.vue

@ -423,9 +423,9 @@ export default {
if (res.code == 200 && res.data) {
this.tableData = res.data[4].timeStrArr.map((date, index) => ({
date,
electData: res.data[1].meter[index].toString(), //
coldData: res.data[0].cold[index].toString(), //
copData: res.data[2].cop[index].toString(), //
meter: res.data[1].meter[index].toString(), //
cold: res.data[0].cold[index].toString(), //
cop: res.data[2].cop[index].toString(), //
}));
this.pageParm.total = res.data.totalPages;
} else {

6
src/views/index.vue

@ -441,9 +441,9 @@ export default {
parseFloat(outletPressure.curValue) -
parseFloat(inletPressure.curValue);
// 00
// 11
const status =
inletPressure.status === 0 || outletPressure.status === 0 ? 0 : 1;
inletPressure.status === 1 || outletPressure.status === 1 ? 1 : 0;
//
const pressureDiffObj = {
@ -473,7 +473,7 @@ export default {
if (!item) return "--℃";
if (item.status === 0) {
if (item.status === 1) {
return '<span style="color: red">异常</span>';
}
return `${item.curValue}`;

Loading…
Cancel
Save