diff --git a/hx-ai-intelligent/src/api/alarmManagement/energyAlarm.ts b/hx-ai-intelligent/src/api/alarmManagement/energyAlarm.ts
index 27c755e..edcc40c 100644
--- a/hx-ai-intelligent/src/api/alarmManagement/energyAlarm.ts
+++ b/hx-ai-intelligent/src/api/alarmManagement/energyAlarm.ts
@@ -5,4 +5,5 @@ export enum energyAlarmApi {
   getCodeList = `${BASE_URL}/api/AlarmEnergyConsumptionLog/selectErrorCodeList   `, //能碳告警 列表
   getSelectAlarmEnergyConsumptionLogStatusProcess = `${BASE_URL}/api/AlarmEnergyConsumptionLogStatusProcess/selectAlarmEnergyConsumptionLogStatusProcess`, //能碳告警 状态 没有创建工单log接口
   noCreatOrUpdateLog = `${BASE_URL}/api/AlarmEnergyConsumptionLogStatusProcess/creatOrUpdate`, //能碳告警 状态 没有创建工单  添加 修改状态log
+  getEnergyGraph = `${BASE_URL}/energy/trigger/getEnergyGraph`, //能碳告警 状态 echarts图
 }
diff --git a/hx-ai-intelligent/src/api/alarmManagement/equipmentAlarm.ts b/hx-ai-intelligent/src/api/alarmManagement/equipmentAlarm.ts
index 8505e34..93b0130 100644
--- a/hx-ai-intelligent/src/api/alarmManagement/equipmentAlarm.ts
+++ b/hx-ai-intelligent/src/api/alarmManagement/equipmentAlarm.ts
@@ -5,4 +5,5 @@ export enum equipmentAlarmApi {
   getCodeList = `${BASE_URL}/api/AlarmEquipmentLog/selectErrorCodeList`, //设备告警 列表
   getSelectAlarmEquipmentLogStatusProcess = `${BASE_URL}/api/AlarmEquipmentLogStatusProcess/selectAlarmEquipmentLogStatusProcess`, //设备告警 状态 没有创建工单log接口
   noCreatOrUpdateLog = `${BASE_URL}/api/AlarmEquipmentLogStatusProcess/creatOrUpdate`, //设备告警 状态 没有创建工单  添加 修改状态log
+  getDeviceGraph = `${BASE_URL}/equipment/trigger/getDeviceGraph`, //设备告警 echats图
 }
diff --git a/hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue b/hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue
index aba6333..9030fba 100644
--- a/hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue
+++ b/hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue
@@ -33,7 +33,7 @@
           }}</a-descriptions-item>
           <a-descriptions-item label="错误码">{{ infoObject.errorCode }}</a-descriptions-item>
           <a-descriptions-item label="告警描述">
-            <div style="color: #2778ff">{{ infoObject.alarmTitle }}</div>
+            <div style="color: rgba(255, 118, 54, 1)">{{ infoObject.alarmTitle }}</div>
             {{ infoObject.abnormalDescription }}</a-descriptions-item
           >
           <a-descriptions-item label="监测点位">
@@ -56,6 +56,9 @@
   });
   import { ref } from 'vue';
   import * as echarts from 'echarts';
+  import { energyAlarmApi } from '/@/api/alarmManagement/energyAlarm';
+  import { http } from '/nerv-lib/util';
+  import { message } from 'ant-design-vue';
 
   let chartInstance: echarts.ECharts | null = null;
   const graphChart = ref(null);
@@ -94,19 +97,21 @@
   const toggle = (data: any) => {
     infoObject.value = data;
     visible.value = true;
-    setTimeout(() => {
-      getChatr();
-    }, 500);
+    // setTimeout(() => {
+    //   getChatr();
+    // }, 500);
+    http.get(energyAlarmApi.getEnergyGraph, { logId: infoObject.value.id }).then((res: any) => {
+      if (res.msg === 'success') {
+        const data = res.data;
+        if (data.length > 0) {
+          getChatr(data[0]);
+        }
+      } else {
+        message.error(res.msg);
+      }
+    });
   };
-  const getChatr = () => {
-    let dayData = [];
-    let energyAlarm: any = [];
-
-    // Extend data for 30 days
-    for (let i = 1; i < 30; i++) {
-      dayData.push(`3/${i}`);
-      energyAlarm.push(Math.floor(Math.random() * 250));
-    }
+  const getChatr = (data) => {
     if (chartInstance) {
       chartInstance.dispose();
     }
@@ -182,7 +187,7 @@
               return value;
             },
           },
-          data: dayData,
+          data: data.dateList,
         },
       ],
       yAxis: [
@@ -342,7 +347,7 @@
               shadowBlur: 20,
             },
           },
-          data: energyAlarm,
+          data: data.data,
         },
       ],
     };
diff --git a/hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue b/hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue
index c746042..ec0de07 100644
--- a/hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue
+++ b/hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue
@@ -54,6 +54,9 @@
   });
   import { ref } from 'vue';
   import * as echarts from 'echarts';
+  import { equipmentAlarmApi } from '/@/api/alarmManagement/equipmentAlarm';
+  import { http } from '/nerv-lib/util';
+  import { message } from 'ant-design-vue';
 
   let chartInstance: echarts.ECharts | null = null;
   const graphChart = ref(null);
@@ -92,20 +95,23 @@
   const toggle = (data: any) => {
     infoObject.value = data;
     visible.value = true;
-    setTimeout(() => {
-      //获取数据 echarts图展示
-      getChatr();
-    }, 500);
+    // setTimeout(() => {
+    // //获取数据 echarts图展示
+    // getChatr();
+    // }, 500);
+    http.get(equipmentAlarmApi.getDeviceGraph, { logId: infoObject.value.id }).then((res: any) => {
+      if (res.msg === 'success') {
+        console.log(res.data, '数据');
+        const data = res.data;
+        if (data.length > 0) {
+          getChatr(data[0]);
+        }
+      } else {
+        message.error(res.msg);
+      }
+    });
   };
-  const getChatr = () => {
-    let dayData = [];
-    let energyAlarm: any = [];
-
-    // Extend data for 30 days
-    for (let i = 1; i < 30; i++) {
-      dayData.push(`3/${i}`);
-      energyAlarm.push(Math.floor(Math.random() * 250));
-    }
+  const getChatr = (data: any) => {
     if (chartInstance) {
       chartInstance.dispose();
     }
@@ -182,7 +188,7 @@
               return value;
             },
           },
-          data: dayData,
+          data: data.dateList,
         },
       ],
       yAxis: [
@@ -342,7 +348,7 @@
               shadowBlur: 20,
             },
           },
-          data: energyAlarm,
+          data: data.data,
         },
       ],
     };