Open
Merge Request #4
·
created by
feat(usr): 前端重写 — 原型 Tab 导航 + 全屏用户单据
Summary
- 新增
tabsSlice— Redux 管理多 Tab 导航(openTab/closeTab/activateTab/updateTabPath) - 新增
AppShell— 深色顶栏 + Tab 栏 + NavOverlay 全屏导航 - 重写
LoginPage— 蓝色渐变 hero + 右侧登录卡片,与原型一致 - 重写
UserListPage— 深色工具栏 + filterbar + 表格,筛选条件持久化到 URL query string - 新增
UserDetailPage— 全屏单据页(替代 UserFormDrawer),支持新增/编辑模式 - 删除
UserFormDrawer.tsx
Design Decisions
- 导航结构:原型 Tab 顶栏,无侧边栏(与 docs/06 § 1.1 不符,已与用户确认)
- 编辑模式数据通过
location.state传入(后端无单条 GET by ID 接口) - 已知限制:编辑用户时权限组无法预加载(列表接口不返回 permGroupIds),UI 已显示警告
Test Plan
- 36 个前端单元测试全部通过(pre-push hook 已验证)
- 登录页面视觉与原型一致
- Tab 切换保留各页面状态
- 用户列表双击行进入编辑单据
- 新增用户流程完整