fix:设备告警 网关告警

hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue

@@ -13,10 +13,10 @@
       <div class="box">
         <div class="card"></div>
         <div style="left: 25px; position: absolute; height: 35px; line-height: 35px">
-          告警编号：20230310001
+          告警编号：{{ infoObject.alarmCode }}
         </div>
         <div style="right: 20px; position: absolute; height: 35px; line-height: 35px">
-          2024-03-10 15:08:10
+          {{ infoObject.updateTime }}
         </div>
       </div>
       <!-- center -->
@@ -26,14 +26,21 @@
       <!-- bottom -->
       <div style="width: 100%; margin-top: 10px">
         <a-descriptions :column="1" bordered>
-          <a-descriptions-item label="优先级">紧急</a-descriptions-item>
-          <a-descriptions-item label="状态">新告警</a-descriptions-item>
-          <a-descriptions-item label="错误码">C003</a-descriptions-item>
-          <a-descriptions-item label="告警描述"
-            ><div style="color: #2778ff">用电量超标</div> 当日用电量超出预设值</a-descriptions-item
+          <a-descriptions-item label="优先级">{{
+            infoObject.priority ? infoObject.priority.label : ''
+          }}</a-descriptions-item>
+          <a-descriptions-item label="状态">{{
+            infoObject.alarmLogState ? infoObject.alarmLogState.label : ''
+          }}</a-descriptions-item>
+          <a-descriptions-item label="错误码">{{ infoObject.errorCode }}</a-descriptions-item>
+          <a-descriptions-item label="告警描述">
+            <div style="color: #2778ff">{{ infoObject.alarmTitle }}</div>
+            {{ infoObject.abnormalDescription }}</a-descriptions-item
           >
-          <a-descriptions-item label="设备信息"> 1栋10层低压柜 </a-descriptions-item>
-          <a-descriptions-item label="重复次数"> 0 </a-descriptions-item>
+          <a-descriptions-item label="设备信息"> {{ infoObject.deviceInfo }} </a-descriptions-item>
+          <a-descriptions-item label="重复次数">
+            {{ infoObject.alarmRepetitions }}
+          </a-descriptions-item>
         </a-descriptions>
       </div>
     </div>
@@ -51,16 +58,37 @@
 
   let chartInstance: echarts.ECharts | null = null;
   const graphChart = ref(null);
+  const infoObject = ref({
+    priority: null,
+    alarmCode: null,
+    alarmLogState: null,
+    errorCode: null,
+    alarmTitle: null,
+    abnormalDescription: null,
+    deviceInfo: null,
+    alarmRepetitions: null,
+    updateTime: null,
+  });
   const visible = ref(false);
   const handleClose = () => {
     visible.value = false;
+    infoObject.value = {
+      priority: null,
+      alarmCode: null,
+      alarmLogState: null,
+      errorCode: null,
+      alarmTitle: null,
+      abnormalDescription: null,
+      deviceInfo: null,
+      alarmRepetitions: null,
+      updateTime: null,
+    };
   };
   const btnClick = () => {
-    console.log('btnClick');
     handleClose();
   };
   const toggle = (data: any) => {
-    console.log(data, 'data');
+    infoObject.value = data;
     visible.value = true;
     setTimeout(() => {
       getChatr();