ソースを参照

fix(yuxin): 修正告警图标绑定并新增告警点位

yusheng 6 日 前
コミット
4a3639a724
1 ファイル変更33 行追加3 行削除
  1. 33 3
      src/views/home/yuxin.vue

+ 33 - 3
src/views/home/yuxin.vue

@@ -704,7 +704,7 @@
             </div>
 
             <div
-              style="left: 10%; top: 90%"
+              style="left: 64%; top: 79%"
               class="alarm-badge"
               v-if="gs.alarm.alarmLevel"
               :class="{
@@ -729,11 +729,41 @@
               </span>
               <img
                 class="alarm-icon"
-                :src="getAlarmSrc(yqpf.alarm?.alarmLevel)"
+                :src="getAlarmSrc(gs.alarm?.alarmLevel)"
+                alt="alarm"
+              />
+            </div>
+            <div
+              style="left: 16%; top: 86%"
+              class="alarm-badge"
+              v-if="zgs.alarm.alarmLevel"
+              :class="{
+                'alarm-yellow': zgs.alarm.alarmLevel == 1,
+                'alarm-orange': zgs.alarm.alarmLevel == 2,
+                'alarm-red': [3, 4, 5].includes(zgs.alarm.alarmLevel)
+              }"
+            >
+              <span class="alarm-text">
+                <div v-if="zgs.alarm && zgs.alarm?.deviceData">
+                  <div
+                    v-for="(item, index) in zgs.alarm?.deviceData.filter(
+                      (val) =>
+                        evalFn(val.value + val.operator + val.thresholdValue)
+                    )"
+                    :key="index"
+                  >
+                    点位:{{ item.attributeName }} 差值:{{
+                      parseFloat((item.value - item.thresholdValue).toFixed(3))
+                    }}
+                  </div>
+                </div>
+              </span>
+              <img
+                class="alarm-icon"
+                :src="getAlarmSrc(zgs.alarm?.alarmLevel)"
                 alt="alarm"
               />
             </div>
-
             <div class="label data-box" style="left: 4%; top: 82%"
               >进口流量:
               {{