# admin-frontend 用户管理更多操作复刻 — 实施规划 ## 目标与范围 - 把用户管理行级“更多操作”从当前的基础维护菜单升级为更完整的运营工作台菜单。 - 以“复用现有抽屉 / 弹窗 / 页面”为主,不重复造轮子。 ## 架构与实现策略 - 用户页继续以 `UsersView.vue + useUsersManagement.ts` 为主入口。 - 新增 `useUserScopedActions.ts` 负责: - 用户页作用域跳转 - 订单分配抽屉预填 - 流量记录弹窗状态 - 邀请结果视图的路由筛选 - 用户流量重置调用 - 复用组件策略: - `OrderAssignDrawer.vue`:支持预填邮箱 - `TrafficLogDialog.vue`:直接挂到用户页 - `OrdersView.vue`:读取路由 query 并自动追加用户过滤 - 后端优先复用现有 `traffic-reset/reset-user`,避免再开新接口。 ## 完成定义 - 用户页“更多操作”菜单补齐目标操作项,并按截图相近顺序展示。 - `分配订单` 可直接打开抽屉,邮箱已回填。 - `TA的订单` 可跳转到 `#/subscriptions/orders`,并自动按 `user_id` 过滤。 - `TA的邀请` 可在用户页自动切换到“当前用户邀请结果”视图,并允许一键清除。 - `TA的流量记录` 可打开流量日志弹窗。 - `重置流量` 可调用真实后端接口并在成功后刷新用户列表。 ## 风险与验证 - 风险 1:用户页与订单页的跨页筛选若无可见提示,容易造成理解偏差,因此需要补齐筛选提示与清除入口。 - 风险 2:用户更多操作继续堆进 `useUsersManagement.ts` 容易过大,因此拆分 `useUserScopedActions.ts`。 - 风险 3:重置流量若重新发明接口会增加回归面,因此优先复用 `traffic-reset/reset-user`。 - 验证方式: - `npm run build` - 代码自检:用户菜单完整性、订单页 query 过滤、流量重置调用链、邀请筛选可清除 ## 决策记录 - [2026-04-24] `分配订单` 直接复用现有订单分配抽屉,并通过 prop 预填用户邮箱。 - [2026-04-24] `TA的订单` 采用跳页 + 自动过滤,而不是在用户页内塞第二套订单列表。 - [2026-04-24] `TA的邀请` 在当前用户页复用筛选结果视图,不额外新建邀请独立页面。