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

1008 B
Raw Blame History

Change: 管理端侧边栏改为 Element Plus Drawer + Menu事件触发

Why

当前移动端侧边栏的显示/隐藏依赖 class + CSStransform实现在不同样式覆盖或构建产物下容易出现“class 变化但 UI 无反应”的问题,导致点击菜单按钮无法可靠展开。

What Changes

  • 移动端侧边栏改为使用 Element Plus 的 el-drawer 作为抽屉容器,依靠组件自带的显示/隐藏机制。
  • 菜单改为 Element Plus 的 el-menurouter 模式),用于导航到:首页、会话记录管理、用户管理。
  • 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