我的简历

页面15-resume-list.html · 我的简历 · 底部 Tab「简历」· 验收见 ⑧ · 分工见 ⓪

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

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

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

接口本页唯一 · GET /resumes → 渲染 list_resume_items · 原型 HTML 写死两行 mock，上线接 API · 完整字段/何时调/失败见下方 ⑥

⓪ 本页做什么 · 分工速查

一句话：管理多份简历草稿与成品，新建或断点续编。

• 产品 / 老板：⑧；空态引导新建 · 1.0 无「版本对比」入口（F5 仅 P1 原型页）
• 测试：⑧ + 有数据/空态 Tab；点击进行中 vs 已导出行
• UI：列表卡片 + 顶栏「+ 新建」
• 前端 / 后端：列表数据 · GET /resumes → list_resume_items · 详 ⑥ · dev-notes · 我的简历
• 合规：数据保留 60 天无活跃策略（PRD §5.3）

① 顶栏 · 屏幕最上方一行

• 「我的简历」 · 页面标题 · 只展示 → page_title
• 「+ 新建」 · 顶栏右侧按钮 · 可点击 → btn_create_resume
  • 已登录 → 简历摸底 03-f2-exam.html
  • 未登录 → 01-landing-login.html

② 简历列表 · 默认有数据态（#list）

• 列表容器 → list_resume_items · 渲染 GET /resumes 响应数组 · 最近更新倒序 · 详 ⑥
• 「产品运营 · 秋招版」 · 第一行 · 进行中 · 可点击 → resume_row_draft
  • 标题 → resume_title_draft · 对应响应 title
  • 「进行中 · 已写初稿 · 更新于 今天」→ resume_meta_draft · status + progress_step + updated_at
  • 「已完成 42%」胶囊 → resume_progress_draft · progress_percent（可选）
  • 点击 → 断点续编 04-f4-draft.html（按 progress_step 亦可跳 F2/JD/F1）
• 「用户运营实习 · 腾讯 JD」 · 第二行 · 已导出 · 可点击 → resume_row_exported
  • 标题 → resume_title_exported · title
  • 「已导出 PDF · 05-18」→ resume_meta_exported · status=exported + updated_at
  • 点击 → 在线预览 33-resume-preview.html
• 长按重命名/删除：1.0 可后补；原型仅演示点击

③ 空列表态 · 全屏 Tab 可切换

• 「还没有简历」 · 空态主文案 → copy_empty_resume
• 「15 分钟完成摸底与初稿…」 · 空态副文案 → copy_empty_hint
• 「创建第一份简历」 · 橙色主按钮 · 可点击 → btn_empty_create（同顶栏「+ 新建」）
• 未登录访问 → state_unauth_block

④ 底部 Tab 栏 · 左→右

• 「首页」 → tab_home
• 「简历」 · 当前高亮 → tab_resume
• 「助手」 → tab_assistant
• 「我的」 → tab_me

⑥ 简历列表 · GET /resumes（本页唯一）

说明：左侧每一行简历卡片均来自本接口；原型 HTML 写死两行 mock，上线由响应渲染 list_resume_items。

• 何时调
  • 进页 onLoad / Tab 切到「简历」且列表未缓存
  • 从 F4/JD/导出返回：可选下拉刷新；新建/删除成功后 revalidate
  • 未登录不调接口 → 跳 01-landing-login.html 或展示 state_unauth_block
• 鉴权 · 需登录 · Header token / 小程序 session · 401 → 跳登录，成功后回跳本 Tab
• 响应 · items[]（或根数组）→ list_resume_items 逐行渲染
  • id（string）→ 行路由参数 · 续编/预览 URL
  • title（string）→ resume_title_* · 空则展示「未命名简历」
  • status（enum）→ resume_meta_* 文案：draft / in_progress / exported 等
  • updated_at（ISO）→ 「更新于 今天 / MM-DD」
  • progress_step（string，可选）→ 断点：f2 / f4 / jd / f1 / e2 / export
  • progress_percent（number，可选）→ resume_progress_draft 如「已完成 42%」
  • exported_at（可选）→ 已导出行「已导出 PDF · 日期」
• 响应示例（原型 mock 对齐 ② 两行）
  • { "items": [{ "id": "r1", "title": "产品运营 · 秋招版", "status": "in_progress", "progress_step": "f4", "progress_percent": 42, "updated_at": "…" }, { "id": "r2", "title": "用户运营实习 · 腾讯 JD", "status": "exported", "updated_at": "…" }] }
• 失败与边界
  • 加载中 → 骨架屏 state_list_loading
  • 网络/5xx → Toast + 重试 · 保留上次缓存（若有）
  • items 为空 → 切空态 state_empty_resume（见 ④）

⑦ 入口 · 出口

• 首页工具箱「我的简历」、底部 Tab「简历」、我的页菜单等
• 从简历 Tab 机模点「+ 新建」进摸底后，返回应回到本 Tab 列表（index 内验收）
• 出口：新建/空态 → F2；进行中行 → 断点页（默认 F4）；已导出行 → 33 预览

⑧ 怎么验收

1. 左右对照：默认态第一行「产品运营 · 秋招版」、第二行「用户运营实习 · 腾讯 JD」须与 ② 一致；列表下方无「版本对比」链接。
2. 接口专章：打开说明滚到 ⑥，可见 GET /resumes 何时调、字段→list_resume_items、失败空态。
3. 打开：Finder 双击 15-resume-list.html 或 index「简历」Tab 机模。
4. 新建：点「+ 新建」→ 摸底页。
5. 续编：点第一行 → 04-f4-draft.html；第二行 → 33-resume-preview.html。
6. 空态：顶栏 Tab 切「空态」→ 见「还没有简历」+ 创建按钮。
7. 跨页：首页工具箱「我的简历」副文案与列表份数一致（见 02-home）。

⑨ 团队补充

• 图标资产（第二批） · 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」
• 埋点 · resume_list_view · resume_create_click · resume_row_open（附 resume_id · status）
• 版本策略：F1 应用成功写入新版本；每份简历最多 15 条 → 开放项
• F5 版本对比 · P1 能力 · 1.0 无 C 端入口 · 原型页 35-resume-versions.html 仅研发验收 · 后台仍存版本历史（F1 apply）
• 原型限制：列表为静态 HTML mock，未真调 GET /resumes；长按删改为 P1 · 正式上线 → launch-static-to-api

字段/API 见 dev-notes · 我的简历；UX 见 mkq产品规则 · UX。