[fix]:[FL-151][补齐菜单管理页一致性细节]

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-20 11:09:55 +08:00
parent 260e6598ef
commit f8eef853a7
2 changed files with 93 additions and 80 deletions
+23
View File
@@ -39,6 +39,29 @@
- 风险与关注点:
- 改动仅迁移菜单管理页前端数据管理架构,不改变 `/api/v1/admin/menus*` 接口路径、请求字段或权限语义。
## Follow-up - 菜单管理页细节一致性补齐(FL-151)
- 背景:
- 复查继续指出菜单管理页在筛选宽度、移动卡片间距、编辑弹窗标题、导入顺序、表格列类型、状态命名和筛选语义等细节上仍未完全对齐用户管理页。
- 本次处理:
- 菜单页 import 顺序调整为 React Query、Ant Design、Icons、`antd/es/table` 类型、Next Link、React hooks 的顺序。
- 表格列类型改为 `ColumnsType<MenuItem>`,并将 `columns``useMemo` 改为普通常量数组。
- 关键词输入 state 从 `keyword` 改为 `keywordInput`,桌面关键词宽度改为 `260px`
- 状态筛选改为 `undefined` 表示“全部”,对齐用户页的 `statusFilter` 语义。
- 移动端卡片容器移除显式 `mt-4`,对齐用户页间距处理。
- 编辑菜单弹窗标题补充当前菜单名称和 ID;移动端删除确认改为下拉项内联 `Modal.confirm`
- 权限变量定义顺序调整为先 `canManage`,后 `canRead`
- 验证:
- 基线:`npm --workspace web exec eslint src/app/admin/menus/page.tsx` 通过。
- 基线:`npm --workspace web exec tsc --noEmit` 因既有 `src/app/admin/elevation-records/page.tsx` 类型错误失败,菜单页无报错。
- 修改后:`npm --workspace web exec eslint src/app/admin/menus/page.tsx` 通过。
- 修改后:`npm --workspace web exec tsc --noEmit --pretty false` 仍仅因既有 `src/app/admin/elevation-records/page.tsx` 类型错误失败,菜单页无报错。
- 风险与关注点:
- 改动仅涉及菜单管理页前端一致性细节,不改变后端接口、权限判断或菜单 CRUD 请求语义。
# Work Log - 角色管理页对齐用户管理页规范(FL-152)
- 背景: