优化系统日志页面样式布局

Co-authored-by: multica-agent <github@multica.ai>
2026-05-02 23:15:55 +08:00
parent 484b24f53c
commit 58a20f25cd
2 changed files with 110 additions and 73 deletions
@@ -190,3 +190,28 @@

 - 风险与影响：
  - 本地若仍保留旧文件名 `.env.prod`，将不再被 dev compose 自动读取。
+
+## Work Log - 系统日志页面样式优化（2026-05-02）
+
+- 背景：
+  - Issue [FL-170] 要求“参考菜单管理页面，调整系统日志页面样式和布局”。
+
+- 本次改动（最小闭环）：
+  - 文件：`web/src/app/admin/syslog/page.tsx`
+  - 对齐 `menus` 页面风格，保持日志查询与筛选逻辑不变，仅调整 UI 布局：
+    - 页面容器从 `Space` 改为 `div.space-y-6`，与后台管理页一致。
+    - 加载态改为居中 `Spin`（`min-h-[240px]`）。
+    - 未登录/无权限态改为与菜单页一致的 `main + Link` 布局与按钮样式。
+    - 筛选区改为 `Form inline`（动作、用户ID、查询/重置筛选）。
+    - 错误提示统一为 `Alert message + description`。
+    - 列表分页补充 `showTotal`，信息文案统一。
+
+- 验证：
+  - 差异检查：`git diff -- web/src/app/admin/syslog/page.tsx`。
+  - 尝试运行类型检查（未安装依赖，不做编译）：
+    - `npm --workspace web exec tsc --noEmit --pretty false`
+    - 当前环境报错 `EROFS`（npm 缓存目录只读），未执行到项目级类型检查。
+
+- 风险与影响：
+  - 影响范围仅 `syslog` 页面前端展示层。
+  - 接口请求、权限判断、筛选参数、分页逻辑保持不变。