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

Loading…
Cancel
Save