From a2e7af20356cc5add651d0de51924ee5ab8e7cac Mon Sep 17 00:00:00 2001
From: yangsy <ysy@ittc.sh.cn>
Date: Wed, 24 Sep 2025 16:01:03 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=92=88=E5=AF=B9=E5=BD=95?=
 =?UTF-8?q?=E5=83=8F=E6=9C=BA=E9=9B=86=E7=BE=A4=E7=9A=84=E5=91=8A=E8=AD=A6?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E7=9A=84=E6=95=85=E9=9A=9C=E6=8F=8F=E8=BF=B0?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E3=80=90=E6=9F=A5=E7=9C=8B=E3=80=91?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device-alarm-history-diag-card.vue        | 58 ++++++++++++++++++-
 1 file changed, 55 insertions(+), 3 deletions(-)

diff --git a/src/components/device-page/device-card/history-diag-card/device-alarm-history-diag-card.vue b/src/components/device-page/device-card/history-diag-card/device-alarm-history-diag-card.vue
index 0a9cb5e..b170bb3 100644
--- a/src/components/device-page/device-card/history-diag-card/device-alarm-history-diag-card.vue
+++ b/src/components/device-page/device-card/history-diag-card/device-alarm-history-diag-card.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import type { NdmDeviceAlarmLogResultVO, NdmDeviceResultVO, PageParams } from '@/apis/models';
+import type { NdmDeviceAlarmLogResultVO, NdmDeviceResultVO, NdmNvrResultVO, PageParams } from '@/apis/models';
 import { postNdmDeviceAlarmLogPage } from '@/apis/requests';
+import { DeviceType, getDeviceTypeVal } from '@/enums/device-type';
 import { useMutation } from '@tanstack/vue-query';
 import dayjs from 'dayjs';
-import { NCard, NDataTable, type DataTableColumns, type DataTableRowData, type DatePickerProps, type PaginationProps } from 'naive-ui';
+import { NButton, NCard, NDataTable, NPopover, NScrollbar, type DataTableColumns, type DataTableRowData, type DatePickerProps, type PaginationProps } from 'naive-ui';
 import { h } from 'vue';
 import { reactive, ref, toRefs } from 'vue';
 
@@ -27,7 +28,58 @@ const tableColumns: DataTableColumns<NdmDeviceAlarmLogResultVO> = [
   { title: '告警类型', key: 'alarmType', align: 'center' },
   { title: '故障级别', key: 'faultLevel', align: 'center' },
   { title: '故障编码', key: 'faultCode', align: 'center' },
-  { title: '故障描述', key: 'faultDescription' },
+  {
+    title: '故障描述',
+    key: 'faultDescription',
+    render: (rowData) => {
+      const isNvrCluster = (ndmDevice: NdmDeviceResultVO) => {
+        const isNvr = getDeviceTypeVal(ndmDevice.deviceType) === DeviceType.Nvr;
+        if (!isNvr) return false;
+        const maybeNvrCluster = ndmDevice as NdmNvrResultVO;
+        return !!maybeNvrCluster.clusterList?.trim() && maybeNvrCluster.clusterList !== maybeNvrCluster.ipAddress;
+      };
+      if (!isNvrCluster(ndmDevice.value)) {
+        return rowData.faultDescription;
+      }
+      return h(
+        NPopover,
+        {
+          trigger: 'click',
+        },
+        {
+          trigger: () => {
+            return h(
+              NButton,
+              {
+                text: true,
+                type: 'info',
+              },
+              {
+                default: () => '查看',
+              },
+            );
+          },
+          default: () => {
+            return h(
+              // 'pre',
+              NScrollbar,
+              {
+                style: {
+                  width: '800px',
+                  'max-height': '400px',
+                },
+              },
+              {
+                default: () => {
+                  return h('pre', {}, { default: () => rowData.faultDescription?.split('; ').join('\n') ?? '' });
+                },
+              },
+            );
+          },
+        },
+      );
+    },
+  },
   {
     title: '是否恢复',
     key: 'alarmCategory',