优化系统日志页面展示与表格高度

Co-authored-by: multica-agent <github@multica.ai>
2026-05-03 20:35:17 +08:00
parent bce0cfece7
commit 424b7225bd
2 changed files with 118 additions and 31 deletions
@@ -491,3 +491,28 @@
 - 风险与影响：
  - 影响范围仅菜单管理页删除交互，不改后端数据模型与接口契约。
  - 删除是否允许由后端统一裁决：受保护菜单或存在子菜单时会返回失败提示，行为与后端规则保持一致。
+
+## Work Log - 系统日志页面优化（2026-05-03）
+
+- 背景：
+  - Issue `FL-197` 要求对 `/admin/syslog` 页面做四项样式优化：
+    1) 去掉“共 xx 条，当前第 x 页”；2) 去掉说明文案；3) 去掉右上角常见动作提示；
+    4) 参考菜单管理页面设置表格高度，避免页面出现纵向滚动条。
+
+- 本次改动（最小闭环）：
+  - 文件：`web/src/app/admin/syslog/page.tsx`
+  - 去除卡片右上角 `extra` 的“常见动作”提示。
+  - 去除卡片内二级说明文案“查看鉴权与会话类审计日志...”
+  - 去除表格上方“共 xx 条，当前第 x 页 / 刷新中...”信息行（保留分页组件内 `showTotal`）。
+  - 参考 `/admin/menus` 的实现补齐表格动态高度：
+    - 新增 `tableScrollY` 状态 + `tableScrollAnchorRef`；
+    - 新增 `updateTableScrollY`，按视口高度与表格非 body 区域动态计算 `scroll.y`；
+    - 监听窗口 `resize` 与容器 `ResizeObserver`，变化时重新计算；
+    - 表格启用 `scroll={{ x: 980, y: tableScrollY }}`，分页追加 `style: { marginBottom: 0 }`，收敛页面外层纵向滚动。
+
+- 验证：
+  - 代码核对：四项需求对应文案与布局均已落盘，筛选、分页与查询参数逻辑未改。
+
+- 风险与影响：
+  - 影响面仅 `/admin/syslog` 前端展示层。
+  - 由于 `/admin/diary` 目前目录不存在，本次变更仅作用于系统日志页面，不影响其它管理页面。