|
|
|
|
@ -30,21 +30,25 @@
|
|
|
|
|
<div class="arrow-flex2"> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
@ -52,21 +56,25 @@
|
|
|
|
|
<div class="arrow-flex3"> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
<img |
|
|
|
|
class="wind-arrow" |
|
|
|
|
:class="{ windShift: runStatusObj.collectValue }" |
|
|
|
|
src="../../../../assets/images/blue-arrow.png" |
|
|
|
|
alt="" |
|
|
|
|
/> |
|
|
|
|
@ -152,9 +160,7 @@
|
|
|
|
|
@click="handleOneKeyButton(startControlObj)" |
|
|
|
|
v-if="!automaticObj.collectValue" |
|
|
|
|
> |
|
|
|
|
<div v-if="startControlObj.collectValue" class="off-bg"> |
|
|
|
|
运行 |
|
|
|
|
</div> |
|
|
|
|
<div v-if="startControlObj.collectValue" class="off-bg">运行</div> |
|
|
|
|
<div v-else class="off-bg">停止</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="fan-satatus1"> |
|
|
|
|
@ -244,7 +250,10 @@
|
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="wind-valve" v-if="isObjectValid(airValveBackObj)"> |
|
|
|
|
<div |
|
|
|
|
class="wind-valve greenContext" |
|
|
|
|
v-if="isObjectValid(airValveBackObj)" |
|
|
|
|
> |
|
|
|
|
<div :class="getTextClass(airValveBackObj, 'wind-text')"> |
|
|
|
|
新风阀反馈: |
|
|
|
|
</div> |
|
|
|
|
@ -631,7 +640,10 @@ export default {
|
|
|
|
|
// 根据对象的 quality 属性返回对应的类名 |
|
|
|
|
getTextClass(obj, claseName) { |
|
|
|
|
// console.log("打印所有点位的quality值······",obj.collectName, obj.quality); |
|
|
|
|
return [claseName, obj.quality !== "0" && obj.quality !== "8" ? "alarm-text" : ""]; |
|
|
|
|
return [ |
|
|
|
|
claseName, |
|
|
|
|
obj.quality !== "0" && obj.quality !== "8" ? "alarm-text" : "", |
|
|
|
|
]; |
|
|
|
|
}, |
|
|
|
|
// 处理输入事件,过滤非数字字符 |
|
|
|
|
handleInput(item) { |
|
|
|
|
@ -1390,11 +1402,11 @@ export default {
|
|
|
|
|
flex-direction: row; |
|
|
|
|
align-items: center; |
|
|
|
|
font-size: 0.18rem; |
|
|
|
|
.wind-text { |
|
|
|
|
color: #00d2ff; |
|
|
|
|
font-size: 0.18rem; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
} |
|
|
|
|
.greenContext { |
|
|
|
|
color: #39f833; |
|
|
|
|
font-size: 0.18rem; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.wind-valve2 { |
|
|
|
|
z-index: 10; |
|
|
|
|
@ -1464,6 +1476,8 @@ export default {
|
|
|
|
|
width: 0.4rem; |
|
|
|
|
height: 0.6rem; |
|
|
|
|
margin-right: 0.15rem; |
|
|
|
|
} |
|
|
|
|
.windShift { |
|
|
|
|
animation: moveArrow 2s linear infinite; |
|
|
|
|
} |
|
|
|
|
/* 定义每个箭头的透明度 */ |
|
|
|
|
|