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

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

2.修改首页二通阀、三通阀的开度数据
3.修改系统热量总览表格数据异常
4.修改设备监控页面，压力、温度传感器渲染数据的逻辑
gh_ers
selia-zx 3 weeks ago
parent
bd13df93d3
commit
bcecb61b77
5 changed files with 63 additions and 61 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. 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
Unescape View File

@ -10,7 +10,7 @@
</div> </div>
<div class="temperature"> <div class="temperature">
<span <span
v-if="twoValveItem && twoValveItem.status === 0" v-if="twoValveItem && twoValveItem.status === 1"
class="error-text" class="error-text"
>异常</span >异常</span
> >
@ -31,7 +31,7 @@
</div> </div>
<div class="temperature"> <div class="temperature">
<span <span
v-if="threeValveItem && threeValveItem.status === 0" v-if="threeValveItem && threeValveItem.status === 1"
class="error-text" class="error-text"
>异常</span >异常</span
> >
@ -73,7 +73,7 @@ export default {
// 二通阀开度值 // 二通阀开度值
twoValveValue() { twoValveValue() {
if (!this.twoValveItem || this.twoValveItem.status === 0) return 0; if (!this.twoValveItem || this.twoValveItem.status === 1) return 0;
// 确保值在 0-100 范围内 // 确保值在 0-100 范围内
const value = parseFloat(this.twoValveItem.curValue) || 0; const value = parseFloat(this.twoValveItem.curValue) || 0;
return Math.min(Math.max(value, 0), 100); return Math.min(Math.max(value, 0), 100);
@ -81,7 +81,7 @@ export default {
// 三通阀开度值 // 三通阀开度值
threeValveValue() { threeValveValue() {
if (!this.threeValveItem || this.threeValveItem.status === 0) return 0; if (!this.threeValveItem || this.threeValveItem.status === 1) return 0;
// 确保值在 0-100 范围内 // 确保值在 0-100 范围内
const value = parseFloat(this.threeValveItem.curValue) || 0; const value = parseFloat(this.threeValveItem.curValue) || 0;
return Math.min(Math.max(value, 0), 100); return Math.min(Math.max(value, 0), 100);

2
src/views/components/viewColdSys.vue
Unescape View File

@ -2,7 +2,7 @@
<div class="energy_content"> <div class="energy_content">
<div class="sys_charts" ref="sys_charts"></div> <div class="sys_charts" ref="sys_charts"></div>
<div class="eer">{{ title }}</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> </div>
</template> </template>

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

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

6
src/views/heatRecoverySys/heatOverview/index.vue
Unescape View File

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

6
src/views/index.vue
Unescape View File

@ -441,9 +441,9 @@ export default {
parseFloat(outletPressure.curValue) - parseFloat(outletPressure.curValue) -
parseFloat(inletPressure.curValue); parseFloat(inletPressure.curValue);
// 判断状态：如果进水或出水压力任一状态为0，则压差状态为0（异常） // 判断状态：如果进水或出水压力任一状态为1，则压差状态为1（异常）
const status = const status =
inletPressure.status === 0 || outletPressure.status === 0 ? 0 : 1; inletPressure.status === 1 || outletPressure.status === 1 ? 1 : 0;
// 创建压差对象 // 创建压差对象
const pressureDiffObj = { const pressureDiffObj = {
@ -473,7 +473,7 @@ export default {
if (!item) return "--℃"; if (!item) return "--℃";
if (item.status === 0) { if (item.status === 1) {
return '<span style="color: red">异常</span>'; return '<span style="color: red">异常</span>';
} }
return `${item.curValue}℃`; return `${item.curValue}℃`;

Write Preview
Loading…
Cancel
Save