From 09827fdbf3d09fc25927445dfa7c6ac6df6330d0 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Fri, 21 Aug 2026 17:03:38 +0800
Subject: [PATCH] feat(web-admin): wire list export on system user page

Pilot filtered and selected Excel export via ListExportDropdown.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web-admin/src/api/admin.ts                |  9 ++++++++
 web-admin/src/views/system/user/index.vue | 27 +++++++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/web-admin/src/api/admin.ts b/web-admin/src/api/admin.ts
index 1c1c5c635..585389aca 100644
--- a/web-admin/src/api/admin.ts
+++ b/web-admin/src/api/admin.ts
@@ -115,6 +115,15 @@ export function fetchUserList(params?: {
   })
 }
 
+/** Excel 导出用户 */
+export function fetchExportUsers(data: Record<string, any>) {
+  return request.post({
+    url: '/web/admin/users/export',
+    data,
+    responseType: 'blob',
+  })
+}
+
 export function fetchUserDetail(id: string) {
   return request.get<Api.User.UserItem>({
     url: `/web/admin/users/${id}`
diff --git a/web-admin/src/views/system/user/index.vue b/web-admin/src/views/system/user/index.vue
index 7da8eb12d..c0fe34236 100644
--- a/web-admin/src/views/system/user/index.vue
+++ b/web-admin/src/views/system/user/index.vue
@@ -96,6 +96,15 @@
                 删除
               </el-button>
 
+              <ListExportDropdown
+                :export-fn="fetchExportUsers"
+                :get-filter-params="getUserExportFilterParams"
+                :has-selection="true"
+                :selected-ids="selectedRows.map((r) => r.id)"
+                :visible-columns="userExportColumns"
+                filename="用户列表.xlsx"
+              />
+
               <ListToolbarEndActions
                 :loading="loading"
                 :column-defs="listColumnDefs"
@@ -403,9 +412,11 @@
   import RoleManageDialogs from '@/components/business/role-manage-dialogs/index.vue'
   import ListToolbarEndActions from '@/components/business/list-toolbar-end-actions/index.vue'
   import ListQuickSearchInput from '@/components/business/list-quick-search-input/index.vue'
+  import ListExportDropdown from '@/components/business/list-export-dropdown/index.vue'
   import { usePersistedListColumns } from '@/composables/usePersistedListColumns'
   import {
     fetchUserList,
+    fetchExportUsers,
     fetchUserDetail,
     fetchCreateUser,
     fetchUpdateUser,
@@ -486,6 +497,22 @@
   const { visibleColumns, checkAll, isIndeterminate, isColumnVisible, resetToDefault } =
     usePersistedListColumns('system-user-list-columns', listColumnDefs)
 
+  function getUserExportFilterParams() {
+    const quickKeyword = quickSearchKeyword.value?.trim()
+    return {
+      keyword: quickKeyword || searchForm.keyword || undefined,
+      status: searchForm.status || undefined,
+      deptId: selectedDeptId.value || undefined
+    }
+  }
+
+  /** nickName 列始终展示，需并入导出 columns */
+  const userExportColumns = computed(() => {
+    const cols = [...visibleColumns.value]
+    if (!cols.includes('nickName')) cols.unshift('nickName')
+    return cols
+  })
+
   const dialogVisible = ref(false)
   const dialogTitle = ref('新增用户')
   const isEdit = ref(false)