Browse Source

1.压缩机排序

2.检测页面添加主机设定值
meizhou
selia-zx 3 weeks ago
parent
commit
b71839eba6
  1. 26
      src/views/centerairC/sysMonitor/hostDetails.vue
  2. 96
      src/views/centerairC/sysMonitor/monitorCenter.vue

26
src/views/centerairC/sysMonitor/hostDetails.vue

@ -479,14 +479,40 @@ export default {
if (item.mtType === "9") { if (item.mtType === "9") {
// 1 // 1
this.compressorData1 = item; this.compressorData1 = item;
// ordernum
if (
this.compressorData1.list &&
Array.isArray(this.compressorData1.list)
) {
this.compressorData1.list.sort((a, b) => {
return Number(a.orderNum) - Number(b.orderNum);
});
}
} }
if (item.mtType === "10") { if (item.mtType === "10") {
// 2 // 2
this.compressorData2 = item; this.compressorData2 = item;
// this.compressorData2 list
if (
this.compressorData2.list &&
Array.isArray(this.compressorData2.list)
) {
this.compressorData2.list.sort((a, b) => {
return Number(a.orderNum) - Number(b.orderNum);
});
}
} }
if (item.mtType === "11") { if (item.mtType === "11") {
// 3 // 3
this.compressorData3 = item; this.compressorData3 = item;
if (
this.compressorData3.list &&
Array.isArray(this.compressorData3.list)
) {
this.compressorData3.list.sort((a, b) => {
return Number(a.orderNum) - Number(b.orderNum);
});
}
} }
}); });
} }

96
src/views/centerairC/sysMonitor/monitorCenter.vue

@ -215,6 +215,15 @@
:lineWidth2="150" :lineWidth2="150"
class="host-line1" class="host-line1"
></line-children> ></line-children>
<div class="setTem1" v-if="hostSetTemClass(1)">
设定值:{{ hostSetTem1 }}
</div>
<div class="setTem2" v-if="hostSetTemClass(2)">
设定值:{{ hostSetTem4 }}
</div>
<div class="setTem3" v-if="hostSetTemClass(3)">
设定值:{{ hostSetTem3 }}
</div>
<!-- 主机2数据定位 --> <!-- 主机2数据定位 -->
<div <div
class="hostName2" class="hostName2"
@ -973,6 +982,10 @@ export default {
hostLoad1: "", hostLoad1: "",
hostLoad2: "", hostLoad2: "",
hostLoad3: "", hostLoad3: "",
//
hostSetTem1: "",
hostSetTem2: "",
hostSetTem3: "",
// //
coolingPumpHz1: "", coolingPumpHz1: "",
coolingPumpHz2: "", coolingPumpHz2: "",
@ -1667,6 +1680,53 @@ export default {
// //
return false; return false;
}, },
//
hostSetTemClass(index) {
// this.hostList deviceName index
let targetDevice = null;
for (let i = 0; i < this.hostList.length; i++) {
const device = this.hostList[i];
const indexStr = index.toString();
const deviceName = device.deviceName.toString();
for (let j = 0; j < indexStr.length; j++) {
if (deviceName.includes(indexStr[j])) {
targetDevice = device;
break;
}
}
if (targetDevice) {
break;
}
}
// false
if (!targetDevice) {
return false;
}
// properties
const properties = targetDevice.properties;
// properties
if (!properties || properties.length === 0) {
return false;
}
// properties paramType === 4
for (let i = 0; i < properties.length; i++) {
const item = properties[i];
if (
item.paramType === "12" &&
item.collectName.includes("用户冷水设定值")
) {
//
const propertyName = `hostSetTem${index}`;
// 使
this[propertyName] = item.collectValue;
// this.hostSetTem[index] = item.collectValue;
return true;
}
}
//
return false;
},
// //
coolingPumpRunClass(index) { coolingPumpRunClass(index) {
// this.coolingPump deviceName index // this.coolingPump deviceName index
@ -2920,6 +2980,42 @@ export default {
top: 8.02rem; top: 8.02rem;
z-index: 10; z-index: 10;
} }
.setTem1 {
z-index: 10;
font-size: 0.16rem;
font-weight: bold;
color: #ffffff;
position: absolute;
top: 6.8rem;
left: 4.1rem;
transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
}
.setTem2 {
z-index: 10;
font-size: 0.16rem;
font-weight: bold;
color: #ffffff;
position: absolute;
top: 6.12rem;
left: 5.9rem;
transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
}
.setTem3 {
z-index: 10;
font-size: 0.16rem;
font-weight: bold;
color: #ffffff;
position: absolute;
top: 5.5rem;
left: 7.8rem;
transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
}
.hostName1 { .hostName1 {
cursor: pointer; cursor: pointer;
border-bottom: 1px solid rgba(0, 255, 255, 1); border-bottom: 1px solid rgba(0, 255, 255, 1);

Loading…
Cancel
Save