From a8e2bac65a1031eea172749e96266dd35dac2c4b Mon Sep 17 00:00:00 2001
From: dk <1260500659@qq.com>
Date: Wed, 1 Jul 2026 17:15:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(log=E3=80=81post=E3=80=81user=E3=80=81proj?=
 =?UTF-8?q?ect=E3=80=81work-report):=20=E6=B7=BB=E5=8A=A0=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E5=A7=93=E5=90=8D=E5=AD=97=E6=AE=B5=E5=B9=B6=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E5=B2=97=E4=BD=8D=E7=94=A8=E6=88=B7=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20-=20=E5=9C=A8API=E8=AE=BF=E9=97=AE?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E3=80=81API=E9=94=99=E8=AF=AF=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E4=B8=AD=E6=96=B0=E5=A2=9E=E7=94=A8=E6=88=B7=E5=A7=93?=
 =?UTF-8?q?=E5=90=8D=E5=AD=97=E6=AE=B5=E6=98=BE=E7=A4=BA=20-=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=97=A5=E5=BF=97=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=E8=87=AA=E9=80=82=E5=BA=94=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20-=20=E6=B7=BB=E5=8A=A0=E7=B3=BB=E7=BB=9F=E5=B2=97=E4=BD=8D?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=AF=BC=E5=87=BA=E5=8A=9F=E8=83=BD=E5=8F=8A?=
 =?UTF-8?q?=E7=9B=B8=E5=BA=94API=E6=8E=A5=E5=8F=A3=20-=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E7=B3=BB=E7=BB=9F=E7=94=A8=E6=88=B7=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E5=8A=9F=E8=83=BD=E5=8F=8A=E7=9B=B8=E5=BA=94?=
 =?UTF-8?q?API=E6=8E=A5=E5=8F=A3=20-=20=E6=96=B0=E5=A2=9E=E9=80=9A?=
 =?UTF-8?q?=E7=94=A8=E6=96=87=E4=BB=B6=E4=B8=8B=E8=BD=BD=E5=92=8C=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E6=96=87=E4=BB=B6=E5=90=8D=E7=94=9F=E6=88=90=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=E5=87=BD=E6=95=B0=20-=20=E4=BF=AE=E5=A4=8D=E5=B7=A5?=
 =?UTF-8?q?=E4=BD=9C=E6=8A=A5=E8=A1=A8=E5=88=A0=E9=99=A4=E7=A1=AE=E8=AE=A4?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=96=87=E6=A1=88=20-=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=88=97=E8=A1=A8=E9=BB=98=E8=AE=A4=E5=B1=95?=
 =?UTF-8?q?=E5=BC=80=E7=8A=B6=E6=80=81=E9=80=BB=E8=BE=91=20-=20=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E5=B2=97=E4=BD=8D=E5=92=8C=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E5=AF=BC=E5=87=BA=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=9D=83=E9=99=90=E6=8E=A7=E5=88=B6=20-=20=E6=9B=B4=E6=96=B0?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E5=AE=9E=E4=BD=93=E7=B1=BB=E5=9E=8B=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=EF=BC=8C=E5=A2=9E=E5=8A=A0=E7=94=A8=E6=88=B7=E6=98=B5?=
 =?UTF-8?q?=E7=A7=B0=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/service/api/system-manage.ts              | 45 +++++++++++++++++++
 src/typings/api/system-log.d.ts               |  2 +
 .../log-management/api-access-log/index.vue   | 10 ++++-
 .../log-management/api-error-log/index.vue    | 10 ++++-
 src/views/infra/log-management/index.vue      | 26 +++++++++--
 .../infra/log-management/login-log/index.vue  |  2 +-
 .../log-management/operate-log/index.vue      |  2 +-
 .../work-report/monthly/index.vue             |  2 +-
 .../work-report/project/index.vue             |  2 +-
 .../components/prototype-page-dialog.vue      |  5 +++
 .../work-report/weekly/index.vue              |  2 +-
 src/views/project/list/index.vue              |  4 +-
 src/views/system/post/index.vue               | 22 ++++++++-
 src/views/system/shared/export.ts             | 16 +++++++
 src/views/system/user/index.vue               | 35 +++++++++++++++
 15 files changed, 172 insertions(+), 13 deletions(-)
 create mode 100644 src/views/system/shared/export.ts

diff --git a/src/service/api/system-manage.ts b/src/service/api/system-manage.ts
index 974b1f5..301af6b 100644
--- a/src/service/api/system-manage.ts
+++ b/src/service/api/system-manage.ts
@@ -18,6 +18,29 @@ const POST_PREFIX = `${SYSTEM_SERVICE_PREFIX}/post`;
 const ORG_LEADER_PREFIX = `${SYSTEM_SERVICE_PREFIX}/org-leader`;
 const USER_MANAGEMENT_RELATION_PREFIX = `${SYSTEM_SERVICE_PREFIX}/user-management-relation`;
 
+function appendQueryValue(query: URLSearchParams, key: string, value: unknown) {
+  if (value === null || value === undefined || value === '') {
+    return;
+  }
+
+  if (Array.isArray(value)) {
+    value.forEach(item => appendQueryValue(query, key, item));
+    return;
+  }
+
+  query.append(key, String(value));
+}
+
+function buildQuery(params: object = {}) {
+  const query = new URLSearchParams();
+
+  Object.entries(params).forEach(([key, value]) => {
+    appendQueryValue(query, key, value);
+  });
+
+  return query.toString();
+}
+
 function createRolePageQuery(params?: Api.SystemManage.RoleSearchParams) {
   const query = new URLSearchParams();
 
@@ -469,6 +492,17 @@ export function fetchBatchDeletePost(ids: number[]) {
   });
 }
 
+/** 导出岗位 */
+export function fetchExportPost(params: Api.SystemManage.PostSearchParams) {
+  const query = buildQuery(params);
+
+  return request<Blob, 'blob'>({
+    url: query ? `${POST_PREFIX}/export-excel?${query}` : `${POST_PREFIX}/export-excel`,
+    method: 'get',
+    responseType: 'blob'
+  });
+}
+
 /** 获取用户简单列表（用于用户选择下拉框） */
 export async function fetchGetUserSimpleList() {
   return request<UserSimpleResponse[]>({
@@ -579,6 +613,17 @@ export function fetchBatchDeleteUser(ids: number[]) {
   });
 }
 
+/** 导出用户 */
+export function fetchExportUser(params: Api.SystemManage.UserSearchParams) {
+  const query = buildQuery(params);
+
+  return request<Blob, 'blob'>({
+    url: query ? `${USER_PREFIX}/export-excel?${query}` : `${USER_PREFIX}/export-excel`,
+    method: 'get',
+    responseType: 'blob'
+  });
+}
+
 /** 获取菜单列表 */
 export async function fetchGetMenuList(params?: Api.SystemManage.MenuSearchParams) {
   const result = await request<MenuResponse[]>({
diff --git a/src/typings/api/system-log.d.ts b/src/typings/api/system-log.d.ts
index 821e6a3..1841844 100644
--- a/src/typings/api/system-log.d.ts
+++ b/src/typings/api/system-log.d.ts
@@ -77,6 +77,7 @@ declare namespace Api {
         id: string;
         traceId?: string | null;
         userId: string;
+        userNickname?: string | null;
         userType: number;
         applicationName: string;
         requestMethod: string;
@@ -114,6 +115,7 @@ declare namespace Api {
         id: string;
         traceId?: string | null;
         userId: string;
+        userNickname?: string | null;
         userType: number;
         applicationName: string;
         requestMethod: string;
diff --git a/src/views/infra/log-management/api-access-log/index.vue b/src/views/infra/log-management/api-access-log/index.vue
index 9f3789c..ef23cf9 100644
--- a/src/views/infra/log-management/api-access-log/index.vue
+++ b/src/views/infra/log-management/api-access-log/index.vue
@@ -80,6 +80,7 @@ const detailSections: LogDetailSection[] = [
   {
     title: '业务上下文',
     fields: [
+      { label: '用户姓名', key: 'userNickname' },
       { label: '用户编号', key: 'userId' },
       { label: '操作模块', key: 'operateModule' },
       { label: '操作名', key: 'operateName' },
@@ -114,6 +115,13 @@ const { columns, columnChecks, data, loading, getData, getDataByPage, mobilePagi
   columns: () => [
     { prop: 'index', type: 'index', label: '序号', width: 64 },
     { prop: 'applicationName', label: '应用名', minWidth: 140, showOverflowTooltip: true },
+    {
+      prop: 'userNickname',
+      label: '用户姓名',
+      minWidth: 120,
+      showOverflowTooltip: true,
+      formatter: row => row.userNickname || '--'
+    },
     { prop: 'requestMethod', label: '请求方式', width: 100, align: 'center' },
     { prop: 'requestUrl', label: '请求地址', minWidth: 220, showOverflowTooltip: true },
     { prop: 'operateModule', label: '操作模块', minWidth: 140, showOverflowTooltip: true },
@@ -182,7 +190,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <div class="flex-col-stretch gap-16px overflow-hidden">
+  <div class="h-full min-h-0 flex-col-stretch gap-16px overflow-hidden">
     <ApiAccessLogSearch v-model:model="searchParams" @reset="resetSearchParams" @search="handleSearch" />
 
     <ElCard class="flex-1-hidden card-wrapper" body-class="business-table-card-body">
diff --git a/src/views/infra/log-management/api-error-log/index.vue b/src/views/infra/log-management/api-error-log/index.vue
index f778f2f..a453013 100644
--- a/src/views/infra/log-management/api-error-log/index.vue
+++ b/src/views/infra/log-management/api-error-log/index.vue
@@ -71,6 +71,7 @@ const detailSections: LogDetailSection[] = [
   {
     title: '上下文',
     fields: [
+      { label: '用户姓名', key: 'userNickname' },
       { label: '用户编号', key: 'userId' },
       { label: '用户IP', key: 'userIp' },
       { label: '浏览器UA', key: 'userAgent', type: 'multiline' },
@@ -109,6 +110,13 @@ const { columns, columnChecks, data, loading, getData, getDataByPage, mobilePagi
   columns: () => [
     { prop: 'index', type: 'index', label: '序号', width: 64 },
     { prop: 'applicationName', label: '应用名', minWidth: 140, showOverflowTooltip: true },
+    {
+      prop: 'userNickname',
+      label: '用户姓名',
+      minWidth: 120,
+      showOverflowTooltip: true,
+      formatter: row => row.userNickname || '--'
+    },
     { prop: 'requestMethod', label: '请求方式', width: 100, align: 'center' },
     { prop: 'requestUrl', label: '请求地址', minWidth: 220, showOverflowTooltip: true },
     { prop: 'exceptionName', label: '异常名', minWidth: 180, showOverflowTooltip: true },
@@ -174,7 +182,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <div class="flex-col-stretch gap-16px overflow-hidden">
+  <div class="h-full min-h-0 flex-col-stretch gap-16px overflow-hidden">
     <ApiErrorLogSearch v-model:model="searchParams" @reset="resetSearchParams" @search="handleSearch" />
 
     <ElCard class="flex-1-hidden card-wrapper" body-class="business-table-card-body">
diff --git a/src/views/infra/log-management/index.vue b/src/views/infra/log-management/index.vue
index ef7435e..7a9778e 100644
--- a/src/views/infra/log-management/index.vue
+++ b/src/views/infra/log-management/index.vue
@@ -67,9 +67,11 @@ watch(
     </ElCard>
 
     <div v-if="activeTabMeta" class="log-management-page__content">
-      <KeepAlive>
-        <component :is="componentMap[activeTab]" />
-      </KeepAlive>
+      <div class="log-management-page__pane">
+        <KeepAlive>
+          <component :is="componentMap[activeTab]" class="log-management-page__tab" />
+        </KeepAlive>
+      </div>
     </div>
   </div>
 </template>
@@ -157,8 +159,26 @@ watch(
 }
 
 .log-management-page__content {
+  display: flex;
   flex: 1;
   min-height: 0;
+  overflow: hidden;
+}
+
+.log-management-page__pane {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+:deep(.log-management-page__tab) {
+  display: flex;
+  width: 100%;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
 }
 
 @media (width <= 1200px) {
diff --git a/src/views/infra/log-management/login-log/index.vue b/src/views/infra/log-management/login-log/index.vue
index e884012..449e813 100644
--- a/src/views/infra/log-management/login-log/index.vue
+++ b/src/views/infra/log-management/login-log/index.vue
@@ -187,7 +187,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <div class="flex-col-stretch gap-16px overflow-hidden">
+  <div class="h-full min-h-0 flex-col-stretch gap-16px overflow-hidden">
     <LoginLogSearch v-model:model="searchParams" @reset="resetSearchParams" @search="handleSearch" />
 
     <ElCard class="flex-1-hidden card-wrapper" body-class="business-table-card-body">
diff --git a/src/views/infra/log-management/operate-log/index.vue b/src/views/infra/log-management/operate-log/index.vue
index 287ccc8..2c39bd2 100644
--- a/src/views/infra/log-management/operate-log/index.vue
+++ b/src/views/infra/log-management/operate-log/index.vue
@@ -183,7 +183,7 @@ async function handleExport() {
 </script>
 
 <template>
-  <div class="flex-col-stretch gap-16px overflow-hidden">
+  <div class="h-full min-h-0 flex-col-stretch gap-16px overflow-hidden">
     <OperateLogSearch
       v-model:model="searchParams"
       :user-options="userOptions"
diff --git a/src/views/personal-center/work-report/monthly/index.vue b/src/views/personal-center/work-report/monthly/index.vue
index 106c941..8bb95a8 100644
--- a/src/views/personal-center/work-report/monthly/index.vue
+++ b/src/views/personal-center/work-report/monthly/index.vue
@@ -331,7 +331,7 @@ async function handleSubmitReport(row: Api.WorkReport.Monthly.MonthlyReport) {
 
 async function handleDelete(row: Api.WorkReport.Monthly.MonthlyReport) {
   try {
-    await ElMessageBox.confirm(`确认删除 ${formatPeriod(row)} 吗？`, '删除确认', {
+    await ElMessageBox.confirm(`确认删除该报告吗？`, '删除确认', {
       type: 'warning',
       confirmButtonText: '确认',
       cancelButtonText: '取消'
diff --git a/src/views/personal-center/work-report/project/index.vue b/src/views/personal-center/work-report/project/index.vue
index 86cccd7..4a90f28 100644
--- a/src/views/personal-center/work-report/project/index.vue
+++ b/src/views/personal-center/work-report/project/index.vue
@@ -298,7 +298,7 @@ async function handleSubmitReport(row: Api.WorkReport.Project.ProjectReport) {
 
 async function handleDelete(row: Api.WorkReport.Project.ProjectReport) {
   try {
-    await ElMessageBox.confirm(`确认删除 ${formatPeriod(row)} 吗？`, '删除确认', {
+    await ElMessageBox.confirm(`确认删除该报告吗？`, '删除确认', {
       type: 'warning',
       confirmButtonText: '确认',
       cancelButtonText: '取消'
diff --git a/src/views/personal-center/work-report/shared/components/prototype-page-dialog.vue b/src/views/personal-center/work-report/shared/components/prototype-page-dialog.vue
index a584511..368535a 100644
--- a/src/views/personal-center/work-report/shared/components/prototype-page-dialog.vue
+++ b/src/views/personal-center/work-report/shared/components/prototype-page-dialog.vue
@@ -420,6 +420,11 @@ async function refreshDraft() {
 
   if (result.error || !result.data) return;
 
+  baseInfo.value = {
+    ...(baseInfo.value || {}),
+    ...result.data
+  } as WorkReportRow;
+
   if (props.reportType === 'weekly') {
     applyWeeklyEditableFields(result.data as Api.WorkReport.Weekly.WeeklyReport);
   } else if (props.reportType === 'monthly') {
diff --git a/src/views/personal-center/work-report/weekly/index.vue b/src/views/personal-center/work-report/weekly/index.vue
index 9d5d2ca..9f55916 100644
--- a/src/views/personal-center/work-report/weekly/index.vue
+++ b/src/views/personal-center/work-report/weekly/index.vue
@@ -347,7 +347,7 @@ async function handleSubmitReport(row: Api.WorkReport.Weekly.WeeklyReport) {
 
 async function handleDelete(row: Api.WorkReport.Weekly.WeeklyReport) {
   try {
-    await ElMessageBox.confirm(`确认删除 ${formatPeriod(row)} 吗？`, '删除确认', {
+    await ElMessageBox.confirm(`确认删除该报告吗？`, '删除确认', {
       type: 'warning',
       confirmButtonText: '确认',
       cancelButtonText: '取消'
diff --git a/src/views/project/list/index.vue b/src/views/project/list/index.vue
index bf77657..cf55355 100644
--- a/src/views/project/list/index.vue
+++ b/src/views/project/list/index.vue
@@ -45,7 +45,7 @@ const searchParams = reactive(getInitSearchParams());
 const navKey = ref<ProjectListNavKey>('active');
 const groupPage = ref<Api.Project.ProjectGroupPageResult>(createEmptyGroupPage());
 const loading = ref(false);
-const allCollapsed = ref(true);
+const allCollapsed = ref(false);
 /** 状态看板项（overview-summary items，状态机动态下发），左栏与"全部"口径派生均以此为源 */
 const statusBoardItems = ref<Api.Project.OverviewStatusItem[]>([]);
 /** "全部"口径总数（后端 total，前端不自行求和） */
@@ -171,7 +171,7 @@ async function handleResetSearch() {
 
 async function handleNavChange(key: ProjectListNavKey) {
   navKey.value = key;
-  allCollapsed.value = true;
+  allCollapsed.value = false;
   await Promise.all([loadOverviewData(), loadGroupPage(1)]);
 }
 
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 5cf7450..3345b5a 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -4,9 +4,10 @@ import type { TableInstance } from 'element-plus';
 import { ElButton, ElPopconfirm, ElTag } from 'element-plus';
 import dayjs from 'dayjs';
 import { useBoolean } from '@sa/hooks';
-import { fetchBatchDeletePost, fetchDeletePost, fetchGetPostPage } from '@/service/api';
+import { fetchBatchDeletePost, fetchDeletePost, fetchExportPost, fetchGetPostPage } from '@/service/api';
 import { useUIPaginatedTable } from '@/hooks/common/table';
 import BusinessTableActionCell from '@/components/custom/business-table-action-cell';
+import { downloadBlob, getSystemExportFileName } from '@/views/system/shared/export';
 import PostOperateDialog from './modules/post-operate-dialog.vue';
 import PostSearch from './modules/post-search.vue';
 
@@ -74,6 +75,7 @@ function getPostTypeLabel(type?: Api.SystemManage.PostType | null) {
 const searchParams = reactive(getInitSearchParams());
 const postTableRef = ref<TableInstance>();
 const postCheckedRowKeys = ref<number[]>([]);
+const exporting = ref(false);
 
 const { columns, columnChecks, data, loading, getData, getDataByPage, mobilePagination } = useUIPaginatedTable({
   paginationProps: {
@@ -222,6 +224,18 @@ async function reloadPostTable(page = searchParams.pageNo) {
   postTableRef.value?.clearSelection();
 }
 
+async function handleExport() {
+  exporting.value = true;
+  const { error, data: blob } = await fetchExportPost(searchParams);
+  exporting.value = false;
+
+  if (error || !blob) {
+    return;
+  }
+
+  downloadBlob(blob, getSystemExportFileName('岗位数据'));
+}
+
 function resetSearchParams() {
   Object.assign(searchParams, getInitSearchParams());
   reloadPostTable(1);
@@ -255,6 +269,12 @@ function handleSubmitted(postId: number) {
             @refresh="reloadPostTable"
           >
             <template #default>
+              <ElButton v-auth="'system:post:export'" plain type="primary" :loading="exporting" @click="handleExport">
+                <template #icon>
+                  <icon-mdi-download class="text-icon" />
+                </template>
+                导出
+              </ElButton>
               <ElButton plain type="primary" @click="openAdd">
                 <template #icon>
                   <icon-ic-round-plus class="text-icon" />
diff --git a/src/views/system/shared/export.ts b/src/views/system/shared/export.ts
new file mode 100644
index 0000000..05b9618
--- /dev/null
+++ b/src/views/system/shared/export.ts
@@ -0,0 +1,16 @@
+import dayjs from 'dayjs';
+
+export function downloadBlob(blob: Blob, fileName: string) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+
+  link.href = url;
+  link.download = fileName;
+  link.click();
+
+  URL.revokeObjectURL(url);
+}
+
+export function getSystemExportFileName(label: string) {
+  return `${label}_${dayjs().format('YYYY-MM-DD')}.xls`;
+}
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 686a6bf..a4ae365 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -9,6 +9,7 @@ import {
   fetchBatchDeleteUser,
   fetchDeleteDept,
   fetchDeleteUser,
+  fetchExportUser,
   fetchGetDeptList,
   fetchGetDictDataByCode,
   fetchGetPostSimpleList,
@@ -23,6 +24,7 @@ import BusinessTableActionCell from '@/components/custom/business-table-action-c
 import BusinessFormDialog from '@/components/custom/business-form-dialog.vue';
 import { $t } from '@/locales';
 import { buildMenuTree } from '@/views/system/shared/menu-tree';
+import { downloadBlob, getSystemExportFileName } from '@/views/system/shared/export';
 import UserManagementRelation from '@/views/system/user-management-relation/index.vue';
 import UserOperateDialog from './modules/user-operate-dialog.vue';
 import UserOrgLeaderDialog from './modules/user-org-leader-dialog.vue';
@@ -130,6 +132,7 @@ const deptLoading = ref(false);
 const userTableRef = ref<TableInstance>();
 const userCheckedRowKeys = ref<number[]>([]);
 const statusLoadingIds = ref<number[]>([]);
+const exporting = ref(false);
 const deptList = ref<Api.SystemManage.Dept[]>([]);
 const currentDeptId = ref<number | null>(null);
 const operateVisible = ref(false);
@@ -392,6 +395,25 @@ async function reloadUserTable(page = searchParams.pageNo) {
   userTableRef.value?.clearSelection();
 }
 
+async function handleExport() {
+  if (!currentDeptId.value) {
+    return;
+  }
+
+  exporting.value = true;
+  const { error, data: blob } = await fetchExportUser({
+    ...searchParams,
+    deptId: currentDeptId.value
+  });
+  exporting.value = false;
+
+  if (error || !blob) {
+    return;
+  }
+
+  downloadBlob(blob, getSystemExportFileName('用户数据'));
+}
+
 function handleDeptSelect(nodeData: Api.SystemManage.Dept) {
   currentDeptId.value = nodeData.id;
 }
@@ -669,6 +691,19 @@ onMounted(async () => {
             </div>
             <TableHeaderOperation v-model:columns="columnChecks" :loading="loading" @refresh="reloadUserTable">
               <template #default>
+                <ElButton
+                  v-auth="'system:user:export'"
+                  plain
+                  type="primary"
+                  :loading="exporting"
+                  :disabled="!currentDept"
+                  @click="handleExport"
+                >
+                  <template #icon>
+                    <icon-mdi-download class="text-icon" />
+                  </template>
+                  导出
+                </ElButton>
                 <ElButton plain type="primary" :disabled="!currentDept" @click="openAdd">
                   <template #icon>
                     <icon-ic-round-plus class="text-icon" />