小程序 SCRM 底部导航信息架构
结论
pages/scrm/index/index 面向的是门店员工的日常执行,不是后台菜单的缩小版。底部导航固定为:
工作台|客户|快捷|任务|我的
五个位置足够覆盖员工每天的主路径,也能避免店长和导购因为权限不同而看到两套完全不同的底栏。中间入口命名为“快捷”,因为它不仅创建客户,还承载预约处理和 AI 辅助动作。
五个入口的职责
| 入口 | 解决的问题 | 应该放什么 | 不应该放什么 |
|---|---|---|---|
| 工作台 | 今天门店先看什么 | 预约、客户机会、今日任务摘要、经营提醒、店长待办 | 个人资料、课程目录、完整后台配置 |
| 客户 | 我要服务谁 | 客户档案、跟进、验光资料、服务方案、预约动作 | 员工培训、绩效结果、门店系统设置 |
| 快捷 | 我要马上完成一个高频动作 | 新增客户、预约处理、AI 客户助手、AI 内容创作 | 把完整管理菜单塞进弹窗 |
| 任务 | 今天还要完成什么 | 今日行动清单、任务详情、完成进度;角标只统计本页未完成任务 | 预约总数、库存预警、店长审批等未在本页展示的数量 |
| 我的 | 员工身份与成长 | 独立 SCRM 员工中心、切换门店、员工培训、考试、证书、绩效、PIP、奖金、人才发展 | C 端客户档案、订单和消费服务 |
为什么不增加“预约”或“管理”底栏
预约是客户服务过程中的一种动作,可以从工作台、客户详情和“快捷”进入;预约处理数量也应该作为工作台提醒,而不是再占一个永久位置。库存、员工、绩效审批等管理能力只对店长开放,放在工作台的店长管理入口更合适,避免导购看到无权操作的导航。
交互约束
- “任务”角标只取今日任务页真实展示的未完成数量,不能把预约、培训或店长待办混算进去。
- SCRM 的“我的”必须直接进入独立的
pages/scrm/member/employee-center;C 端pages/index/user只保留一个“门店员工 SCRM”入口,不展示员工资料、培训、绩效或 AI 企业数据;AI 工作台的“我的”也进入员工中心。 - 中间“快捷”是动作面板,不是第五个业务首页;关闭后回到当前页面,动作成功后进入对应详情或列表。动作面板中的“新增客户”才是创建动作,其余是高频业务快捷入口。
- 店长功能通过工作台内的权限入口展示,导购不因为权限差异改变底部导航顺序。
- 页面底部内容必须预留安全区;工作台、客户、任务页面的主内容不能被固定底栏遮挡。
- 培训、员工中心、预约、绩效、店长管理和营销任务列表等一级工作页面继续复用同一底栏;详情、表单页可以只提供返回,不再复制一套底栏。
工作台页面内的“常用动作”
工作台内保留少量高频业务入口是合理的,因为员工进入工作台后可以直接处理今天的事情;它不是另一套底部导航。页面标题使用“工作台常用动作”,并明确提示完整动作面板在底部“快捷”,避免员工误以为存在两套快捷菜单。
工作台内的入口按“今天最常用”排序:店长管理(有权限时)、客户列表、预约管理、营销任务、我的培训;更多的套餐、0元购、话术、转介绍、业绩排行、自媒体和素材等动作折叠展示。中间“快捷”面板只承载四个跨页面高频动作:新增客户、预约处理、AI 客户助手、AI 内容创作。
当前实现验收点
dts_app/pages/scrm/components/workbench-tabbar.vue定义五个固定入口“工作台|客户|快捷|任务|我的”;dts_app/pages/scrm/index/index.vue使用active="home"和task-count;dts_app/pages/scrm/index/customer.vue使用active="customer";dts_app/pages/scrm/task/daily.vue使用active="task",角标取该页未完成任务;dts_app/pages/scrm/task/index.vue、dts_app/pages/scrm/training/index.vue、dts_app/pages/scrm/member/employee-center.vue、dts_app/pages/scrm/manage/index.vue、dts_app/pages/scrm/appointment/index.vue和dts_app/pages/scrm/index/performance.vue复用同一组件,分别标记当前业务位置并预留固定底栏空间;- SCRM “我的”通过
redirectTo进入dts_app/pages/scrm/member/employee-center.vue; - 员工成长内容集中在 SCRM 员工中心,不在 C 端个人中心重复展示,也不在底部再增加培训、绩效等入口。
C端“我的”和 SCRM“我的”边界
pages/index/user 是顾客个人中心,只展示顾客档案、订单、优惠、积分、视力/防控和服务入口。登录用户只看到一个“门店员工 SCRM”入口;该页面不读取或展示员工岗位、培训、考试、资格证书、绩效、PIP、奖金、人才盘点或 AI 企业数据。
SCRM 底栏“我的”直接进入 pages/scrm/member/employee-center,这里才展示当前商户、当前绑定员工的岗位/门店、培训、考试、资格证书、绩效、合同、PIP、奖金和人才发展。AI 工作台的“我的”遵循同一规则,直接进入员工中心。