诊断报告卡

页面12-share-card.html · 诊断报告卡 · 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口。

展示顺序（按角色 · 章节号固定）

• 产品 / 老板：⓪ → ①～⑤ → ⑧
• 测试：⑧ → ①～⑤ → ⑦
• 研发：接口速查 → ①～⑤ → ⑥ → ⑦
• UI：①～⑤（图标路径在控件下）
• 数据 / 增长：⑨ → ⑥
• 多态页：③ 内分态 · ⑥⑦⑧⑨ 号不变

接口本页共 2 个 · GET /share-card · POST /share-card/render · 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：F2 待改指数可视化分享卡，隐私打码完成后才可分享至微信。

• 产品 / 老板：⑧；打码拦截策略 · 增长支路入口
• 测试：⑧ + 三态 Tab · 未勾选邮箱点生成 → 红框 + Toast 引导
• UI：指数大卡 + 打码勾选 + 贴底分享 CTA
• 前端：分享图生成 · 微信 SDK· 详 ⑥
• 合规：姓名/手机/邮箱默认打码 · 含 AI 生成标识

① 顶栏 · 屏幕最上方（#edit / #preview / #blocked 共用）

• 返回箭头 → btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层
• 「诊断报告卡」 · 标题 · 只展示 → page_title（禁止内部编号上屏 · 代号见 ⑨）

② 打码编辑态 · 主内容（#edit）

• 「分享前请确认隐私打码…」 · 引导说明 · 只展示
• 「62」 · 待改指数大字 · 只展示 → display_score
• 「待改指数 62 · 优先改 4 处」 · 副标题 · 只展示
• 待改要点列表（实习量化/技能/STAR）· 只展示 · mock 来自 F2 结果
• 「AI 生成」 · 卡片底部标识 · 只展示
• 打码勾选：姓名/手机/邮箱 → chk_mask_name · chk_mask_phone · chk_mask_email · 邮箱行容器 row_mask_email

③ 可分享态 · 主内容（#preview）

• 分享预览卡 · 「62」「可分享预览」· 只展示
• 「发给好友」 · 次按钮 · 可点击 → btn_share_friend · 分享 Toast 见 **⑨**
• 「朋友圈」 · 橙色主按钮 · 可点击 → btn_share_moments · 分享 Toast 见 **⑨**

④ 未打码拦截态 · 全屏（#blocked）

• 「请先完成隐私打码」 · 主文案 → state_share_blocked
• 「未打码敏感信息不可分享」 · 副文案 · 只展示
• 顶栏 Tab「未打码拦截」= 产品演示 / 接口 blocked=true 进页态 · 不是 编辑态点「生成分享图」的跳转（该路径见 ⑤ 红框 + Toast）

⑤ 贴底主 CTA · 打码编辑态

• 「生成分享图」 · 橙色主按钮 · 始终可点 → btn_generate_share
  • 邮箱未勾选时点击：row_mask_email 红框（is-invalid）+ Toast「请先勾选邮箱打码后再生成」· 停留编辑态 · 不跳拦截全屏 · 双端同句见 **⑨**
  • 三项打码满足后点击：成功 Toast「分享图已生成」→ 切可分享态 · 见 **⑨**

⑥ 诊断分享卡 · 本页共 2 个

说明：分数与阻断态来自 F2 结果；原型 HTML 写死 mock。上线由下列接口渲染 display_score · state_share_blocked。替换清单 → dev-notes · 静态 mock → API。

• ① GET /share-card · 进页读卡数据
  • 何时调 · 进页 · 依赖 F2 已完成或带 resume_id
  • 鉴权 · 需登录
  • 响应→控件 · score → display_score · blocked → state_share_blocked · mask_options[] → 勾选区
• ② POST /share-card/render · 生成分享图
  • 何时调 · 点 btn_generate_share · 含脱敏选项
  • 请求 · mask_phone · mask_email 等
  • 响应 · image_url 或小程序分享参数 · 调起分享 · Toast 分端见 **⑨**
• 失败与边界 · 未完成 F2 → 阻断态 · 生成失败 Toast

⑦ 入口 · 出口

• 入口：助手 Tab · 能力中心 · 导出成功页
• 出口：微信分享 · 返回导出/主路径

⑧ 怎么验收

1. 左右对照：打码编辑态「62」、三条待改要点、三条打码勾选文案须与 ② 一致。
2. 接口专章：滚到 ⑥ · 可见 GET /share-card 与 POST /share-card/render 字段映射。
3. 打开：双击 12-share-card.html · 顶栏三态 Tab 可切换。
4. 打码：不勾选邮箱点「生成分享图」→ 邮箱行红框 + Toast 引导；勾选后点 → 成功 Toast → 切可分享态。
5. 可分享：切「可分享」· 见「发给好友」「朋友圈」。
6. 拦截：切「未打码拦截」· 见盾牌与拦截文案。
7. 可分享态点「发给好友/朋友圈」：H5 原型 Toast 为 mock；滚到 **⑨** 可见小程序禁止复用 H5 mock 句。

⑨ 团队补充

• 图标资产（第二批） · app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表
• 图标资产（第三批） · app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10
• 图标资产（第四批） · app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10
• 分期与排期 · 产品/研发见 launch-static-to-api · 开发说明 ②～⑦ 不写「阶段 N」
• 分享 Toast · 双端契约（btn_generate_share · btn_share_friend · btn_share_moments）
  • 邮箱未勾选 · 点生成 · 双端同句：**「请先勾选邮箱打码后再生成」** · 配合 row_mask_email 红框 · 不 Toast 羞辱 · 不切 state_share_blocked
  • 生成成功 · 双端可同句：**「分享图已生成」** · 原型 _share-prototype.js
  • H5 / Web · 点分享 · 原型 mock Toast：**「已调起微信分享（原型 mock）」** / **「已调起朋友圈分享（原型 mock）」** · 上线：微信 JSSDK 或链接复制 · 可保留「已调起…」类文案
  • 微信小程序 · 点分享 · onShareAppMessage / onShareTimeline · 调起系统分享面板 · 禁止 Toast「已调起微信分享（原型 mock）」等假成功句 · 失败 → Toast「分享失败，请重试」
  • 小程序 · 禁止：从 H5 原型复制 mock 整句 · 未真正调起分享却 Toast 成功
  • 研发分工：Taro 分支读本表 · 详 App-weapp-notes · 分享诊断卡行
• 埋点 · share_card_view · share_generate · share_wechat
• 内部代号 · PRD/文件名 **G1** · 机模标题仅「诊断报告卡」· 禁止 G1 上屏
• 原型限制：静态 mock 指数 · 分享 Toast 仅 H5 mock · _share-prototype.js · 正式上线 → launch-static-to-api