From e9e534018fe087035e8fb004a2ca0aeca553c910 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 18 May 2026 20:35:07 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=88iot=EF=BC=89=EF=BC=9A=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=20alert=20=E7=9A=84=E4=BB=A3=E7=A0=81=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=EF=BC=88=E7=BB=A7=E7=BB=AD=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/iot/alert/config/data.ts        |  8 +--
 .../src/views/iot/alert/config/index.vue      |  4 +-
 .../iot/alert/{ => config}/modules/form.vue   |  4 +-
 .../src/views/iot/alert/record/index.vue      | 59 -------------------
 4 files changed, 5 insertions(+), 70 deletions(-)
 rename apps/web-antd/src/views/iot/alert/{ => config}/modules/form.vue (94%)

diff --git a/apps/web-antd/src/views/iot/alert/config/data.ts b/apps/web-antd/src/views/iot/alert/config/data.ts
index 87ae86c1b..6bd5d5f00 100644
--- a/apps/web-antd/src/views/iot/alert/config/data.ts
+++ b/apps/web-antd/src/views/iot/alert/config/data.ts
@@ -1,7 +1,7 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 
-import { DICT_TYPE } from '@vben/constants';
+import { CommonStatusEnum, DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
 
 import { getSimpleRuleSceneList } from '#/api/iot/rule/scene';
@@ -9,7 +9,6 @@ import { getSimpleUserList } from '#/api/system/user';
 import { getRangePickerDefaultProps } from '#/utils';
 
 /** 新增/修改告警配置的表单 */
-// TODO @AI：两行=》1 行；
 export function useFormSchema(): VbenFormSchema[] {
   return [
     {
@@ -29,7 +28,6 @@ export function useFormSchema(): VbenFormSchema[] {
       },
       rules: 'required',
     },
-    // TODO @AI：vue + ep 貌似也要改成 teatarea！
     {
       fieldName: 'description',
       label: '配置描述',
@@ -58,11 +56,9 @@ export function useFormSchema(): VbenFormSchema[] {
         buttonStyle: 'solid',
         optionType: 'button',
       },
-      // TODO @AI：defaultValue 这种要枚举值哇？
-      defaultValue: 0,
+      defaultValue: CommonStatusEnum.ENABLE,
       rules: 'required',
     },
-    // TODO @AI：可能 label 比较宽，需要拉长点。
     {
       fieldName: 'sceneRuleIds',
       label: '关联场景联动规则',
diff --git a/apps/web-antd/src/views/iot/alert/config/index.vue b/apps/web-antd/src/views/iot/alert/config/index.vue
index 6ba25d9c2..13d8802d3 100644
--- a/apps/web-antd/src/views/iot/alert/config/index.vue
+++ b/apps/web-antd/src/views/iot/alert/config/index.vue
@@ -12,7 +12,7 @@ import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import { deleteAlertConfig, getAlertConfigPage } from '#/api/iot/alert/config';
 import { $t } from '#/locales';
 
-import AlertConfigForm from '../modules/form.vue';
+import AlertConfigForm from './modules/form.vue';
 import { useGridColumns, useGridFormSchema } from './data';
 
 defineOptions({ name: 'IoTAlertConfig' });
@@ -102,8 +102,6 @@ const [Grid, gridApi] = useVbenVxeGrid({
           ]"
         />
       </template>
-      <!-- TODO DONE @AI：告警级别已改用 CellDict 在 data.ts 渲染 -->
-      <!-- TODO DONE @AI：关联场景联动规则计数已改用 formatter 在 data.ts 渲染 -->
       <!-- TODO DONE @AI：接收类型是 number[] 多 Tag，CellDict 只能渲染单值，保留 slot -->
       <template #receiveTypes="{ row }">
         <Tag
diff --git a/apps/web-antd/src/views/iot/alert/modules/form.vue b/apps/web-antd/src/views/iot/alert/config/modules/form.vue
similarity index 94%
rename from apps/web-antd/src/views/iot/alert/modules/form.vue
rename to apps/web-antd/src/views/iot/alert/config/modules/form.vue
index 02ab5d737..8ed628aba 100644
--- a/apps/web-antd/src/views/iot/alert/modules/form.vue
+++ b/apps/web-antd/src/views/iot/alert/config/modules/form.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// TODO @AI：是不是应该拿到【config/modules】里？
 import type { AlertConfigApi } from '#/api/iot/alert/config';
 
 import { computed, ref } from 'vue';
@@ -16,7 +15,7 @@ import {
 } from '#/api/iot/alert/config';
 import { $t } from '#/locales';
 
-import { useFormSchema } from '../config/data';
+import { useFormSchema } from '../data';
 
 defineOptions({ name: 'IoTAlertConfigForm' });
 
@@ -33,6 +32,7 @@ const [Form, formApi] = useVbenForm({
     componentProps: {
       class: 'w-full',
     },
+    labelWidth: 140,
   },
   wrapperClass: 'grid-cols-2',
   layout: 'horizontal',
diff --git a/apps/web-antd/src/views/iot/alert/record/index.vue b/apps/web-antd/src/views/iot/alert/record/index.vue
index f8fe80ae3..0055646f2 100644
--- a/apps/web-antd/src/views/iot/alert/record/index.vue
+++ b/apps/web-antd/src/views/iot/alert/record/index.vue
@@ -5,8 +5,6 @@ import type { AlertRecordApi } from '#/api/iot/alert/record';
 import { h, ref } from 'vue';
 
 import { Page } from '@vben/common-ui';
-import { DICT_TYPE } from '@vben/constants';
-import { getDictLabel } from '@vben/hooks';
 import { IconifyIcon } from '@vben/icons';
 
 import { Button, Input, message, Modal, Popover } from 'ant-design-vue';
@@ -58,53 +56,6 @@ function handleProcess(row: AlertRecordApi.AlertRecord) {
   });
 }
 
-/** 查看告警记录详情 */
-// TODO @AI：去掉 view 详情，对齐 vue3 + ep模块；
-function handleView(row: AlertRecordApi.AlertRecord) {
-  const deviceMessageText =
-    row.deviceMessage && typeof row.deviceMessage === 'object'
-      ? JSON.stringify(row.deviceMessage, null, 2)
-      : row.deviceMessage || '-';
-  Modal.info({
-    title: '告警记录详情',
-    width: 600,
-    content: h('div', { class: 'space-y-2' }, [
-      h('div', [
-        h('span', { class: 'font-semibold' }, '告警名称：'),
-        h('span', row.configName || '-'),
-      ]),
-      h('div', [
-        h('span', { class: 'font-semibold' }, '告警级别：'),
-        h(
-          'span',
-          getDictLabel(DICT_TYPE.IOT_ALERT_LEVEL, row.configLevel) || '-',
-        ),
-      ]),
-      h('div', [
-        h('span', { class: 'font-semibold' }, '设备消息：'),
-        h(
-          'pre',
-          { class: 'mt-1 text-xs bg-gray-50 p-2 rounded' },
-          deviceMessageText,
-        ),
-      ]),
-      h('div', [
-        h('span', { class: 'font-semibold' }, '处理结果：'),
-        h('span', row.processRemark || '-'),
-      ]),
-      h('div', [
-        h('span', { class: 'font-semibold' }, '处理时间：'),
-        h(
-          'span',
-          row.processTime
-            ? new Date(row.processTime).toLocaleString('zh-CN')
-            : '-',
-        ),
-      ]),
-    ]),
-  });
-}
-
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useGridFormSchema(),
@@ -149,8 +100,6 @@ function stringifyDeviceMessage(deviceMessage: any) {
 <template>
   <Page auto-content-height>
     <Grid table-title="告警记录列表">
-      <!-- TODO DONE @AI：告警级别已改用 CellDict 在 data.ts 渲染 -->
-      <!-- TODO DONE @AI：设备消息是 Popover hover 看 JSON 详情，CellDict 只渲染单值文本，保留 slot -->
       <template #deviceMessage="{ row }">
         <Popover
           v-if="row.deviceMessage"
@@ -180,14 +129,6 @@ function stringifyDeviceMessage(deviceMessage: any) {
               onClick: handleProcess.bind(null, row),
               ifShow: !row.processStatus,
             },
-            {
-              label: '查看',
-              type: 'link',
-              icon: ACTION_ICON.VIEW,
-              auth: ['iot:alert-record:query'],
-              onClick: handleView.bind(null, row),
-              ifShow: row.processStatus,
-            },
           ]"
         />
       </template>