From 65be06eaf9540a44c625275de6dc2122926370a0 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Wed, 28 Jan 2026 15:09:45 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E9=87=87=E9=9B=86=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87-=E6=B7=BB=E5=8A=A0=E8=AE=BE=E5=A4=87=E5=91=8A?=
 =?UTF-8?q?=E8=AD=A6=E5=8E=86=E5=8F=B2=E6=95=B0=E6=8D=AE=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/device/index.vue | 53 ++++++++++++++++++++++++++++++++--
 1 file changed, 51 insertions(+), 2 deletions(-)

diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index edef0db8..9704dc0a 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -163,8 +163,15 @@ link :type="isRowConnected(scope.row) ? 'warning' : 'success'"
   <!-- 子表的列表 -->
   <ContentWrap>
     <template v-if="attributeDeviceId">
-      <div class="mb-10px text-sm text-gray-500">
-        当前设备：<span class="font-medium text-gray-700">{{ attributeDeviceName || '-' }}</span>
+      <div class="mb-10px flex items-center justify-between text-sm text-gray-500">
+        <div>
+          当前设备：<span class="font-medium text-gray-700">{{ attributeDeviceName || '-' }}</span>
+        </div>
+        <div>
+          <el-button type="primary" link @click="handleShowDeviceAlarmHistory">
+            设备告警历史数据
+          </el-button>
+        </div>
       </div>
       <el-tabs v-model="deviceTabActive">
         <el-tab-pane :label="deviceAttributeTabLabel" name="deviceAttribute">
@@ -451,6 +458,25 @@ link :type="isRowConnected(scope.row) ? 'warning' : 'success'"
     </template>
     <el-empty v-else description="请点击设备列表的“点位”查看采集点和点位规则" />
   </ContentWrap>
+
+  <Dialog title="设备告警历史数据" v-model="deviceAlarmDialogVisible" width="800px">
+    <el-table
+      :data="deviceAlarmList"
+      v-loading="deviceAlarmLoading"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      :max-height="700"
+    >
+      <el-table-column label="规则名称" align="center" prop="ruleName" />
+      <el-table-column label="点位名称" align="center" prop="modelName" />
+      <el-table-column label="点位值" align="center" prop="addressValue" />
+      <el-table-column label="告警等级" align="center" prop="alarmLevel">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.IOT_ALARM_REGISTRATION" :value="scope.row.alarmLevel" />
+        </template>
+      </el-table-column>
+    </el-table>
+  </Dialog>
 </template>
 
 <script setup lang="ts">
@@ -1047,4 +1073,27 @@ onBeforeUnmount(() => {
   stopDeviceTimer()
 })
 
+const deviceAlarmDialogVisible = ref(false)
+const deviceAlarmLoading = ref(false)
+const deviceAlarmList = ref<any[]>([])
+
+const handleShowDeviceAlarmHistory = async () => {
+  if (!attributeDeviceId.value) {
+    message.error('请选择一个物联设备')
+    return
+  }
+  deviceAlarmDialogVisible.value = true
+  deviceAlarmLoading.value = true
+  try {
+    const res = await request.get({
+      url: '/iot/device-warinning-record/getList',
+      params: { deviceId: attributeDeviceId.value },
+    })
+    const data = (res as any)?.data ?? res
+    deviceAlarmList.value = Array.isArray(data) ? data : []
+  } finally {
+    deviceAlarmLoading.value = false
+  }
+}
+
 </script>