优化角色管理页面样式与布局

Co-authored-by: multica-agent <github@multica.ai>
2026-05-02 23:17:06 +08:00
parent 75993c1b03
commit 7b0de8a38b
2 changed files with 178 additions and 89 deletions
@@ -174,7 +174,6 @@
  - 宿主机目录权限需允许容器读写（尤其 PostgreSQL/Redis/MinIO）。
  - 生产环境若采用只读部署目录，需单独放开 `deploy/*/data/**` 写权限。

-
 ## Work Log - dev-deploy 环境注入文件更名（2026-05-02）

 - 背景：
@@ -260,3 +259,26 @@

 - 风险与影响：
  - 影响范围仅前端参数管理页 UI 展示，不涉及后端接口或数据结构变更。
+
+## Work Log - 角色管理页面对齐菜单管理布局（2026-05-02）
+
+- 背景：
+  - Issue `FL-168` 要求“参考菜单管理页面，调整角色管理页面样式和布局”。
+
+- 本次改动（最小闭环）：
+  - 文件：`web/src/app/admin/roles/page.tsx`
+  - 对齐菜单管理页布局风格：
+    - 页面容器改为 `space-y-6`，错误提示改为可换行 `Alert + pre`。
+    - 登录态缺失/无权限态改为与菜单页一致的居中文案 + 返回首页按钮样式。
+    - 筛选区改为 `Form inline`（关键词 + 重置筛选）。
+    - 表格区域新增视口自适应纵向滚动高度计算（`ResizeObserver + resize`），并开启 `loading` 态。
+    - 新建/编辑弹窗表单改为 `Row/Col` 栅格布局，字段排布与菜单页一致风格。
+  - 保持业务逻辑不变：
+    - 角色加载、创建、编辑、删除接口与字段未改动。
+    - 角色菜单绑定能力保持原样。
+
+- 验证：
+  - 本次按要求未执行编译/构建检查；已人工核对变更仅落在目标文件。
+
+- 风险与影响：
+  - 影响范围仅前端角色管理页面展示层；接口契约与数据结构无变更。