fix:优化删除的hook函数-防止多次提交

 import { ref, computed } from 'vue';
+import { BasicTableProps } from '/@/components/Table';
 import { useMessage } from '/@/hooks/web/useMessage';
+
 /**
  *
  * @param deleteFn 要删除的API接口方法
  * @param handleSuccess  刷新表格的方法
+ * @param setProps 用于设置表格的loading状态函数 - 防止页面重复提交
+ *
  * @returns {
  * hasBatchDelete: 是否可以删除
  * selectionOptions 表格复选框配置项
@@ -21,10 +25,11 @@ interface selectionOptions {
     type: 'radio' | 'checkbox';
   };
 }
-export const useBatchDelete = (
+export function useBatchDelete(
   deleteFn: (deleteIds: string[]) => Promise<void>,
-  handleSuccess: () => void
-) => {
+  handleSuccess: () => void,
+  setProps: (props: Partial<BasicTableProps>) => void
+) {
   const { createMessage } = useMessage();
   const selectedRowIds = ref<string[]>([]);
   const hasBatchDelete = computed(() => selectedRowIds.value.length <= 0);
@@ -41,20 +46,23 @@ export const useBatchDelete = (
     selectedRowIds.value = selectedRowKeys;
   };
   const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
-    if (record) {
-      try {
+    setProps({
+      loading: true,
+    });
+    try {
+      if (record) {
         await deleteFn([record.id]);
         createMessage.success('删除成功');
-        handleSuccess();
-      } catch (e) {}
-    } else {
-      try {
+      } else {
         await deleteFn(selectedRowIds.value);
         createMessage.success('批量删除成功');
-        console.log(selectedRowIds.value);
-        handleSuccess();
-      } catch (e) {}
-      selectedRowIds.value = [];
+        selectedRowIds.value = [];
+      }
+    } finally {
+      setProps({
+        loading: false,
+      });
+      handleSuccess();
     }
   };
 
@@ -72,4 +80,4 @@ export const useBatchDelete = (
     },
   };
   return { hasBatchDelete, selectionOptions, handleDeleteOrBatchDelete, resetSelectedRowKeys };
-};
+}