Files
Wx_WxCheck_Prod/openspec/changes/refactor-admin-sidebar-to-elmenu-drawer/proposal.md

20 lines
1008 B
Markdown
Raw Normal View History

# Change: 管理端侧边栏改为 Element Plus Drawer + Menu事件触发
## Why
当前移动端侧边栏的显示/隐藏依赖 class + CSStransform实现在不同样式覆盖或构建产物下容易出现“class 变化但 UI 无反应”的问题,导致点击菜单按钮无法可靠展开。
## What Changes
- 移动端侧边栏改为使用 Element Plus 的 `el-drawer` 作为抽屉容器,依靠组件自带的显示/隐藏机制。
- 菜单改为 Element Plus 的 `el-menu`router 模式),用于导航到:首页、会话记录管理、用户管理。
- Header 菜单按钮改为**事件触发打开抽屉**(不再通过切换 class 驱动 CSS 动画)。
## Non-goals
- 不新增页面、不新增路由、不改动权限/鉴权逻辑。
## Impact
- Affected specs: `openspec/specs/backend-admin/spec.md`
- Affected code:
- `admin-web/src/components/Layout/Header.vue`
- `admin-web/src/components/Layout/Sidebar.vue`
- `admin-web/src/components/Layout/Layout.vue`