From 879cad366f2ec5c019784e183ecf945e05c20f1e Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Mon, 16 Jun 2025 21:13:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=80=90ele=E3=80=91=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E6=96=B0=E5=A2=9E=E6=89=B9=E9=87=8F=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-ele/src/api/system/user/index.ts    |  5 +++
 apps/web-ele/src/views/system/user/data.ts   |  4 ++
 apps/web-ele/src/views/system/user/index.vue | 41 ++++++++++++++++++--
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/apps/web-ele/src/api/system/user/index.ts b/apps/web-ele/src/api/system/user/index.ts
index 52d8cdd2..1f51a5bc 100644
--- a/apps/web-ele/src/api/system/user/index.ts
+++ b/apps/web-ele/src/api/system/user/index.ts
@@ -49,6 +49,11 @@ export function deleteUser(id: number) {
   return requestClient.delete(`/system/user/delete?id=${id}`);
 }
 
+/** 批量删除用户 */
+export function deleteUserList(ids: number[]) {
+  return requestClient.delete(`/system/user/delete-list?ids=${ids.join(',')}`);
+}
+
 /** 导出用户 */
 export function exportUser(params: any) {
   return requestClient.download('/system/user/export', params);
diff --git a/apps/web-ele/src/views/system/user/data.ts b/apps/web-ele/src/views/system/user/data.ts
index b2cbd00b..a20318be 100644
--- a/apps/web-ele/src/views/system/user/data.ts
+++ b/apps/web-ele/src/views/system/user/data.ts
@@ -285,6 +285,10 @@ export function useGridColumns<T = SystemUserApi.User>(
   ) => PromiseLike<boolean | undefined>,
 ): VxeTableGridOptions['columns'] {
   return [
+    {
+      type: 'checkbox',
+      width: 40,
+    },
     {
       field: 'id',
       title: '用户编号',
diff --git a/apps/web-ele/src/views/system/user/index.vue b/apps/web-ele/src/views/system/user/index.vue
index 0673493d..13ec5428 100644
--- a/apps/web-ele/src/views/system/user/index.vue
+++ b/apps/web-ele/src/views/system/user/index.vue
@@ -6,13 +6,14 @@ import type { SystemUserApi } from '#/api/system/user';
 import { ref } from 'vue';
 
 import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
-import { downloadFileFromBlobPart } from '@vben/utils';
+import { downloadFileFromBlobPart, isEmpty } from '@vben/utils';
 
 import { ElLoading, ElMessage } from 'element-plus';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
   deleteUser,
+  deleteUserList,
   exportUser,
   getUserPage,
   updateUserStatus,
@@ -90,13 +91,35 @@ async function onDelete(row: SystemUserApi.User) {
     await deleteUser(row.id as number);
     ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.username]));
     onRefresh();
-  } catch {
-    // 异常处理
   } finally {
     loadingInstance.close();
   }
 }
 
+/** 批量删除用户 */
+async function onDeleteBatch() {
+  const loadingInstance = ElLoading.service({
+    text: $t('ui.actionMessage.deleting'),
+    fullscreen: true,
+  });
+  try {
+    await deleteUserList(checkedIds.value);
+    ElMessage.success($t('ui.actionMessage.deleteSuccess'));
+    onRefresh();
+  } finally {
+    loadingInstance.close();
+  }
+}
+
+const checkedIds = ref<number[]>([]);
+function handleRowCheckboxChange({
+  records,
+}: {
+  records: SystemUserApi.User[];
+}) {
+  checkedIds.value = records.map((item) => item.id as number);
+}
+
 /** 重置密码 */
 function onResetPassword(row: SystemUserApi.User) {
   resetPasswordModalApi.setData(row).open();
@@ -161,6 +184,10 @@ const [Grid, gridApi] = useVbenVxeGrid({
       search: true,
     },
   } as VxeTableGridOptions<SystemUserApi.User>,
+  gridEvents: {
+    checkboxAll: handleRowCheckboxChange,
+    checkboxChange: handleRowCheckboxChange,
+  },
 });
 </script>
 
@@ -212,6 +239,14 @@ const [Grid, gridApi] = useVbenVxeGrid({
                   auth: ['system:user:import'],
                   onClick: onImport,
                 },
+                {
+                  label: $t('ui.actionTitle.deleteBatch'),
+                  type: 'danger',
+                  icon: ACTION_ICON.DELETE,
+                  disabled: isEmpty(checkedIds),
+                  auth: ['system:user:delete'],
+                  onClick: onDeleteBatch,
+                },
               ]"
             />
           </template>