fix: 修复单击行可选中禁用数据

@@ -19,14 +19,14 @@
         </a-button>
       </template>
       <template #toolbar>
-        <Button @click="handleBatchAck" type="primary">批量处理</Button>
+        <Button @click="handleBatchAck" type="primary" :disabled="getCanBatchAck">批量处理</Button>
       </template>
     </BasicTable>
     <AlarmDetailDrawer @register="registerDetailDrawer" @success="handleSuccess" />
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, nextTick, h } from 'vue';
+  import { defineComponent, nextTick, h, computed } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { alarmColumns, alarmSearchSchemas } from './config/detail.config';
   import { doBatchAckAlarm, getDeviceAlarm } from '/@/api/device/deviceManager';
@@ -55,34 +55,36 @@
     },
 
     setup() {
-      const [registerTable, { reload, getSelectRows, clearSelectedRowKeys }] = useTable({
-        title: '告警记录列表',
-        api: getDeviceAlarm,
-        columns: alarmColumns,
-        useSearchForm: true,
-        formConfig: {
-          labelWidth: 120,
-          schemas: alarmSearchSchemas,
-          fieldMapToTime: [['alarmTime', ['startTime', 'endTime'], 'x']],
-        },
-        bordered: true,
-        showIndexColumn: false,
-        showTableSetting: true,
-        rowSelection: {
-          type: 'checkbox',
-          getCheckboxProps: (record: AlarmLogItem) => {
-            return {
-              disabled: record.status === AlarmStatus.CLEARED_ACK,
-            };
+      const [registerTable, { reload, getSelectRows, clearSelectedRowKeys, getRowSelection }] =
+        useTable({
+          title: '告警记录列表',
+          api: getDeviceAlarm,
+          columns: alarmColumns,
+          useSearchForm: true,
+          formConfig: {
+            labelWidth: 120,
+            schemas: alarmSearchSchemas,
+            fieldMapToTime: [['alarmTime', ['startTime', 'endTime'], 'x']],
           },
-        },
-        actionColumn: {
-          width: 200,
-          title: '操作',
-          slots: { customRender: 'action' },
-          fixed: 'right',
-        },
-      });
+          bordered: true,
+          showIndexColumn: false,
+          showTableSetting: true,
+          clickToRowSelect: false,
+          rowSelection: {
+            type: 'checkbox',
+            getCheckboxProps: (record: AlarmLogItem) => {
+              return {
+                disabled: record.status === AlarmStatus.CLEARED_ACK,
+              };
+            },
+          },
+          actionColumn: {
+            width: 200,
+            title: '操作',
+            slots: { customRender: 'action' },
+            fixed: 'right',
+          },
+        });
       const [registerDetailDrawer, { openDrawer }] = useDrawer();
       const handleDetail = (record: Recordable) => {
         openDrawer(true, record);
@@ -164,10 +166,15 @@
         };
       };
 
+      const getCanBatchAck = computed(() => {
+        const rowSelection = getRowSelection();
+        return !rowSelection.selectedRowKeys?.length;
+      });
+
       const { createMessage } = useMessage();
       const handleBatchAck = async () => {
         const ids = getSelectRows<AlarmLogItem>().map((item) => item.id);
-
+        if (!ids.length) return;
         await doBatchAckAlarm(ids);
         createMessage.success('操作成功');
         clearSelectedRowKeys();
@@ -181,6 +188,7 @@
         handleSuccess,
         handleViewAlarmDetails,
         handleBatchAck,
+        getCanBatchAck,
       };
     },
   });