个人中心

页面元信息

• 终端：学生端
• Astro 路由：/student/profile
• 原始 HTML：s_profile.html
• 来源章节：4.4.10
• 维护规则：后续以本页面 PRD 为准；若改动影响通用规则，再同步总览 / 全局规则文档。

视觉描述

• 原型引用：产出文档/作业管理模块/原型图/s_profile.html。
• 页面为学生端底部导航我的Tab承接页，整体采用移动端纵向单列布局，自上而下固定包含状态栏、个人头卡、基础信息卡、绑定信息卡、操作列表、底部导航栏6个区域；页面不设置顶部标题栏和返回按钮，回到作业列表统一依赖底部作业Tab。参见 R96。
• 个人头卡使用品牌蓝底，左侧为圆形头像占位，右侧上下展示学生姓名和副文案；副文案用于拼接班级与学号，如六年级(2)班 · S20260301。头卡不展示学校全称、手机号、微信状态等冗余字段。
• 基础信息卡为白底圆角卡片，按行展示姓名、学校、班级、学号4个只读字段；左侧为灰色标签，右侧为深色字段值，不展示箭头，不支持点击进入详情页。
• 绑定信息卡为独立白底圆角卡片，按行展示手机号和微信绑定2项信息；手机号在主页摘要区以脱敏形式展示，如138****5678；微信绑定状态使用右侧状态标签展示，已绑定为绿色标签，未绑定为灰色标签。参见 R18、R97。
• 操作列表位于页面中下部，为三行独立可点击行：编辑个人信息、切换账号、退出登录；前两项为常规深色文字，退出登录使用危险态红色文案；每行右侧固定展示箭头图标。
• 页面内还包含 3 类浮层/子页面：
  • 退出登录确认弹窗：居中白底对话框，包含标题、说明文案、取消、退出登录两个按钮。
  • 切换账号底部Sheet：自底部上滑的抽屉层，包含标题、关闭按钮、当前账号项、其他家庭账号项、添加或注册新账号入口和底部取消按钮。
  • 编辑个人信息全屏页：从右向左滑入的全屏子页，顶部固定白色栏，左侧取消、中间标题编辑个人信息、右侧保存；内容区包含黄色说明文案、只读基础信息组和可编辑联系方式组。
• 编辑个人信息全屏页中的表单布局遵循原型：基础信息区 4 行只读输入框，可编辑区 2 行输入框，分别为家长手机号和联系地址；主页面不展示联系地址摘要，联系地址仅在编辑页内查看与回显。参见 R97。
• 底部导航栏固定保留两项：左侧作业、右侧我的；当前页我的为激活态，作业为未激活态。页面不保留历史原型中的首页Tab。参见 R72、R96。
• 页面需补齐 4 类界面状态：首屏资料骨架屏、个人资料加载失败态、切换账号Sheet无可切换账号空态、正常展示态。

功能描述

• 业务规则：R18、R19、R53、R72、R73、R96、R97、R98、R99。
• 页面入口与来源参数：
  • 正式入口：学生在 s_homework_list.html 点击底部导航我的进入本页，需透传 source_page=s_homework_list&homeworkTab={当前顶部页签}&subTab={当前纸质教辅子页签}&personalStatus={当前个性化筛选}。参见 4.4.3。
  • 原型兼容：当前原型使用 sourcePage=list 透传来源；正式实现统一使用 source_page=s_homework_list，前端需兼容读取 sourcePage=list 并归一化为 source_page=s_homework_list。
  • 兼容直达：若学生通过收藏、历史缓存或外部调试链接直接打开本页且缺少来源参数，本页仍允许正常展示；点击底部作业Tab时按默认路径返回 s_homework_list.html?homeworkTab=paper&subTab=library。参见 R96。
  • URL 参数归一化规则：
    • source_page 仅接受 s_homework_list，兼容值 list 统一映射为 s_homework_list；其他值按 s_homework_list 处理。
    • homeworkTab 仅接受 paper / personal，非法值默认回落为 paper。
    • subTab 仅接受 my，其他值默认回落为 library。
    • personalStatus 未传时默认按 all 保存返回上下文。
• 页面初始化与上下文维护：
  • 页面首次进入时，先请求当前登录学生的个人资料摘要接口，成功后渲染头卡、基础信息卡和绑定信息卡；资料未返回前展示骨架屏，不得沿用上一账号缓存直接渲染，避免串号。参见 R18、R98。
  • 页面需维护 s_profile_context，至少保存 source_page、homeworkTab、subTab、personalStatus、updated_at；作业列表的滚动位置和分页信息仍由 s_homework_list_context 维护，本页只负责把来源参数透传回列表页。参见 R73、R96。
  • 点击切换账号时，再请求家庭账号列表接口；列表返回前，Sheet正文展示局部 Loading，不阻塞主页面其他信息展示。

页面分区与控件交互

• 本页按个人头卡、基础信息卡、绑定信息卡、操作列表、退出登录确认弹窗、切换账号底部Sheet、编辑个人信息全屏页、底部导航栏8个交互分区展开说明。

个人头卡

基础信息卡

• 基础信息卡的 4 个字段均由学籍/教务系统下发，学生端不提供改名、改班、改学号入口；若数据错误，需通过说明文案引导联系教师或学校管理员修正。参见 R19、R97。

绑定信息卡

操作列表

退出登录确认弹窗

弹窗规格：退出登录确认弹窗

切换账号底部Sheet

• 若当前账号没有其他可切换的家庭账号，Sheet 仍需展示当前账号项和添加或注册新账号入口，同时在账号列表区域展示空态文案 暂无其他可切换账号。

弹层规格：切换账号底部Sheet

编辑个人信息全屏页

表单字段规格：编辑个人信息全屏页

• 数据保留与回退策略：
  • 全屏编辑页仅在当前打开会话内保留本地输入值；点击取消后直接丢弃本次未保存内容，不写入本地缓存。
  • 保存成功后，主页面仅刷新与摘要相关的字段：头像/姓名/学校/班级/学号保持不变，手机号摘要按最新保存值重新脱敏展示；联系地址继续只在编辑页中回显，不在主页面新增展示行。参见 R97。

底部导航栏

文案和按钮状态变化

• 头卡与基础信息卡中的姓名、学校、班级、学号始终为只读文案，不随编辑行为进入可改状态。
• 主页摘要区手机号固定使用脱敏文案；进入编辑页后同一手机号改为完整可编辑值；保存成功回到主页后再次恢复脱敏。
• 微信绑定状态仅有两种视觉：已绑定绿标签、未绑定灰标签；当前版本不出现去绑定、重新绑定、解绑按钮。
• 操作列表中退出登录固定使用危险态红色文案；编辑个人信息、切换账号为常规态深色文案。
• 切换账号Sheet 中，当前账号项右侧固定展示 当前账号 标签且不可点击；其他账号项默认无标签，点击后进入 切换中... 加载态；切换成功后不返回本页，直接进入新账号默认作业列表。参见 R98。
• 编辑个人信息全屏页顶部按钮状态固定为：左侧取消灰色弱化按钮，右侧保存蓝色主按钮；保存请求处理中，保存按钮切换为 保存中... 并禁用。
• 退出登录确认弹窗中，取消为灰色次按钮，退出登录为红色主按钮；请求处理中主按钮切换为 退出中... 并禁用。
• 页面本身无顶部返回文案、无右上角更多菜单、无分享按钮、无二维码展示，保持个人中心简洁单页结构。参见 R96。

页面跳转和返回逻辑

• 从 s_homework_list.html 点击底部我的进入本页后，作业列表页自身需保留离开前的 homeworkTab / subTab / personalStatus / scroll_top 上下文；本页返回列表时只透传必要页签参数，滚动恢复由 s_homework_list_context 承接。参见 R73、R96。
• 本页主页面无顶部返回箭头；用户返回作业列表的正式入口只有底部导航作业Tab。
• 点击编辑个人信息后进入全屏子页：
  • 点击取消返回个人中心主页面，不跳转到作业列表。
  • 点击保存成功后返回个人中心主页面，不跳转到作业列表。
• 点击切换账号后打开底部Sheet：
  • 点击遮罩、右上角关闭按钮或底部取消，都仅关闭 Sheet，停留当前页。
  • 点击当前账号行不发生跳转，也不关闭 Sheet。
  • 点击其他家庭账号行后，直接切换到目标账号默认作业列表 s_homework_list.html?homeworkTab=paper&subTab=library，不返回当前页，也不继承旧账号上下文。参见 R98。
  • 点击添加或注册新账号后跳转 s_login.html；新账号登录成功后按 R72 进入默认作业列表。
• 点击退出登录后打开确认弹窗：
  • 点击取消或遮罩，仅关闭弹窗。
  • 点击退出登录成功后跳转 s_login.html；重新登录后按 R72 进入默认作业列表。参见 R99。

批量操作范围

• 本页不支持批量编辑联系方式、不支持批量切换多个账号、不支持批量退出登录。
• 切换账号Sheet 一次只允许选中 1 个目标账号执行切换；其他账号不会被同时处理。
• 编辑个人信息一次提交只作用于当前登录学生账号的 家长手机号 与 联系地址，不会批量修改家庭内其他账号的联系方式。参见 R53、R97。

异常描述

数据需求

• 接口：
  • 学生个人资料摘要接口：
    • 根据当前登录学生身份返回头像、姓名、学校、班级、学号、脱敏手机号、完整家长手机号、联系地址、微信绑定状态。
  • 联系方式保存接口：
    • 保存当前学生账号的 parent_mobile、contact_address。
  • 家庭账号列表接口：
    • 返回当前账号、其他已绑定家庭账号及其基础摘要，用于渲染切换账号 Sheet。
  • 切换账号接口：
    • 根据目标账号 ID 返回新的登录态或切换结果；成功后前端需清理旧账号缓存并进入新账号默认作业列表。参见 R98。
  • 退出登录接口：
    • 服务端注销当前登录态；成功后前端清理本地 Token 与缓存并跳转登录页。参见 R99。
• 请求参数：
  • 页面初始化：source_page、homeworkTab、subTab、personalStatus
  • 个人资料摘要：无需显式传学生 ID，以当前登录态识别
  • 联系方式保存：parent_mobile、contact_address
  • 家庭账号列表：无需显式传当前学生 ID，以当前登录态识别
  • 切换账号：target_account_id、source_page=s_profile
  • 退出登录：source_page=s_profile
• 返回字段建议：
  • 个人资料摘要：
    • student_id
    • student_name
    • student_avatar
    • school_name
    • class_name
    • student_no
    • mobile_masked
    • parent_mobile
    • contact_address
    • wechat_bind_status
    • wechat_bind_text
  • 家庭账号列表：
    • current_account_id
    • accounts[].account_id
    • accounts[].student_name
    • accounts[].student_avatar
    • accounts[].school_name
    • accounts[].class_name
    • accounts[].is_current
    • accounts[].is_switchable
  • 切换账号结果：
    • target_account_id
    • target_student_id
    • token 或等价登录态凭证
    • switch_result
  • 退出登录结果：
    • logout_result
• 字段约束：
  • wechat_bind_status 至少支持 bound / unbound / unknown；前端分别映射为 已绑定 / 未绑定 / --。
  • mobile_masked 仅用于主页摘要展示；parent_mobile 仅用于编辑页回显和保存，不得直接在主页展示完整号码。参见 R18。
  • 家庭账号列表中的 is_current=true 项必须唯一且排在第一位；当前账号项不可点击切换。参见 R98。
  • 切换账号成功后，前端至少清理 token、s_homework_list_context、s_history_context、s_submit_context、s_ai_grading_context、s_homework_report_context、s_profile_context 以及当前账号下的本地草稿/上传恢复缓存，避免新旧账号数据串用。参见 R18、R98。
  • 退出登录成功后，清理范围与切换账号一致，但不生成新的账号上下文。参见 R99。
• 页面状态缓存：
  • s_profile_context 至少保存 source_page、homeworkTab、subTab、personalStatus、updated_at，用于底部作业Tab回跳时还原来源页签参数。
  • 编辑页不额外落本地草稿缓存；可编辑字段仅在当前全屏页打开期间保存在内存态，取消即丢弃。参见 R97。
• 埋点：
  • student_profile_view
    • 触发时机：个人中心主页面加载完成
    • 关键参数：source_page、homeworkTab、subTab、personalStatus
  • student_profile_edit_open
    • 触发时机：点击 编辑个人信息
    • 关键参数：source_page
  • student_profile_save_click
    • 触发时机：点击编辑页 保存
    • 关键参数：has_mobile、has_address、source_page
  • student_profile_save_result
    • 触发时机：联系方式保存成功或失败
    • 关键参数：result、error_code
  • student_profile_switch_sheet_open
    • 触发时机：点击 切换账号
    • 关键参数：source_page
  • student_profile_switch_account_click
    • 触发时机：点击某个可切换家庭账号
    • 关键参数：target_account_id、is_current=false
  • student_profile_switch_account_result
    • 触发时机：账号切换成功或失败
    • 关键参数：target_account_id、result、error_code
  • student_profile_add_account_click
    • 触发时机：点击 添加或注册新账号
    • 关键参数：source_page
  • student_profile_logout_dialog_open
    • 触发时机：点击 退出登录
    • 关键参数：source_page
  • student_profile_logout_confirm
    • 触发时机：点击弹窗 退出登录
    • 关键参数：source_page
  • student_profile_logout_result
    • 触发时机：退出登录成功或失败
    • 关键参数：result、error_code
  • student_profile_back_to_homework
    • 触发时机：点击底部 作业Tab离开个人中心
    • 关键参数：homeworkTab、subTab、personalStatus、hit_context_restore