Jing SaaS Docs/小程序SCRM底部导航信息架构 · 使用文档
文档中心 · 小程序SCRM底部导航信息架构

小程序 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 工作台的“我的”遵循同一规则,直接进入员工中心。