fix：解决告警和字典管理冲突合并main分支

 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 };
-};
+}

@@ -81,7 +81,7 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, h } from 'vue';
+  import { defineComponent, reactive, h, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { PageWrapper } from '/@/components/Page';
   import { useDrawer } from '/@/components/Drawer';
@@ -116,16 +116,7 @@
       const handleSuccess = () => {
         reload();
       };
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-        useBatchDelete(deleteAlarmConfig, handleSuccess);
-      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-        // Demo:status为1的选择框禁用
-        if (record.status === 1) {
-          return { disabled: true };
-        } else {
-          return { disabled: false };
-        }
-      };
+
       // 表格hooks
       const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
         title: '告警配置列表',
@@ -147,7 +138,19 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+        useBatchDelete(deleteAlarmConfig, handleSuccess, setProps);
+      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+        // Demo:status为1的选择框禁用
+        if (record.status === 1) {
+          return { disabled: true };
+        } else {
+          return { disabled: false };
+        }
+      };
+      nextTick(() => {
+        setProps(selectionOptions);
       });
       // 弹框
       const [registerDrawer, { openDrawer }] = useDrawer();

@@ -6,12 +6,7 @@
         @select="handleSelect"
         ref="organizationIdTreeRef"
       />
-      <BasicTable
-        :clickToRowSelect="false"
-        @register="registerTable"
-        :searchInfo="searchInfo"
-        class="w-3/4 xl:w-4/5"
-      >
+      <BasicTable @register="registerTable" :searchInfo="searchInfo" class="w-3/4 xl:w-4/5">
         <template #toolbar>
           <Authority value="api:yt:admin:addAlarmContact">
             <a-button type="primary" @click="handleCreateOrEdit(null)"> 新增告警联系人 </a-button>
@@ -56,13 +51,14 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, computed } from 'vue';
+  import { defineComponent, reactive, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { PageWrapper } from '/@/components/Page';
-  import { useMessage } from '/@/hooks/web/useMessage';
   import { useDrawer } from '/@/components/Drawer';
   import ContactDrawer from './ContactDrawer.vue';
   import { useResetOrganizationTree, OrganizationIdTree } from '/@/views/common/organizationIdTree';
+  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+
   import { getAlarmContact, deleteAlarmContact } from '/@/api/alarm/contact/alarmContact';
   import { searchFormSchema, columns } from './config.data';
   import { Authority } from '/@/components/Authority';
@@ -77,18 +73,13 @@
       Authority,
     },
     setup() {
-      let selectedRowIds = ref<string[]>([]);
-      const hasBatchDelete = computed(() => selectedRowIds.value.length <= 0);
-      // 复选框事件
-      const onSelectRowChange = (selectedRowKeys: string[]) => {
-        selectedRowIds.value = selectedRowKeys;
-      };
       const searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       // 表格hooks
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '告警联系人列表',
         api: getAlarmContact,
+        clickToRowSelect: false,
         columns,
         clickToRowSelect: false,
         formConfig: {
@@ -99,10 +90,6 @@
         useSearchForm: true,
         showTableSetting: true,
         bordered: true,
-        rowSelection: {
-          onChange: onSelectRowChange,
-          type: 'checkbox',
-        },
         rowKey: 'id',
         actionColumn: {
           width: 200,
@@ -112,14 +99,20 @@
           fixed: 'right',
         },
       });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        deleteAlarmContact,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
+      });
       // 弹框
       const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
-
       // 刷新
-      const handleSuccess = () => {
+      function handleSuccess() {
         reload();
-      };
+      }
       // 新增或编辑
       const handleCreateOrEdit = (record: Recordable | null) => {
         if (record) {
@@ -133,24 +126,6 @@
           });
         }
       };
-      // 删除或批量删除
-      const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
-        if (record) {
-          try {
-            await deleteAlarmContact([record.id]);
-            createMessage.success('删除联系人成功');
-            handleSuccess();
-          } catch (e) {}
-        } else {
-          try {
-            await deleteAlarmContact(selectedRowIds.value);
-            createMessage.success('批量删除联系人成功');
-            selectedRowIds.value = [];
-            handleSuccess();
-          } catch (e) {}
-        }
-      };
-
       // 树形选择器
       const handleSelect = (organizationId: string) => {
         searchInfo.organizationId = organizationId;

@@ -68,10 +68,9 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, ref, computed } from 'vue';
+  import { defineComponent, reactive, ref, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { PageWrapper } from '/@/components/Page';
-  import { useMessage } from '/@/hooks/web/useMessage';
   import { useDrawer } from '/@/components/Drawer';
   import ContactDrawer from './ConfigurationCenterDrawer.vue';
   import { useResetOrganizationTree, OrganizationIdTree } from '/@/views/common/organizationIdTree';
@@ -80,6 +79,8 @@
     getPage,
     deleteConfigurationCenter,
   } from '/@/api/configuration/center/configurationCenter';
+  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+
   import { getAppEnvConfig } from '/@/utils/env';
   import { Authority } from '/@/components/Authority';
 
@@ -95,7 +96,6 @@
     setup() {
       const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig();
       let selectedRowIds = ref<string[]>([]);
-      const hasBatchDelete = computed(() => selectedRowIds.value.length <= 0);
       // 复选框事件
       const onSelectRowChange = (selectedRowKeys: string[]) => {
         selectedRowIds.value = selectedRowKeys;
@@ -103,7 +103,7 @@
       const searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       // 表格hooks
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '组态中心列表',
         api: getPage,
         columns,
@@ -117,10 +117,6 @@
         useSearchForm: true,
         showTableSetting: true,
         bordered: true,
-        rowSelection: {
-          onChange: onSelectRowChange,
-          type: 'checkbox',
-        },
         rowKey: 'id',
         actionColumn: {
           width: 200,
@@ -130,14 +126,22 @@
           fixed: 'right',
         },
       });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        deleteConfigurationCenter,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
+      });
+
       // 弹框
       const [registerDrawer, { openDrawer }] = useDrawer();
-      const { createMessage } = useMessage();
 
       // 刷新
-      const handleSuccess = () => {
+      function handleSuccess() {
         reload();
-      };
+      }
       // 新增或编辑
       const handleCreateOrEdit = (record: Recordable | null) => {
         if (record) {
@@ -151,24 +155,6 @@
           });
         }
       };
-      // 删除或批量删除
-      const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
-        if (record) {
-          try {
-            await deleteConfigurationCenter([record.id]);
-            createMessage.success('删除组态成功');
-            handleSuccess();
-          } catch (e) {}
-        } else {
-          try {
-            await deleteConfigurationCenter(selectedRowIds.value);
-            createMessage.success('批量删除组态成功');
-            selectedRowIds.value = [];
-            handleSuccess();
-          } catch (e) {}
-        }
-      };
-
       // 树形选择器
       const handleSelect = (organizationId: string) => {
         searchInfo.organizationId = organizationId;

@@ -114,13 +114,12 @@
                     {{ item.name }}
                   </Tooltip>
                 </div>
-
                 <div class="flex w-7/10">
                   <Progress
                     :showInfo="false"
                     size="small"
                     style="width: 70%"
-                    :percent="item.count / 10000"
+                    :percent="(item.count / tenantTop10[0].count) * 100"
                     :strokeWidth="12"
                     :strokeColor="
                       index === 0

@@ -155,7 +155,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive, unref } from 'vue';
+  import { defineComponent, reactive, unref, nextTick } from 'vue';
   import { DeviceState, DeviceTypeEnum } from '/@/api/device/model/deviceModel';
   import { BasicTable, useTable, TableAction, TableImg } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/device.data';
@@ -202,17 +202,6 @@
       Authority,
     },
     setup(_) {
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-        useBatchDelete(deleteDevice, handleSuccess);
-      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-        // Demo:status为1的选择框禁用
-        if (record.customerId) {
-          return { disabled: true };
-        } else {
-          return { disabled: false };
-        }
-      };
-
       const { createMessage } = useMessage();
       const go = useGo();
       const searchInfo = reactive<Recordable>({});
@@ -220,7 +209,7 @@
       const [registerModal, { openModal }] = useModal();
       const [registerCustomerModal, { openModal: openCustomerModal }] = useModal();
       const [registerDetailDrawer, { openDrawer }] = useDrawer();
-      const [registerTable, { reload, setSelectedRowKeys }] = useTable({
+      const [registerTable, { reload, setSelectedRowKeys, setProps }] = useTable({
         title: '设备列表',
         api: devicePage,
         columns,
@@ -242,7 +231,19 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+        useBatchDelete(deleteDevice, handleSuccess, setProps);
+      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+        // Demo:status为1的选择框禁用
+        if (record.customerId) {
+          return { disabled: true };
+        } else {
+          return { disabled: false };
+        }
+      };
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       const userInfo: any = getAuthCache(USER_INFO_KEY);

@@ -55,7 +55,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, h } from 'vue';
+  import { defineComponent, h, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { messageConfigPage, deleteMessageConfig } from '/@/api/message/config';
   import { useDrawer } from '/@/components/Drawer';
@@ -77,16 +77,7 @@
       function handleSuccess() {
         reload();
       }
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-        useBatchDelete(deleteMessageConfig, handleSuccess);
-      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-        // Demo:status为1的选择框禁用
-        if (record.status === 1) {
-          return { disabled: true };
-        } else {
-          return { disabled: false };
-        }
-      };
+
       const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
         title: '消息配置列表',
         api: messageConfigPage,
@@ -106,7 +97,19 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+        useBatchDelete(deleteMessageConfig, handleSuccess, setProps);
+      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+        // Demo:status为1的选择框禁用
+        if (record.status === 1) {
+          return { disabled: true };
+        } else {
+          return { disabled: false };
+        }
+      };
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleCreate() {

@@ -41,9 +41,8 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
-  import { useDrawerInner } from '/@/components/Drawer';
   import { columns, searchFormSchema } from './email.data';
   import { mailLogPage, deleteMailLog } from '/@/api/message/records';
   import { useModal } from '/@/components/Modal';
@@ -56,12 +55,7 @@
     components: { EmailDetail, BasicTable, TableAction, Authority },
     setup() {
       const [registerModal, { openModal }] = useModal();
-      const { hasBatchDelete, selectionOptions, handleDeleteOrBatchDelete } = useBatchDelete(
-        deleteMailLog,
-        handleSuccess
-      );
-      const [register] = useDrawerInner(() => {});
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '邮件发送列表',
         api: mailLogPage,
         columns,
@@ -81,7 +75,14 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, selectionOptions, handleDeleteOrBatchDelete } = useBatchDelete(
+        deleteMailLog,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleCreate() {}
@@ -97,7 +98,6 @@
       }
 
       return {
-        register,
         registerTable,
         registerModal,
         handleCreate,

@@ -40,7 +40,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, h } from 'vue';
+  import { defineComponent, h, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { columns, searchFormSchema } from './sms.data';
   import { Modal } from 'ant-design-vue';
@@ -53,12 +53,7 @@
     name: 'SmsLog',
     components: { BasicTable, TableAction, Authority },
     setup() {
-      // 批量删除的hooks
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        deleteSmsLog,
-        handleSuccess
-      );
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '短信发送列表',
         api: smsLogPage,
         columns,
@@ -78,7 +73,14 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        deleteSmsLog,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
       function handleQuery(record: Recordable) {
         Modal.info({

@@ -52,6 +52,7 @@
                 title: '是否确认删除',
                 confirm: handleDeleteOrBatchDelete.bind(null, record),
               },
+              ifShow: record.status == 0,
             },
           ]"
         />
@@ -63,7 +64,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, nextTick } from 'vue';
   import { BasicTable, TableAction, useTable } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import TemplateDrawer from './TemplateDrawer.vue';
@@ -92,16 +93,7 @@
         reload();
       }
       const [registerDrawer, { openDrawer }] = useDrawer();
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-        useBatchDelete(deleteMessageTemplate, handleSuccess);
-      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-        // Demo:status为1的选择框禁用
-        if (record.status === 1) {
-          return { disabled: true };
-        } else {
-          return { disabled: false };
-        }
-      };
+
       const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
         title: '消息模板列表',
         api: messageTemplatePage,
@@ -121,7 +113,19 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+        useBatchDelete(deleteMessageTemplate, handleSuccess, setProps);
+      selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+        // Demo:status为1的选择框禁用
+        if (record.status === 1) {
+          return { disabled: true };
+        } else {
+          return { disabled: false };
+        }
+      };
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleCreate() {

@@ -62,7 +62,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import NotifyManagerDrawer from './useDrawer.vue';
@@ -84,12 +84,9 @@
       const [registerDrawer, { openDrawer }] = useDrawer();
       const [registerAdd, { openDrawer: openDrawerAdd }] = useDrawer();
       // 批量删除
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        notifyDeleteApi,
-        handleSuccess
-      );
+
       const NotifyManagerDrawerRef = ref();
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '通知列表',
         api: notifyGetTableApi,
         columns,
@@ -108,7 +105,14 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        notifyDeleteApi,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleAdd() {

@@ -60,6 +60,7 @@
   </div>
 </template>
 <script lang="ts" setup>
+  import { nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useDrawer } from '/@/components/Drawer';
   import {
@@ -76,17 +77,6 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { Authority } from '/@/components/Authority';
 
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-    useBatchDelete(screenLinkPageDeleteApi, handleSuccess);
-  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-    // Demo:status为1的选择框禁用
-    if (record.status === 1) {
-      return { disabled: true };
-    } else {
-      return { disabled: false };
-    }
-  };
-
   const userInfo: any = getAuthCache(USER_INFO_KEY);
   const userId = userInfo.userId;
 
@@ -110,7 +100,19 @@
       slots: { customRender: 'action' },
       fixed: 'right',
     },
-    ...selectionOptions,
+  });
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+    useBatchDelete(screenLinkPageDeleteApi, handleSuccess, setProps);
+  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+    // Demo:status为1的选择框禁用
+    if (record.status === 1) {
+      return { disabled: true };
+    } else {
+      return { disabled: false };
+    }
+  };
+  nextTick(() => {
+    setProps(selectionOptions);
   });
 
   function handleAdd() {

@@ -59,7 +59,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref } from 'vue';
+  import { ref,nextTick } from 'vue';
   import { Switch } from 'ant-design-vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { columns, searchFormSchema } from './config/config.data';
@@ -76,16 +76,6 @@
     reload();
   };
 
-  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
-    useBatchDelete(deleteTransformApi, handleSuccess);
-  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
-    // Demo:status为1的选择框禁用
-    if (record.status === 1) {
-      return { disabled: true };
-    } else {
-      return { disabled: false };
-    }
-  };
   const [registerTable, { reload, setProps, setSelectedRowKeys }] = useTable({
     api: getConvertApi,
     title: '转换脚本列表',
@@ -107,7 +97,20 @@
       slots: { customRender: 'action' },
       fixed: 'right',
     },
-    ...selectionOptions,
+  });
+
+  const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions, resetSelectedRowKeys } =
+    useBatchDelete(deleteTransformApi, handleSuccess, setProps);
+  selectionOptions.rowSelection.getCheckboxProps = (record: Recordable) => {
+    // Demo:status为1的选择框禁用
+    if (record.status === 1) {
+      return { disabled: true };
+    } else {
+      return { disabled: false };
+    }
+  };
+  nextTick(() => {
+    setProps(selectionOptions);
   });
   const [registerDrawer, { openDrawer }] = useDrawer();
 

@@ -80,7 +80,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, reactive } from 'vue';
+  import { defineComponent, reactive, nextTick } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { deleteUser, getAccountList } from '/@/api/system/system';
   import { PageWrapper } from '/@/components/Page';
@@ -106,14 +106,10 @@
     },
     setup() {
       const go = useGo();
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        deleteUser,
-        handleSuccess
-      );
       const [registerModal, { openModal }] = useModal();
       let searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
-      const [registerTable, { reload }] = useTable({
+      const [registerTable, { reload, setProps }] = useTable({
         title: '账号列表',
         api: getAccountList,
         rowKey: 'id',
@@ -134,7 +130,14 @@
           dataIndex: 'action',
           slots: { customRender: 'action' },
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        deleteUser,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleCreate() {

@@ -53,7 +53,8 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, nextTick } from 'vue';
+
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { sysDictPage, deleteDict } from '/@/api/system/dict';
   import { useDrawer } from '/@/components/Drawer';
@@ -70,11 +71,8 @@
     setup() {
       const [registerDrawer, { openDrawer: openDrawer }] = useDrawer();
       const [registerItemDrawer, { openDrawer: openItemDrawer }] = useDrawer();
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        deleteDict,
-        handleSuccess
-      );
-      const [registerTable, { reload }] = useTable({
+
+      const [registerTable, { reload, setProps }] = useTable({
         title: '字典配置列表',
         api: sysDictPage,
         columns,
@@ -93,7 +91,14 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        deleteDict,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
 
       function handleCreate() {

@@ -62,11 +62,8 @@
       const [registerModal, { openDrawer }] = useDrawer();
       const { t } = useI18n(); //加载国际化
       const getI18n = computed(() => t('routes.common.organization.toolCreateOrganization'));
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        delOrganization,
-        handleSuccess
-      );
-      const [registerTable, { reload, expandAll }] = useTable({
+
+      const [registerTable, { reload, expandAll, setProps }] = useTable({
         title: t('routes.common.organization.toolOrganizationList'),
         api: getOrganizationList,
         columns,
@@ -85,7 +82,15 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
+      });
+
+      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
+        delOrganization,
+        handleSuccess,
+        setProps
+      );
+      nextTick(() => {
+        setProps(selectionOptions);
       });
       /**
        * 获得删除提示框的文字

@@ -20,7 +20,7 @@
         <TableAction
           :actions="[
             {
-              label: '设置该租户为默认',
+              label: '设为默认',
               icon: 'ant-design:eye-outlined',
               onClick: handleDefault.bind(null, record),
               ifShow: !record.default,