fix：修复超级管理员不能批量删除

@@ -74,7 +74,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, ref, nextTick, onUnmounted } from 'vue';
+  import { defineComponent, ref, nextTick, onUnmounted, reactive } from 'vue';
   import { BasicTable, TableImg, useTable, TableAction, BasicColumn } from '/@/components/Table';
   import { columns, searchFormSchema } from './device.profile.data';
   import { useMessage } from '/@/hooks/web/useMessage';
@@ -93,7 +93,7 @@
     components: { BasicTable, DeviceProfileModal, TableAction, ImpExcel, TableImg },
     setup() {
       const deviceDetailRef = ref(null);
-      let selectedRowKeys: any = [];
+      let selectedRowKeys: any = reactive([]);
       const getPathUrl = ref('');
       const getPathUrlName = ref('');
       const disabled = ref(true);
@@ -227,22 +227,30 @@
         }, 10);
       }
       const useSelectionChange = () => {
-        selectedRowKeys = getSelectRows();
-        if (selectedRowKeys.length > 0) {
-          disabled.value = false;
+        let getRows = getSelectRows();
+        const isJudge = getRows.map((m) => m.default);
+        if (isJudge.includes(true)) {
+          disabled.value = true;
         } else {
+          disabled.value = false;
+        }
+        if (isJudge.length === 0) {
           disabled.value = true;
         }
-      };
-      async function handleTableDel() {
-        selectedRowKeys = selectedRowKeys
-          .filter((f: any) => f.default !== true)
-          .map((m: any) => m.id);
-        await deviceConfigDelete(selectedRowKeys);
-        createMessage.success('删除成功');
-        handleSuccess();
         selectedRowKeys.length = 0;
-      }
+        selectedRowKeys = getRows.filter((f) => f.default !== true).map((m) => m.id);
+      };
+      const handleTableDel = () => {
+        deviceConfigDelete(selectedRowKeys)
+          .then((res) => {
+            createMessage.success('删除成功');
+            selectedRowKeys.length = 0;
+            handleSuccess();
+          })
+          .catch((e) => {
+            selectedRowKeys.length = 0;
+          });
+      };
 
       function handleDelete(record: Recordable) {
         let ids = [record.id];

 <template>
   <div>
-    <BasicTable @register="registerTable">
+    <BasicTable
+      :rowSelection="{ type: 'checkbox' }"
+      @selection-change="useSelectionChange"
+      @register="registerTable"
+    >
       <template #toolbar>
         <a-button type="primary" @click="handleCreate">新增角色</a-button>
-        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="hasBatchDelete">
+        <a-button color="error" @click="handleDeleteOrBatchDelete(null)" :disabled="isStatus">
           批量删除
         </a-button>
       </template>
@@ -33,24 +37,25 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+  import { defineComponent, ref } from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { delRole, getRoleListByPage } from '/@/api/system/system';
   import { useDrawer } from '/@/components/Drawer';
   import RoleDrawer from './RoleDrawer.vue';
   import { columns, searchFormSchema } from './role.data';
   import { RoleEnum } from '/@/enums/roleEnum';
-  import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
+  import { useMessage } from '/@/hooks/web/useMessage';
+
   export default defineComponent({
     name: 'RoleManagement',
     components: { BasicTable, RoleDrawer, TableAction },
     setup() {
+      const { createMessage } = useMessage();
       const [registerDrawer, { openDrawer }] = useDrawer();
-      const { hasBatchDelete, handleDeleteOrBatchDelete, selectionOptions } = useBatchDelete(
-        delRole,
-        handleSuccess
-      );
-      const [registerTable, { reload }] = useTable({
+      const isStatus = ref(true);
+      let selectArray: any = [];
+
+      const [registerTable, { reload, getSelectRows }] = useTable({
         title: '角色列表',
         api: getRoleListByPage,
         columns,
@@ -69,7 +74,6 @@
           slots: { customRender: 'action' },
           fixed: 'right',
         },
-        ...selectionOptions,
       });
 
       function handleCreate() {
@@ -88,6 +92,41 @@
         reload();
       }
 
+      const useSelectionChange = () => {
+        let getRows = getSelectRows();
+        const isJudge = getRows.map((m) => m.roleType);
+        if (isJudge.includes('SYS_ADMIN')) {
+          isStatus.value = true;
+        } else {
+          isStatus.value = false;
+        }
+        if (isJudge.length === 0) {
+          isStatus.value = true;
+        }
+        selectArray = getRows.filter((f) => f.status !== 'SYS_ADMIN').map((m) => m.id);
+      };
+
+      const handleDeleteOrBatchDelete = async (record: Recordable | null) => {
+        if (record) {
+          try {
+            await delRole([record.id]);
+            createMessage.success('删除成功');
+            handleSuccess();
+          } catch (e: any) {}
+        } else {
+          try {
+            await delRole(selectArray);
+            createMessage.success('批量删除成功');
+            handleSuccess();
+            selectArray.length = 0;
+          } catch (e: any) {
+            selectArray.length = 0;
+          } finally {
+            selectArray.length = 0;
+          }
+        }
+      };
+
       return {
         registerTable,
         registerDrawer,
@@ -95,8 +134,9 @@
         handleEdit,
         handleSuccess,
         RoleEnum,
-        hasBatchDelete,
         handleDeleteOrBatchDelete,
+        isStatus,
+        useSelectionChange,
       };
     },
   });

@@ -111,9 +111,13 @@
       }
       const useSelectionChange = () => {
         selectedRowKeys = getSelectRows();
-        if (selectedRowKeys.length !== 0) {
-          disabled.value = false;
+        let isJudge = selectedRowKeys.map((m: any) => m.default);
+        if (isJudge.includes(true)) {
+          disabled.value = true;
         } else {
+          disabled.value = false;
+        }
+        if (isJudge.length === 0) {
           disabled.value = true;
         }
       };