HR 第一视角

页面07-e2-hr-preview.html · HR 第一视角预览（主路径第 5 步 / 共 7 步）· 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口；多态页打开说明时只展示当前态 + ⓪①⑧⑨。

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

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

接口本页唯一 · GET /ai/e2/preview → preview_resume · 完整见下方 ⑥

⓪ 本页做什么 · 分工速查

一句话：模拟 HR 6 秒扫读，高亮简历第一眼（姓名/岗位）与第二眼（最近实习），帮助用户优化「被看见」的信息。

• 产品 / 老板：⑧；可跳过（PRD §9 Q4）；默认 0 能量点
• 测试：播放扫读 · 跳过埋点 · 去导出 / 直接导出两条路径 · 从 F1 进入先 loading
• UI：白底简历卡 + 金/蓝高亮动画 + 贴底双按钮（导出 / 完整预览）
• 前端 / 后端：GET /ai/e2/preview · dev-notes · E2
• 合规：须写「非真实 HR 决策」→ copy_not_real_hr · copy_e2_disclaimer

① 顶栏

• 「←」返回箭头 · 顶栏左侧 · 可点击 → btn_nav_back
  • fallback 06-f1-align.html
• 「HR 第一视角」 · 顶栏标题 → page_title
• 「步骤 5/7 · 0 能量点」 · 小字随态 → label_e2_step（加载「生成预览中…」）
• 「AI」 · 顶栏右侧合规标签 · 只展示 → copy_ai_disclaimer

⑥ HR 预览 · GET /ai/e2/preview（本页唯一 · 0 能量点）

说明：白底简历排版与金/蓝高亮为 HTML/CSS mock（张小雨演示简历）；上线由本接口渲染 preview_resume 与高亮层。替换清单 → dev-notes · 静态 mock → API。

• 何时调
  • 从 F1 进入（?from=f1）· 带 resume_id + version_id（apply 后新版本）
  • 同版本已拉取：会话内不重复请求；版本变更再拉
  • btn_play_scan 仅前端动效，不调接口
• 鉴权 · 需登录 · 401 → 跳登录
• 响应 → 控件
  • resume.name → 「张小雨」
  • resume.target · resume.city · 打码 phone/email → 分行渲染（与 33 齐套）
  • highlight_blocks[] → 金/蓝高亮 · data-glance · block_id · glance_order（1=第一眼 0.8s · 2=第二眼 2.1s）
• 响应示例：{ "resume": { "name": "张小雨", "target": "产品运营 · 应届生", "city": "上海", "phone": "138****5678", "email": "z***@163.com" }, "highlight_blocks": [{ "block_id": "name", "glance_order": 1, "label": "0.8s" }, { "block_id": "intern_0", "glance_order": 2, "label": "2.1s" }] }
• 失败与边界：无初稿/版本不存在 → 引导回 F4/F1；网络/5xx → state_ai_error 或 Toast + 重试

⑦ 入口 · 出口

• 入口：F1 apply 成功 · ?from=f1（先 loading 再预览）
• 出口：btn_go_export / 跳过态 → 08-export-pdf.html · btn_preview_full → 33-resume-preview.html；← fallback 06-f1-align.html

⑧ 怎么验收

1. 左右对照：预览态白底简历姓名「张小雨」、求职目标与联系方式分行展示、金/蓝两处高亮与 0.8s/2.1s 标注须与 ② 及 ⑥ 一致。
2. 接口专章：打开说明滚到 ⑥，可见 GET /ai/e2/preview 何时调、preview_resume/高亮字段、失败边界。
3. Finder 双击 07-e2-hr-preview.html，或 F1「全部应用」进入（先 loading 再预览）。
4. 点「播放扫读」→ 高亮按第一眼→第二眼顺序闪动。
5. 点「导出 PDF」→ 08 导出页；点「预览完整简历」→ 33 页（须含教育/实习/项目/技能）。
6. ← 回 F1 对齐页。

⑨ 团队补充

• 图标资产（第二批） · 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」
• 埋点 · e2_view（点「导出 PDF」）· e2_skip（停留 <3s 导出或跳过态）
• 合规：copy_not_real_hr · copy_e2_disclaimer · 可跳过（PRD §9 Q4）
• 原型限制：HTML mock + CSS 动画 · 替换 _e2-prototype.js · 跨页须与 33/PDF 齐套 → mock-resume-demo · 正式上线 → launch-static-to-api

字段/API 见 dev-notes · E2。