👣 二次封装扩展vben-Table组件

kicc-ui/src/components/Table/src/components/settings/RedoSetting.vue

@@ -7,7 +7,7 @@
   </Tooltip>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
+import {computed, defineComponent} from 'vue';
   import { Tooltip } from 'ant-design-vue';
   import { RedoOutlined } from '@ant-design/icons-vue';
   import { useI18n } from '/@/hooks/web/useI18n';
@@ -25,6 +25,9 @@
 
       function redo() {
         table.reload();
+        if(table.getRowSelection()) {
+          table.clearSelectedRowKeys();
+        }
       }
 
       return { redo, t };

kicc-ui/src/views/system/user/index.vue

@@ -50,8 +50,8 @@
       </template>
     </BasicTable>
     <!--弹出窗体区域-->
-    <UserModal @register="registerModal" @success="handleSuccess"/>
+    <UserModal @register="registerModal" @success="handleRefreshTable"/>
-    <ResetPwdModal @register="registerResetPwdModal" @success="handleSuccess"/>
+    <ResetPwdModal @register="registerResetPwdModal" @success="handleRefreshTable"/>
   </PageWrapper>
 </template>
 
@@ -163,21 +163,21 @@
           onOk: async () => {
             await delUser(ids);
             createMessage.success('删除成功!');
-            handleSuccess();
+            handleRefreshTable();
           }
         });
       }
 
-      /** 处理表单提交成功 */
+      /** 处理表格刷新 */
-      function handleSuccess() {
+      function handleRefreshTable() {
-        reload();
         clearSelectedRowKeys();
+        reload();
       }
 
       /** 处理部门管理点击 */
       function handleSelect(departId) {
         state.searchInfo.deptId = departId;
-        handleSuccess();
+        handleRefreshTable();
       }
 
       return {
@@ -189,7 +189,7 @@
         handleEdit,
         handleDel,
         handleSelectionChange,
-        handleSuccess,
+        handleRefreshTable,
         handleSelect,
         handleResetPassword
       };