perf: 优化告警记录表格列表顺序展示和表格查询

-import { alarmLevel, statusType } from '/@/views/device/list/config/detail.config';
+import { alarmLevel } from '/@/views/device/list/config/detail.config';
 import { FormSchema } from '/@/components/Form';
 import { BasicColumn } from '/@/components/Table';
 import moment from 'moment';
 import { findDictItemByCode } from '/@/api/system/dict';
-import { AlarmStatus, AlarmStatusMean } from '/@/enums/alarmEnum';
+import { AlarmStatus } from '/@/enums/alarmEnum';
+import { Tag } from 'ant-design-vue';
+import { h } from 'vue';
 
 export const alarmSearchSchemas: FormSchema[] = [
   {
     field: 'status',
     label: '告警状态',
-    component: 'Select',
+    component: 'Cascader',
     colProps: { span: 6 },
     componentProps: {
       options: [
         {
-          label: AlarmStatusMean[AlarmStatus.CLEARED_UN_ACK],
-          value: AlarmStatus.CLEARED_UN_ACK,
+          value: '0',
+          label: '清除',
+          children: [
+            {
+              value: AlarmStatus.CLEARED_UN_ACK,
+              label: '清除未确认',
+            },
+            {
+              value: AlarmStatus.CLEARED_ACK,
+              label: '清除已确认',
+            },
+          ],
         },
         {
-          label: AlarmStatusMean[AlarmStatus.ACTIVE_UN_ACK],
-          value: AlarmStatus.ACTIVE_UN_ACK,
-        },
-        {
-          label: AlarmStatusMean[AlarmStatus.CLEARED_ACK],
-          value: AlarmStatus.CLEARED_ACK,
-        },
-        {
-          label: AlarmStatusMean[AlarmStatus.ACTIVE_ACK],
-          value: AlarmStatus.ACTIVE_ACK,
+          value: '1',
+          label: '激活',
+          children: [
+            {
+              value: AlarmStatus.ACTIVE_UN_ACK,
+              label: '激活未确认',
+            },
+            {
+              value: AlarmStatus.ACTIVE_ACK,
+              label: '激活已确认',
+            },
+          ],
         },
       ],
+      // options: [
+      //   {
+      //     label: AlarmStatusMean[AlarmStatus.CLEARED_UN_ACK],
+      //     value: AlarmStatus.CLEARED_UN_ACK,
+      //   },
+      //   {
+      //     label: AlarmStatusMean[AlarmStatus.ACTIVE_UN_ACK],
+      //     value: AlarmStatus.ACTIVE_UN_ACK,
+      //   },
+      //   {
+      //     label: AlarmStatusMean[AlarmStatus.CLEARED_ACK],
+      //     value: AlarmStatus.CLEARED_ACK,
+      //   },
+      //   {
+      //     label: AlarmStatusMean[AlarmStatus.ACTIVE_ACK],
+      //     value: AlarmStatus.ACTIVE_ACK,
+      //   },
+      // ],
     },
   },
   {
@@ -103,16 +135,29 @@ export const alarmSearchSchemas: FormSchema[] = [
     colProps: { span: 6 },
   },
 ];
+
+const handleAlarmStatus = (status: string) => {
+  return status.split('_').includes('ACTIVE');
+};
+
+const handleAlarmAckStatus = (status: string) => {
+  return status.split('_').includes('ACK');
+};
+
 export const alarmColumns: BasicColumn[] = [
   {
-    title: '告警时间',
-    dataIndex: 'createdTime',
-    width: 120,
+    title: '告警状态',
+    dataIndex: 'status',
+    customRender({ record }: { record }) {
+      const flag = handleAlarmStatus(record.status);
+      return h(Tag, { color: flag ? 'green' : 'red' }, () => (flag ? '激活' : '清除'));
+    },
+    width: 90,
   },
   {
     title: '告警设备',
     dataIndex: 'deviceName',
-    width: 100,
+    width: 180,
     customRender: ({ record }) => {
       const { deviceAlias, deviceName } = record || {};
       return deviceAlias || deviceName;
@@ -121,12 +166,12 @@ export const alarmColumns: BasicColumn[] = [
   {
     title: '告警场景',
     dataIndex: 'type',
-    width: 160,
+    width: 180,
   },
   {
     title: '告警级别',
     dataIndex: 'severity',
-    width: 160,
+    width: 90,
     format: (text) => alarmLevel(text),
   },
   {
@@ -136,10 +181,18 @@ export const alarmColumns: BasicColumn[] = [
     width: 160,
   },
   {
-    title: '状态',
-    dataIndex: 'status',
-    format: (text) => statusType(text),
-    width: 160,
+    title: '确认状态',
+    dataIndex: 'ackStatus',
+    customRender({ record }: { record }) {
+      const flag = handleAlarmAckStatus(record.status);
+      return h(Tag, { color: flag ? 'green' : 'red' }, () => (flag ? '已确认' : '未确认'));
+    },
+    width: 110,
+  },
+  {
+    title: '告警时间',
+    dataIndex: 'createdTime',
+    width: 130,
   },
 ];