From 19aeb6ca965a4e83532c27b30b6c5a0f974bf4c9 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Wed, 28 Jan 2026 16:23:39 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E5=AE=9E=E6=97=B6=E6=8A=A5?=
 =?UTF-8?q?=E8=AD=A6=E4=BF=A1=E6=81=AF=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/deviceWarningRecord/index.ts      | 28 ++++++++
 src/config/axios/service.ts                   |  2 +-
 .../dashboard8/components/RealAlarm.vue       | 71 +++++++++++++++----
 3 files changed, 86 insertions(+), 15 deletions(-)
 create mode 100644 src/api/iot/deviceWarningRecord/index.ts

diff --git a/src/api/iot/deviceWarningRecord/index.ts b/src/api/iot/deviceWarningRecord/index.ts
new file mode 100644
index 00000000..60aeff3b
--- /dev/null
+++ b/src/api/iot/deviceWarningRecord/index.ts
@@ -0,0 +1,28 @@
+import request from '@/config/axios'
+
+// 实时报警记录 VO
+export interface DeviceWarningRecordVO {
+  createTime: string
+  updateTime: string
+  creator: string
+  updater: string
+  deleted: boolean
+  id: number
+  deviceId: number
+  modelId: number
+  rule: string
+  alarmLevel: string
+  addressValue: string
+  ruleId: number
+  deviceName: string
+  modelName: string
+  ruleName: string
+}
+
+// 实时报警记录 API
+export const DeviceWarningRecordApi = {
+  // 获得实时报警记录列表
+  getList: async () => {
+    return await request.get({ url: `/iot/device-warinning-record/getList` })
+  }
+}
diff --git a/src/config/axios/service.ts b/src/config/axios/service.ts
index 33560e79..dccb815f 100644
--- a/src/config/axios/service.ts
+++ b/src/config/axios/service.ts
@@ -165,7 +165,7 @@ service.interceptors.response.use(
           '<div>5 分钟搭建本地环境</div>'
       })
       return Promise.reject(new Error(msg))
-    } else if (code !== 200) {
+    } else if (code !== 200 && code !== 0) {
       if (msg === '无效的刷新令牌') {
         // hard coding：忽略这个提示，直接登出
         console.log(msg)
diff --git a/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue b/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
index c41113eb..e2ae3a70 100644
--- a/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/RealAlarm.vue
@@ -29,25 +29,64 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
+import { DeviceWarningRecordApi, DeviceWarningRecordVO } from '@/api/iot/deviceWarningRecord'
 
-const alarms = ref([
-  { time: '08:12:03', level: '严重', type: 'danger', msg: '产线B-包装工位异常停机' },
-  { time: '08:15:27', level: '严重', type: 'danger', msg: '产线C-温控传感器漂移' },
-  { time: '08:20:10', level: '警告', type: 'warn', msg: '产线A-物料待料' },
-  { time: '08:35:42', level: '提示', type: 'safe', msg: '产线E-设备保养提醒' },
-  { time: '08:40:18', level: '提示', type: 'safe', msg: '产线F-成品抽检合格' },
-  { time: '09:02:56', level: '严重', type: 'danger', msg: '产线D-站点扫码失败' },
-  { time: '09:15:12', level: '警告', type: 'warn', msg: '产线H-人员到岗不足' },
-  { time: '09:26:33', level: '警告', type: 'warn', msg: '产线I-实时能耗升高' },
-  { time: '09:37:05', level: '严重', type: 'danger', msg: '产线G-夹具寿命告警' },
-  { time: '09:45:21', level: '警告', type: 'warn', msg: '产线J-物流滞后' }
-])
+const alarms = ref<any[]>([])
 
 const isAnimating = ref(false)
-const listRef = ref<HTMLElement | null>(null)
 let timer: ReturnType<typeof setInterval> | null = null
 
-onMounted(() => {
+const getAlarms = async () => {
+  try {
+    const data = await DeviceWarningRecordApi.getList() || []
+    console.log('data',data)
+    
+    alarms.value = data.map((item: DeviceWarningRecordVO) => {
+      // 格式化时间
+      let timeStr = ''
+      if (item.createTime) {
+        const d = new Date(item.createTime)
+        timeStr = d.toTimeString().slice(0, 8)
+      }
+
+      // 映射等级
+      let type = 'safe'
+      let levelText = item.alarmLevel
+      
+      if (item.alarmLevel === '2') {
+        type = 'danger'
+        levelText = '严重'
+      } else if (item.alarmLevel === '1') {
+        type = 'warn'
+        levelText = '警告'
+      } else if (item.alarmLevel === '0') {
+        type = 'safe'
+        levelText = '提示'
+      } else {
+        // 兼容旧数据或文本
+        if (item.alarmLevel === '严重') type = 'danger'
+        else if (item.alarmLevel === '警告') type = 'warn'
+        else if (item.alarmLevel === '提示') type = 'safe'
+      }
+      
+      return {
+        time: timeStr,
+        level: levelText,
+        type: type,
+        msg: `${item.deviceName}-${item.ruleName}`
+      }
+    })
+
+    startAnimation()
+  } catch (error) {
+    console.error('Failed to fetch alarms:', error)
+  }
+}
+
+const startAnimation = () => {
+  if (timer) clearInterval(timer)
+  if (alarms.value.length === 0) return
+
   timer = setInterval(() => {
     isAnimating.value = true
     setTimeout(() => {
@@ -58,6 +97,10 @@ onMounted(() => {
       isAnimating.value = false
     }, 360)
   }, 3000)
+}
+
+onMounted(() => {
+  getAlarms()
 })
 
 onUnmounted(() => {