网报小程序 — 我的（个人中心）

一、个人中心主页面 5个区块

模块说明：个人中心是用户管理账户、订单、工具的入口汇聚页。顶部展示当前学员信息，中部按功能分组（快捷服务/我的订单/常用工具），底部展示专属顾问卡片。所有功能入口均需已登录才可操作。

入口：底部Tab栏「我的」 | 页面组成：个人中心主页 → 全部学员页

1.1 界面结构（从上到下）

顶部用户区：学员头像 + 姓名 + "城市 | 年级" + 右上角二维码图标 + 头像左下角多孩切换图标
快捷服务区：3个入口图标（调课、转班、分享有礼）
我的订单区：标题"我的订单" + 5个入口图标（购物车、待付款、待补缴、已完成、优惠券）
常用工具区：标题"常用工具" + 5个入口图标（课程表、诊断查询、拼团诊断、报读须知、设置）
专属顾问卡片：顾问形象图 + "专属顾问"badge + 描述文案 + 「去咨询」按钮
底部Tab栏：首页 / 选课 / 我的（选中态）

2026-07-26 修订：个人中心布局调整三期
① 快捷服务区的调课、转班与常用工具区的课程表，将与教学服务合并为同一入口区（入口分组以三期设计稿为准）；
② 新增教学服务入口：按「城市分校」维度后台配置上架/下架，未上架的城市分校不展示该入口；
③ 教学服务以内嵌 H5 免登录方式打开（链接及参数由业务侧提供，含 memberId 等学员标识），子项含：服务反馈、成长资料、阶段报告、课程回看、错题本、作文报告；
④ i学习君考勤等模板消息不做按城市分校区分打开小程序的逻辑。

2026-07-26 确认：无学员状态一期：已登录但未绑定学员时，沿用 H5 逻辑，顶部用户区展示引导添加学员的提示文案与「添加学员」入口，点击进入绑定学员流程（规则与 02-登录与学员绑定 一致）。

1.1 数据规则

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

1.1 状态说明

状态	表现
已登录	顶部显示学员头像+姓名+"城市 \| 年级"，所有功能正常可用
未登录	顶部显示品牌Logo + "点击登录"(橙色)，快捷服务/订单/工具区正常展示图标但点击触发登录弹窗

未登录时页面布局不变（不隐藏任何区块），仅交互行为改变。专属顾问卡片始终展示（不拦截登录）。

1.1 交互规则

操作	响应
点击头像/姓名区域	已登录→跳转全部学员页；未登录→跳转登录页
点击多孩切换图标	弹出多孩切换弹窗（复用首页逻辑）
点击右上角二维码图标	打开扫码页面（用于扫顾问码支付等场景）
点击快捷服务入口	未登录→弹窗提示"未登录请前往登录"(取消/确定)；已登录→跳转对应功能页
点击订单入口	未登录→登录提示弹窗；已登录→跳转对应订单列表
点击常用工具入口	未登录→登录提示弹窗；已登录→跳转对应功能页
点击「去咨询」	跳转企微添加专属顾问（不拦截登录）

1.1 异常与兜底

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

1.1 配置项清单

配置项	维度	说明
快捷服务入口	前端固定	调课/转班/分享有礼，固定3个
我的订单入口	前端固定	购物车/待付款/待补缴/已完成/优惠券，固定5个
常用工具入口	前端固定	课程表/诊断查询/拼团诊断/报读须知/设置，固定5个
专属顾问	城市	企微链接由后台配置（复用首页顾问规则）
教学服务入口三期	城市分校	后台按城市分校配置上架/下架；内嵌H5链接及参数由业务侧提供

1.2 界面结构

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

1.2 触发条件

未登录状态下，点击以下入口时触发：

快捷服务区任一入口（调课/转班/分享有礼）
我的订单区任一入口（购物车/待付款/待补缴/已完成/优惠券）
常用工具区任一入口（课程表/诊断查询/拼团诊断/报读须知/设置）

专属顾问「去咨询」不触发此弹窗（直接跳转企微）。

1.2 交互规则

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

1.2 配置项清单

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

1.3 界面结构

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

1.3 触发场景

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

1.3 配置项清单

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

二、全部学员页学员管理

模块说明：全部学员页展示当前家长绑定的所有学员，支持切换当前学员、解绑学员、添加新学员。当前学员以金色卡片突出展示，其他学员以列表形式排列。

入口：个人中心顶部用户区点击 | 展示形式：全屏新页面（带返回箭头）

2.1 界面结构

导航栏：左侧返回箭头 + 标题"全部学员"
当前学员卡片（金色背景）：头像 + 姓名 + "城市 | 年级" + 右上角设置⚙图标 + 底部学员编号"NO: XXXX" + 复制按钮
"其他学员"标题
其他学员列表：每行 — 头像 + 姓名 + "城市 | 年级" + 「点击切换」按钮（橙色边框）
底部：「+ 添加学员」按钮 + "温馨提示：最多关联5名学员"

2.1 数据规则

维度	说明
来源	后台接口（会员库），返回当前家长绑定的所有学员列表
字段	学员ID、姓名、头像(URL)、城市、年级、学员编号
数量限制	最多关联 5 名学员
排序	当前选中学员置顶（金色卡片），其余按绑定时间排序
刷新时机	进入页面时拉取最新数据

2.1 状态说明

场景	表现
仅1名学员	只展示当前学员卡片，无"其他学员"区块，底部仍有"+ 添加学员"
已达5名上限	隐藏「+ 添加学员」按钮
无学员（新注册）	不应进入此页面（登录后强制进入绑定学员流程）

2.1 交互规则

操作	响应
点击设置⚙图标	跳转当前学员信息编辑页（修改头像/姓名/年级等）
点击「复制」	复制学员编号到剪贴板，Toast提示"已复制"
点击「点击切换」	切换当前学员为该学员，刷新页面（该学员变为金色卡片），同时首页/选课页数据联动刷新
左滑其他学员行	露出红色删除按钮（垃圾桶图标）
点击删除按钮	弹窗确认"确认解除关联？解绑后，可使用该学员已绑定的手机号和姓名重新绑定"（取消/确定）
确认解绑	调用解绑接口，成功后从列表移除该学员
点击「+ 添加学员」	跳转添加学员页（复用绑定学员流程）
点击返回	返回个人中心页

当前学员（金色卡片）不可左滑删除，只能通过切换为其他学员后再解绑。

2.1 异常与兜底

场景	处理
学员列表接口失败	展示全局网络异常页（含重试按钮）
解绑接口失败	Toast"操作失败，请重试"
切换学员接口失败	Toast"切换失败，请重试"，保持当前状态
头像加载失败	显示性别对应的默认头像（男生/女生各一套默认头像）

2.1 配置项清单

配置项	说明
最大学员数	前端硬编码 5（上限变更需前端发版）
默认头像	前端内置男生/女生默认头像资源

三、修订记录（V1.1 / 2026-07-26）

修订项	修订内容	期数	依据来源	日期
个人中心布局调整	调课/转班/课程表与教学服务合并为同一入口区，入口分组以三期设计稿为准	三期	改动汇总 §6.5/§6.6	2026-07-26
教学服务入口	新增教学服务入口：按城市分校配置上架/下架；内嵌H5免登录打开（链接及参数由业务侧提供）；子项含服务反馈/成长资料/阶段报告/课程回看/错题本/作文报告	三期	改动汇总 §6.6/§6.7	2026-07-26
i学习君消息	明确 i学习君考勤等模板消息不做按城市分校区分打开小程序的逻辑	三期	改动汇总 §6.6	2026-07-26
无学员状态	已登录未绑定学员时沿用H5逻辑，展示引导添加学员提示与入口（与02-登录与学员绑定一致）	一期	改动汇总 §2 + 2026-07-26确认	2026-07-26

期数徽标说明：一期 2026年9月版本实现；二期后续版本；三期规划中。仅本次修订涉及的内容打标，存量未变更内容不打标。

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