运行
@@ -615,6 +808,12 @@ export default {
damperOneBackObj: {}, //风阀1反馈
damperTwoBackObj: {}, //风阀2反馈
damperThreeBackObj: {}, //风阀3反馈
+ damperOneRemoteObj: {}, //风阀1远程手自动选择
+ damperTwoRemoteObj: {}, //风阀2远程手自动选择
+ damperThreeRemoteObj: {}, //风阀3远程手自动选择
+ damperOneManualObj: {}, //风阀1手动调节
+ damperTwoManualObj: {}, //风阀2手动调节
+ damperThreeManualObj: {}, //风阀3手动调节
openingBackObj: {}, //风阀开度反馈
startStopObj: {}, //风阀启停选择
remoteManualObj: {}, //远程手动启停
@@ -786,6 +985,12 @@ export default {
this.damperOneBackObj = {}; //风阀1反馈
this.damperTwoBackObj = {}; //风阀2反馈
this.damperThreeBackObj = {}; //风阀3反馈
+ this.damperOneRemoteObj = {}; //风阀1远程手自动选择
+ this.damperTwoRemoteObj = {}; //风阀2远程手自动选择
+ this.damperThreeRemoteObj = {}; //风阀3远程手自动选择
+ this.damperOneManualObj = {}; //风阀1手动调节
+ this.damperTwoManualObj = {}; //风阀2手动调节
+ this.damperThreeManualObj = {}; //风阀3手动调节
this.openingBackObj = {}; //风阀开度反馈
this.startStopObj = {}; //风机启停选择
this.remoteManualObj = {}; //远程手动启停
@@ -913,6 +1118,54 @@ export default {
) {
this.damperThreeBackObj = item;
}
+ //风阀1远程手自动状态 0自动1手动
+ else if (
+ item.paramType === "2" &&
+ item.collectName.includes("1号风阀远程手自动")
+ ) {
+ this.damperOneRemoteObj = item;
+ this.damperOneRemoteObj.collectValue =
+ Number(item.collectValue) == 1 ? true : false;
+ }
+ //风阀2远程手自动状态
+ else if (
+ item.paramType === "2" &&
+ item.collectName.includes("2号风阀远程手自动")
+ ) {
+ this.damperTwoRemoteObj = item;
+ this.damperTwoRemoteObj.collectValue =
+ Number(item.collectValue) == 1 ? true : false;
+ }
+ //风阀3远程手自动状态
+ else if (
+ item.paramType === "2" &&
+ item.collectName.includes("3号风阀远程手自动")
+ ) {
+ this.damperThreeRemoteObj = item;
+ this.damperThreeRemoteObj.collectValue =
+ Number(item.collectValue) == 1 ? true : false;
+ }
+ //风阀1手动调节
+ else if (
+ item.paramType === "3" &&
+ item.collectName.includes("1号风阀手动调节")
+ ) {
+ this.damperOneManualObj = item;
+ }
+ //风阀2手动调节
+ else if (
+ item.paramType === "3" &&
+ item.collectName.includes("2号风阀手动调节")
+ ) {
+ this.damperTwoManualObj = item;
+ }
+ //风阀3手动调节
+ else if (
+ item.paramType === "3" &&
+ item.collectName.includes("3号风阀手动调节")
+ ) {
+ this.damperThreeManualObj = item;
+ }
//风阀开度反馈
else if (
item.paramType === "3" &&
@@ -1067,6 +1320,12 @@ export default {
this.damperOneBackObj = {}; //风阀1反馈
this.damperTwoBackObj = {}; //风阀2反馈
this.damperThreeBackObj = {}; //风阀3反馈
+ this.damperOneRemoteObj = {}; //风阀1远程手自动选择
+ this.damperTwoRemoteObj = {}; //风阀2远程手自动选择
+ this.damperThreeRemoteObj = {}; //风阀3远程手自动选择
+ this.damperOneManualObj = {}; //风阀1手动调节
+ this.damperTwoManualObj = {}; //风阀2手动调节
+ this.damperThreeManualObj = {}; //风阀3手动调节
this.openingBackObj = {}; //风阀开度反馈
this.startStopObj = {}; //风机启停选择
this.remoteManualObj = {}; //远程手动启停
@@ -1094,6 +1353,11 @@ export default {
});
}
},
+ // 根据对象的 quality 属性返回对应的类名
+ getTextClass(obj, claseName) {
+ // console.log("打印所有点位的quality值······",obj.collectName, obj.quality);
+ return [claseName, obj.quality !== "0" ? "alarm-text" : ""];
+ },
// 处理输入事件，过滤非数字字符
handleInput(item) {
console.log("校验");
@@ -1188,9 +1452,9 @@ export default {
});
},
//启停控制/手动控制
- handleControlText(item) {
+ handleControlText(item, name1, name2) {
this.$confirm(
- `确定要切换设备的状态为:${item.collectValue ? "开启" : "停止 吗?"}`,
+ `确定要切换设备的状态为:${item.collectValue ? name1 : name2}吗?`,
"提示",
{
confirmButtonText: "确定",
@@ -1737,12 +2001,108 @@ export default {
margin-bottom: 0.15rem;
}
}
- .wind-tem2 {
+ .dampers-name1 {
+ z-index: 10;
+ position: absolute;
+ top: 1.5rem;
+ left: 10.1rem;
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ font-weight: bold;
+ }
+ .dampers-position1 {
+ z-index: 10;
+ // width: 3.8rem;
+ position: absolute;
+ top: 1.1rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position2 {
+ z-index: 10;
+ // width: 3.8rem;
+ position: absolute;
+ top: 1.45rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position3 {
+ z-index: 10;
+ width: 3rem;
+ position: absolute;
+ top: 1.85rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position4 {
z-index: 10;
// width: 3.8rem;
position: absolute;
top: 2.2rem;
- left: 10.55rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-name2 {
+ z-index: 10;
+ position: absolute;
+ top: 3.3rem;
+ left: 10.3rem;
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ font-weight: bold;
+ }
+ .dampers-position6 {
+ z-index: 10;
+ // width: 3.57rem;
+ position: absolute;
+ top: 2.9rem;
+ left: 12rem;
display: flex;
flex-direction: row;
align-items: center;
@@ -1756,12 +2116,79 @@ export default {
margin-right: 0.1rem;
}
}
- .wind-tem3 {
+ .dampers-position7 {
+ z-index: 10;
+ // width: 3.57rem;
+ position: absolute;
+ top: 3.25rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position8 {
+ z-index: 10;
+ width: 3rem;
+ position: absolute;
+ top: 3.7rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position9 {
z-index: 10;
// width: 3.57rem;
position: absolute;
top: 4.1rem;
- left: 10.55rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-name3 {
+ z-index: 10;
+ position: absolute;
+ top: 5.2rem;
+ left: 10.45rem;
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ font-weight: bold;
+ }
+ .dampers-position10 {
+ z-index: 10;
+ // width: 3.57rem;
+ position: absolute;
+ top: 4.8rem;
+ left: 12rem;
display: flex;
flex-direction: row;
align-items: center;
@@ -1775,12 +2202,50 @@ export default {
margin-right: 0.1rem;
}
}
- .wind-tem4 {
+ .dampers-position11 {
z-index: 10;
// width: 3.57rem;
position: absolute;
- top: 5.9rem;
- left: 10.55rem;
+ top: 5.15rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position12 {
+ z-index: 10;
+ width: 3rem;
+ position: absolute;
+ top: 5.6rem;
+ left: 12rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 0.18rem;
+ .wind-text {
+ color: #00d2ff;
+ font-size: 0.18rem;
+ white-space: nowrap;
+ }
+ .back-text {
+ margin-right: 0.1rem;
+ }
+ }
+ .dampers-position13 {
+ z-index: 10;
+ // width: 3.57rem;
+ position: absolute;
+ top: 6rem;
+ left: 12rem;
display: flex;
flex-direction: row;
align-items: center;
@@ -2220,6 +2685,13 @@ export default {
.device-li {
position: relative;
}
+
+/* 报警文字样式 */
+.alarm-text {
+ color: red !important;
+ animation: blink 1s infinite;
+}
+
// 媒体查询，适配大于2000px分辨率的大屏样式
@media (min-width: 2000px) {
.device-container {
@@ -2277,6 +2749,15 @@ export default {
font-size: 15px !important;
}
}
+ .dampers-position2 {
+ top: 1.3rem !important;
+ }
+ .dampers-position7 {
+ top: 3.1rem !important;
+ }
+ .dampers-position11 {
+ top: 5rem !important;
+ }
}
diff --git a/src/views/index.vue b/src/views/index.vue
index 79d89a1..8832686 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -67,47 +67,47 @@
项目概况