对齐用户管理页面布局样式

Co-authored-by: multica-agent <github@multica.ai>
2026-05-02 23:14:39 +08:00
parent 58a20f25cd
commit 456d7da34d
2 changed files with 92 additions and 47 deletions
@@ -215,3 +215,28 @@
 - 风险与影响：
  - 影响范围仅 `syslog` 页面前端展示层。
  - 接口请求、权限判断、筛选参数、分页逻辑保持不变。
+
+## Work Log - 用户管理页面布局样式对齐菜单管理（2026-05-02）
+
+- 背景：
+  - Issue `FL-167` 要求“参考菜单管理页面，调整用户管理页面样式和布局”。
+  - `web/src/app/admin/users/page.tsx` 原为“用户检索卡 + 用户列表卡”双卡结构，和菜单管理页不一致。
+
+- 本次改动（最小闭环）：
+  - 文件：`web/src/app/admin/users/page.tsx`
+  - 将用户管理主内容收敛为单卡布局（标题“用户列表”）：
+    - 将筛选区合并进列表卡顶部，使用 `Form layout="inline"`。
+    - 筛选项统一为“关键词 + 状态 + 搜索 + 重置筛选”。
+  - 统一反馈样式：
+    - 错误提示改为 closable `Alert`，并使用 `pre` 保留换行。
+    - 成功提示改为 closable `Alert`。
+    - 空状态文案改为“未找到符合筛选条件的用户。”。
+  - 统一加载与权限态样式：
+    - 加载态调整为 `Spin tip="用户数据加载中..."` + `min-h-[240px]`。
+    - 未登录/无权限态改为 `p + Link` 样式，和菜单管理页一致。
+  - 分页与间距细节对齐：
+    - 增加 `pageSizeOptions: [10, 20, 50, 100]`。
+    - 表格增加 `className="mt-4"`，统一筛选区与表格间距。
+
+- 风险与影响：
+  - 影响面仅 `web/src/app/admin/users/page.tsx` 前端展示层，不涉及后端接口、权限和数据结构。