perf: 告警记录新增批量处理功能

@@ -28,6 +28,8 @@ enum DeviceManagerApi {
 
   DEVICE_ALARM_URL = '/alarm',
 
+  ALARM_BATCH_ACK = '/alarm/batch/ack',
+
   DEVICE_CREDENTIALS = '/device/credentials',
 
   COMMAND_ISSUANCE = '/rpc',
@@ -346,3 +348,13 @@ export const getDevicesByDeviceIds = (ids: string[]) => {
     data: ids,
   });
 };
+
+export const doBatchAckAlarm = (ids: string[]) => {
+  return defHttp.post(
+    {
+      url: DeviceManagerApi.ALARM_BATCH_ACK,
+      data: { alarmIds: ids },
+    },
+    { joinPrefix: false }
+  );
+};

@@ -18,6 +18,9 @@
           查看告警详情
         </a-button>
       </template>
+      <template #toolbar>
+        <Button @click="handleBatchAck" type="primary">批量处理</Button>
+      </template>
     </BasicTable>
     <AlarmDetailDrawer @register="registerDetailDrawer" @success="handleSuccess" />
   </div>
@@ -26,10 +29,10 @@
   import { defineComponent, nextTick, h } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { alarmColumns, alarmSearchSchemas } from './config/detail.config';
-  import { getDeviceAlarm } from '/@/api/device/deviceManager';
+  import { doBatchAckAlarm, getDeviceAlarm } from '/@/api/device/deviceManager';
   import { useDrawer } from '/@/components/Drawer';
   import AlarmDetailDrawer from './cpns/AlarmDetailDrawer.vue';
-  import { Modal } from 'ant-design-vue';
+  import { Modal, Button } from 'ant-design-vue';
   import { JsonPreview } from '/@/components/CodeEditor';
   import { getDeviceDetail } from '/@/api/device/deviceManager';
   import { getAttribute } from '/@/api/ruleengine/ruleengineApi';
@@ -38,17 +41,21 @@
     operationString,
     operationBoolean,
   } from '/@/views/rule/linkedge/config/formatData';
+  import { AlarmLogItem } from '/@/api/device/model/deviceConfigModel';
+  import { AlarmStatus } from '/@/enums/alarmEnum';
+  import { useMessage } from '/@/hooks/web/useMessage';
 
   export default defineComponent({
     name: 'AlarmCenter',
     components: {
+      Button,
       BasicTable,
       TableAction,
       AlarmDetailDrawer,
     },
 
     setup() {
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, getSelectRows, clearSelectedRowKeys }] = useTable({
         title: '告警记录列表',
         api: getDeviceAlarm,
         columns: alarmColumns,
@@ -61,6 +68,14 @@
         bordered: true,
         showIndexColumn: false,
         showTableSetting: true,
+        rowSelection: {
+          type: 'checkbox',
+          getCheckboxProps: (record: AlarmLogItem) => {
+            return {
+              disabled: record.status === AlarmStatus.CLEARED_ACK,
+            };
+          },
+        },
         actionColumn: {
           width: 200,
           title: '操作',
@@ -148,12 +163,24 @@
           attribute,
         };
       };
+
+      const { createMessage } = useMessage();
+      const handleBatchAck = async () => {
+        const ids = getSelectRows<AlarmLogItem>().map((item) => item.id);
+
+        await doBatchAckAlarm(ids);
+        createMessage.success('操作成功');
+        clearSelectedRowKeys();
+        reload();
+      };
+
       return {
         registerTable,
         registerDetailDrawer,
         handleDetail,
         handleSuccess,
         handleViewAlarmDetails,
+        handleBatchAck,
       };
     },
   });