Browse Source

冷却塔水位报警时标明报警类型

dev
selia-zx 3 weeks ago
parent
commit
43ba883b83
  1. 14
      src/views/components/monitor/centerairMonitor.vue

14
src/views/components/monitor/centerairMonitor.vue

@ -309,7 +309,10 @@
:class="{ waterLevelAlarm: isWaterLevelAlarm() }"
:title="isWaterLevelAlarm() ? getWaterLevelAlarmText() : ''"
>
冷却塔水位{{ getCoolingTowerWaterLevel() }}
<span>冷却塔水位{{ getCoolingTowerWaterLevel() }}</span>
<span v-if="isWaterLevelAlarm()" class="alarmLabel">
{{ getCoolingTowerWaterLevel() > 0.65 ? '【溢水报警】' : '【缺水报警】' }}
</span>
</div>
<!-- 冷冻蝶阀数据定位 -->
<div class="frozenValve1" :class="{ startClass: frozenValveControlClass(1) }"
@ -2704,6 +2707,9 @@ export default {
left: 3.2rem;
font-weight: bold;
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: center;
}
/** 冷却塔水位报警样式 - 红色闪烁 */
.coolingTowerWaterLevel.waterLevelAlarm {
@ -2711,6 +2717,12 @@ export default {
animation: waterLevelBlink 1s ease-in-out infinite;
cursor: pointer;
}
/** 报警类型标签 */
.alarmLabel {
margin-left: 0.08rem;
font-size: 0.14rem;
font-weight: bold;
}
/** 冷却塔水位报警闪烁动画 */
@keyframes waterLevelBlink {
0%,

Loading…
Cancel
Save