网报小程序 — 我的(个人中心) — 产品需求说明书

版本 V2.3 更新 2026-08-18 归属:三期(M3 · 我的,2026-08-27 技术可上线) 全局规则引用:01-全局通用规则.html
一、个人中心主页面 5个区块

模块说明:个人中心是用户管理账户、订单、工具的入口汇聚页。顶部展示当前学员信息,中部按功能分组(活动与顾问/我的订单/学习服务/常用工具),底部展示 Tab 栏。除专属顾问卡片(含「去咨询」)外,所有功能入口均需已登录才可操作。

入口:底部Tab栏「我的」 |  页面组成:个人中心主页(全部学员页已并入 一期/02-登录与学员管理)

1.1 页面整体布局
我的-已登录(3.0含教学服务)
我的-未登录(3.0新版)

1.1 模块概览(从上到下,与左图红框 1-6 对应;有独立页面的模块附跳转)

  1. 顶部用户区:学员头像 + 姓名 + "城市 | 年级" + 头像左下角多孩切换图标;点击头像/姓名 → 全部学员页(见 一期/02 §四 学员管理);未登录时展示品牌 Logo + "点击登录"
  2. 活动与顾问卡片:分享有礼(H5 写死链接、无后台配置,与首页口径一致:https://yy.zy.com/dymzjsbsabc/h5/active?ppid=685597&city=广州)/ 专属顾问(「去咨询」跳企微、不拦截登录;顾问规则详见 一期/03-首页 专属顾问)
  3. 我的订单区:购物车 / 待付款 / 待补缴 / 已完成 / 优惠券 5 入口 → 详见 08-我的订单与优惠券
  4. 学习服务区(教学服务):课程表 / 调课 / 转班 / 诊断查询 前端固定(外部服务 H5 无感登录跳转,见下方口径表)+ 6 个教学服务(服务反馈 / 成长资料 / 阶段报告 / 课程回看 / 错题本 / 作文报告)内嵌 H5 免登录、按「业务系统+城市+分校」配置展示(配置页详见 三期/14-管理后台-教学服务配置)
  5. 常用工具区:拼团诊断 → 本页 §三 拼团诊断;报读须知 → 仅深圳展示(见 1.4);设置 → 本页 1.5(账号与安全有独立子页 / 收货地址见 10 §1.4 / 协议与规则)
  6. 底部Tab栏:首页 / 选课 / 我的(选中态)
2026-07-26 修订:个人中心布局调整
① 快捷服务区的调课、转班与常用工具区的课程表,将与教学服务合并为同一入口区(入口分组以三期设计稿为准);
② 新增教学服务入口:按「城市分校」维度后台配置上架/下架,未上架的城市分校不展示该入口;
③ 教学服务以内嵌 H5 免登录方式打开,子项含:服务反馈、成长资料、阶段报告、课程回看、错题本、作文报告;各入口 H5 地址模板与必需参数见 三期/14 §五;
④ i学习君考勤等模板消息不做按城市分校区分打开小程序的逻辑。
2026-07-26 确认:无学员状态:已登录但未绑定学员时,登录后强制进入绑定学员流程(见 02-登录与学员管理 2.A);本页顶部用户区展示的引导添加学员提示文案与「添加学员」入口仅作异常兜底(强制跳转未生效时展示,规则与 02-登录与学员管理 一致)。

1.1 数据规则

维度说明
来源用户信息从本地缓存 + 后台接口获取;入口列表前端固定
学员信息当前选中学员的头像、姓名、城市、年级(来自会员库)
购物车badge后台接口返回购物车商品数量,>0时显示红点badge;每次进入「我的」Tab时实时请求一次购物车数量接口,页面内不做本地缓存,每次切回Tab均重新拉取
刷新时机每次进入页面(onShow)重新获取学员信息和badge数据
缓存策略学员基础信息本地缓存,onShow时与后台数据对比更新

1.1 状态说明

状态表现
已登录顶部显示学员头像+姓名+"城市 | 年级",所有功能正常可用
未登录顶部显示品牌Logo + "点击登录"(橙色),快捷服务/订单/工具区正常展示图标但点击触发未登录拦截弹窗(详见 1.2)
未登录时页面布局不变(不隐藏任何区块),仅交互行为改变。专属顾问卡片始终展示(不拦截登录)。

1.1 交互规则

操作响应
点击头像/姓名区域已登录→跳转全部学员页;未登录→跳转登录页
点击多孩切换图标弹出多孩切换弹窗(复用首页逻辑)
点击活动与顾问/学习服务入口未登录→触发拦截弹窗(详见 1.2);已登录→跳转对应功能页(教学服务内嵌 H5 免登录)
点击订单入口未登录→触发拦截弹窗(详见 1.2);已登录→跳转对应订单列表
点击常用工具入口未登录→触发拦截弹窗(详见 1.2);已登录→跳转对应功能页
点击「去咨询」跳转企微添加专属顾问(不拦截登录)

1.1 异常与兜底

场景处理
学员信息接口失败使用本地缓存数据展示,不阻断页面加载
头像加载失败显示默认学员头像(性别区分或通用默认头像)
购物车数量接口失败不显示badge(静默降级)
全局网络异常展示全局网络异常页

1.1 配置项清单

配置项维度说明
活动与顾问卡片前端固定分享有礼(H5 写死链接、无后台配置)/ 专属顾问,固定 2 卡
我的订单入口前端固定购物车/待付款/待补缴/已完成/优惠券,固定5个
学习服务入口前端固定 + 后台配置课程表/调课/转班/诊断查询 前端固定(外部服务 H5 无感登录跳转);6 个教学服务按「业务系统+城市+分校」配置展示(配置页详见 三期/14-管理后台-教学服务配置)
常用工具入口前端固定拼团诊断/设置 固定;报读须知 仅深圳(见 1.4)
专属顾问城市+年级企微链接由后台配置(复用首页顾问规则)
i学习君考勤模板消息已独立成页(2026-08-18):推送规则、消息卡片与点击跳课表链路与本页无 UI 耦合,详见 三期/15-i学习君考勤消息-原型;落地页课程表入口仍为本页学习服务区「课程表」(跳转口径见下方)。

1.1 课程表 / 调课 / 转班 跳转口径(外部服务 H5 无感登录)

课程表、调课、转班为外部服务 H5,点击入口后做无感登录跳转(携带当前学员标识,无需用户再次登录)。以下为示例链接(memberId / studentId 为当前选中学员的动态参数,非固定值):

入口示例链接
课程表https://yy.zy.com/msp/course/courseScheduleList?memberId={memberId}&signSysId=1&studentId={studentId}
调课https://yy.zy.com/msp/transfer/course?memberId={memberId}
转班https://yy.zy.com/msp/transfer/class/list?memberId={memberId}
切换学员后按新学员的 memberId/studentId 重新拼接链接;跳转失败或外部服务异常时的兜底提示由外部服务侧承载。

1.2 未登录拦截弹窗
未登录弹窗

1.2 界面结构

  • 弹窗标题:"提示"
  • 提示文案:"未登录 请前往登录"
  • 底部按钮:「取消」(灰色)+ 「确定」(橙色)
  • 背景蒙层:半透明遮罩

1.2 触发条件

未登录状态下,点击以下入口时触发:

  • 快捷服务区任一入口(调课/转班/分享有礼)
  • 我的订单区任一入口(购物车/待付款/待补缴/已完成/优惠券)
  • 学习服务区任一入口(含 6 个教学服务)
  • 常用工具区任一入口(课程表/诊断查询/拼团诊断/报读须知/设置)
专属顾问「去咨询」不触发此弹窗(直接跳转企微)。

1.2 交互规则

操作响应
点击「确定」跳转登录页
点击「取消」关闭弹窗,保持当前页
点击蒙层关闭弹窗

1.2 配置项清单

— 前端固定实现,无后台配置。


1.3 骨架图(加载态)
我的-骨架图

1.3 界面结构

  • 顶部:头像圆形占位 + 姓名/城市年级矩形占位
  • 快捷服务区:3个圆形占位 + 文字占位条
  • 我的订单区:标题占位条 + 5个圆形占位 + 文字占位条
  • 常用工具区:标题占位条 + 5个圆形占位 + 文字占位条

1.3 触发场景

场景表现
首次进入我的页展示骨架图,数据返回后替换为实际内容
切换学员后顶部用户区展示骨架图过渡

1.3 配置项清单

— 前端固定实现,无后台配置。

1.4 分城市主态与未登录弹窗(网报3.0升级设计稿-20260804)
广州-我的-已登录
深圳-我的-已登录
我的-未登录(3.0新版)
未登录弹窗(3.0新版)

分城市主态

  • 最主要区别:深圳小程序常用工具区加上报读须知入口(广州无该入口),红框标记该入口
  • 广州·已登录 / 深圳·已登录:布局与 1.1 一致;教学服务入口按「业务系统+城市+分校」配置展示,未配置的分校不展示(配置页详见 三期/14-管理后台-教学服务配置)

未登录态(3.0 新版)

  • 顶部品牌 Logo + "点击登录"(橙色),布局不变仅交互改变
  • 点快捷服务/订单/工具任一入口 → 弹"未登录 请前往登录"(取消/确定),同 1.2 拦截弹窗
来源:网报3.0升级设计稿-20260804。业务规则(登录拦截/教学服务分城市/无学员兜底)以 1.1 / 1.2 既有规则为准,本组图为分城市与 3.0 视觉对照。

1.5 设置子页(网报3.0升级设计稿-20260804)
设置主页
设置-协议页
设置-收货地址入口

入口与结构

  • 入口:常用工具区「设置」图标(需登录)
  • 账户设置:账号与安全(有独立子页)/ 收货地址(跳转 10 §1.4 收货地址管理子页)
  • 协议与规则:用户协议 / 隐私协议 / 儿童隐私协议(富文本展示,排版同 02 §1.3 协议页)
  • 底部操作:切换学员 / 退出登录
来源:网报3.0升级设计稿-20260804 + 底料 07-mine。收货地址管理完整规则(列表/新增/编辑/滑动删除)详见 10-确认订单与支付 §1.4;设置页详细配置项以底料 07-mine 为准(待补全)。

二、全部学员页 已按期数拆分并入 一期/02-登录与学员管理 §四(M1 · 学员管理):全部学员页完整规则(当前学员金色卡片 / 切换学员 / 左滑解绑 / 添加学员上限 5 名)详见该页。

三、拼团诊断 原生 · 5 种订单状态

模块说明:入口为本页 1.1「常用工具区」的拼团诊断(前端固定 5 入口之一),点击进入拼团诊断订单列表页。拼团订单需先完成入学诊断,才可进行选班。来源:20260917网报三期功能梳理.xlsx 三期计划表「拼团诊断:拼团订单-班级查询 / 拼团订单-关联诊断结果 / 拼团订单-诊断后选班」(原生 P1)+ 网报3.0升级设计稿-20260804。

3.1 拼团诊断订单列表(网报-拼团诊断.png)
拼团诊断订单列表

页面结构

  • 顶部提示条(浅橙底):「拼团订单,需先入学诊断后,才可选择班级」,右侧 × 可关闭
  • 订单卡片字段:拼团人数徽章(如「2人团」)+ 课程名(如"26年小学暑假班")+ 校区/年级/科目(如"福田区-百花校区/二年级/多元思维")+ 订单编号
  • 按订单逐条展示,样式与订单列表卡片一致

状态说明(5 态 × 按钮矩阵)

订单状态操作按钮
待诊断「去诊断」→ 跳入学诊断流程
待选班「诊断结果」+「去选班」
已进班「诊断结果」+「选班详情」
已转班无按钮
已退班无按钮

诊断结果页

  • 「诊断结果」按钮跳诊断结果页:能力值(仪表盘大字)+ 学员/用时 + 综合点评 / 学习计划 / 试卷概况三段(页面样式同 二期/04-选课 诊断结果页,图「诊断结果.png」已在该页引用)

交互规则

  • 「去选班」→ 进入诊断后选班流程(3.2)
  • 「选班详情」→ 查看已选班级详情
3.2 诊断后选班流程(拼团诊断-选班详情/去选班/确认选班 4 图)
拼团诊断-去选班
1
拼团诊断-去选班(缺省图)
2
拼团诊断-选班详情
3
拼团诊断-确认选班
4

页面结构

  • 1-2去选班:诊断完成后的选班页(1=正常态,2=缺省图态)
  • 3选班详情:已选班级的详情查看
  • 4确认选班:选班确认交互
待评审补全:选班列表的字段规则、缺省图触发条件、确认选班后的提交接口与跳转,设计稿未附文字说明,评审时与业务/设计逐屏确认后补全。
四、修订记录(V2.3 / 2026-08-18)
修订项修订内容期数依据来源日期
教学服务 H5 地址交叉引用§1.1 note ③ 改指向 三期/14 §五 的 6 个教学服务 H5 地址模板与必需参数(还原自卓越家长端详细需求方案 0723 §4.1.1),替换原「链接及参数由业务侧提供」泛述三期卓越家长端需求方案 0723 原始口径 2026-08-182026-08-18
考勤消息口径迁出独立成页§1.1「i学习君考勤模板消息跳转课表口径」表整段迁出至新建独立页 15-i学习君考勤消息-原型(该推送链路与本页无 UI 耦合,仅点击消息卡片详情打开课程表),本页仅保留指引 note;口径内容不变(推送范围/触发时机/消息字段/模板 ID/pagepath 跳课表/不做按城市分校区分)三期用户裁定 2026-08-18 + 00 V1.132026-08-18
i学习君考勤模板消息跳课表口径§1.1 新增「i学习君考勤模板消息跳转课表口径」表:仅向关注 i学习君且登录过学员中心的用户下发,TMS 考勤表变更时触发,消息字段(学生姓名/课程名称/上课时间/上课校区/考勤状态四态),pagepath 带 memberid 打开网报小程序课程表页(含模板 ID),不做按城市分校区分(与既有 note ④ 一致);未绑定学员兜底表现标待确认三期企微文档《i学习君消息推送与引导关注》2026-08-18 提取 + 功能梳理表「I学习君推送考勤跳课表」P0 + 00 V1.122026-08-18
教学服务配置独立成页 + 入口口径补充① §1.6 教学服务配置(后台)整段删除,独立为三期新增页面 14-管理后台-教学服务配置-原型(迁移自卓越家长端需求方案 0723 V1.1),§1.1 模块概览/配置项清单/§1.4 的「见 1.6」引用同步改链;② 分享有礼改口径为 H5 写死链接、无后台配置(https://yy.zy.com/dymzjsbsabc/h5/active?ppid=685597&city=广州,与首页一致);③ §1.1 新增「课程表/调课/转班」跳转口径:外部服务 H5 无感登录,列三条示例链接(memberId/studentId 为当前选中学员动态参数)三期用户裁定 2026-08-072026-08-07
§1.1 布局升级与教学服务配置合并§1.1 整体布局配图换 3.0 版(广州-我的-已登录/我的-未登录),左图按模块划 6 红框、右栏改模块概览(有独立页面模块附跳转链接);配置项口径对齐教学服务配置(业务系统+城市+分校);新增 §1.6 教学服务配置(后台)规则摘要(合并自卓越家长端需求方案 0723-管理后台-教学服务配置 V1.1)三期用户裁定 2026-08-062026-08-06
口径校准与流程注清理§1.4 分城市主态改写(深圳常用工具加报读须知入口、红框改标该入口、广州对照框改常用工具区)+ §1.5 设置子页结构按截图补全(账号与安全有独立子页/协议与规则组/切换学员/退出登录)+ 流程注清理三期用户裁定 2026-08-062026-08-06
红框标注校准按 PIL 图像测量 + 读图目检校准 3 处部件级红框位置:修正弹窗/toast/列表区域框错位,叠加弹窗图(输错 1/2)改框整组弹窗区,同页面不同状态截图确认沿用同参数三期PIL 测量校准 2026-08-052026-08-05
§3.2 选班流程图序号标注3.2 诊断后选班流程 4 图由两行改单行横向滑动(不区分张数);图内新增序号徽标(1 去选班/2 缺省图/3 选班详情/4 确认选班),右栏说明条目同步加 step-tag 序号标记对应讲图三期用户裁定 2026-08-052026-08-05
图组布局规则统一依 00 V1.10 新布局规则:同层级多图(同图不同状态/图+弹窗/同流程步骤)一律横排,每张统一 280px 宽(uniform),容器横向滚动查看(细滚动条常显 + 右侧渐变提示防漏看);本页 5 个图组统一改造(其中 2 组竖排改横排),half/third 混宽与多图竖排旧规则废止三期用户裁定 2026-08-052026-08-05
新增拼团诊断模块新增 §三 拼团诊断(3.1 订单列表:顶部提示条「拼团订单,需先入学诊断后,才可选择班级」+ 5 态按钮矩阵;3.2 诊断后选班流程 4 图)。入库拼团诊断选班 4 图(去选班/缺省图/选班详情/确认选班);诊断结果页引 04 已引用图。原待确认清单 4(拼团诊断 3 图归属)已闭环;「空状态.png」经读图核实为确认服务页券弹窗空态,归属 10 页三期网报3.0升级设计稿-20260804 + excel三期计划表(拼团诊断原生P1)+ 用户裁定 2026-08-052026-08-05
网报3.0设计稿合入新增 1.4 分城市主态与未登录弹窗(广州/深圳已登录、我的-未登录、未登录弹窗 4 图,3.0 视觉对照)+ 1.5 设置子页(设置主页/协议页/收货地址入口 3 图,收货地址联动 10 §1.4);业务规则以 1.1/1.2 既有规则为准三期网报3.0升级设计稿-20260804 + 底料 07-mine2026-08-05
期数目录拆分「全部学员页」(原 §二)并入 一期/02-登录与学员管理(学员管理归属一期 M1),本页仅保留个人中心主页;本页归属三期(M3 · 我的,2026-08-27 技术可上线)不变;期数语义重定义为开发里程碑(M1/M2/M3),旧期数徽标语义作废三期20260917网报三期功能梳理.xlsx2026-08-04
个人中心布局调整调课/转班/课程表与教学服务合并为同一入口区,入口分组以三期设计稿为准三期改动汇总 §6.5/§6.62026-07-26
教学服务入口新增教学服务入口:按城市分校配置上架/下架;内嵌H5免登录打开(链接及参数由业务侧提供);子项含服务反馈/成长资料/阶段报告/课程回看/错题本/作文报告三期改动汇总 §6.6/§6.72026-07-26
i学习君消息明确 i学习君考勤等模板消息不做按城市分校区分打开小程序的逻辑三期改动汇总 §6.62026-07-26
无学员状态已登录未绑定学员时沿用H5逻辑,展示引导添加学员提示与入口(与02-登录与学员管理一致)一期改动汇总 §2 + 2026-07-26确认2026-07-26
矛盾检查修订全量矛盾检查修复:专属顾问配置维度「城市」修正为「城市+年级」(与后台 05 及 03 一致);登录拦截例外补充「除专属顾问卡片(含去咨询)外」;无学员引导入口改为仅作异常兜底(自动跳转未生效时的手动入口);学员达 5 个上限时添加入口由「隐藏」改为「置灰+Toast 学员数量已达上限」(与 02 口径一致)一期全量矛盾检查2026-07-30