投递追踪

页面13-f6-apply.html · 投递追踪 · F6 · 验收见 ⑧ · 分工见 ⓪

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

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

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

接口本页共 2 个 · GET /applications · POST /applications（含改删）· 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：手动记录投递公司与状态，点列表可改；标记「受挫」可解锁 E5 急救包。

• 产品 / 老板：⑧；F6→E5 联动 · 1.1 受挫解锁
• 测试：⑧ + 有记录/空态/新增三态 · 机内「+ 新增」可点
• UI：列表行可点 · 表单编辑 · 状态胶囊
• 前端：投递 CRUD· 原型 _f6-prototype.js · 详 ⑥
• 合规：用户自填公司名 · 不上传 Offer 截图（1.0）

① 顶栏 · 屏幕最上方

• 返回箭头 → btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层
• 「投递追踪」 → page_title
• 「+ 新增」 · 右侧文字按钮 · 可点击 → btn_add_apply · 打开新增表单（表单态隐藏）

② 投递列表 · 有记录态（#list）

• 列表容器 → list_apply_items · 脚本渲染 · 默认两行 mock
• 列表行 · 可点击 → row_apply_item · 进入编辑表单
• 「某科技公司 · 产品运营」 · 第一行 · 「已投递」黄胶囊 · 投递于 05-20
• 「某互联网公司 · 用户增长」 · 第二行 · 「已拒」红胶囊 · 投递于 05-18
• 「标记「受挫」可解锁挫败急救包」 · 提示卡 → copy_f6_frustrated_hint
• 「查看挫败急救包 →」 · 有「受挫」记录时显示 → link_e5_rescue · 链 30-e5-rescue.html?application_id={id} · id 来自该条 F6 记录

③ 空列表态 · 全屏（#empty）

• 「还没有投递记录」 → state_empty_apply
• 「在外部平台投递后，来这里记录公司与状态」 · 灰色说明
• 「记录第一次投递」 · 橙色主按钮 → btn_empty_add_apply

④ 新增/编辑表单 · 主内容（#add）

• 表单容器 → form_apply_add
• 「新增投递记录」 / 「编辑投递记录」 → copy_apply_form_title
• 公司 → input_apply_company
  • 长度：1～100 字 · maxlength="100"
  • 格式：纯文本 · trim · 不含换行
  • 为空：留空点「保存」→ 红框 · 无 Toast
• 岗位 → input_apply_role
  • 长度：1～100 字 · maxlength="100"
  • 格式：纯文本 · trim
  • 为空：留空点「保存」→ 红框 · 无 Toast
• 投递日期 → input_apply_date
  • 长度：5 字 · maxlength="5" · 占位「如 05-20」
  • 格式：MM-DD · 数字与短横线 · 新增默认今日
  • 为空：留空点「保存」→ 红框 · 无 Toast
• 状态下拉 · 已投递/已读/拒信/受挫 → select_apply_status · 拒信展示为「已拒」胶囊
• 「保存」 · 橙色主按钮 → btn_save_apply · 空公司/岗位/日期 → 红框 · 无 Toast 骂人
• 「取消」 · 次按钮 → btn_cancel_apply · 回列表/空态
• 「删除这条记录」 · 编辑态显示 → btn_delete_apply · 二次确认
• 脚本 · _f6-prototype.js · sessionStorage mock · 正式上线 换 API

⑤ 本页无贴底 Tab

沉浸页 · 表单内嵌保存/取消。

⑥ 投递记录 · 本页共 2 个

说明：列表与表单均来自投递 API；原型由 _f6-prototype.js + sessionStorage mock。上线渲染 list_apply_items。替换清单 → dev-notes · 静态 mock → API。

• ① GET /applications · 列表
  • 何时调 · 进页 · 保存/删除后 revalidate
  • 鉴权 · 需登录
  • 响应→控件 · items[] → list_apply_items · 字段 company · role · date · status（已投递/已读/拒信/受挫）
  • 响应示例（与 ② mock 对齐）· { "items": [{ "id": "f6-1", "company": "某科技公司", "role": "产品运营", "date": "05-20", "status": "已投递" }, { "id": "f6-2", "company": "某互联网公司", "role": "用户增长", "date": "05-18", "status": "拒信" }] }
• ② POST /applications · 新增 · PATCH /applications/{id} · 编辑 · DELETE /applications/{id} · 删除
  • 何时调 · btn_save_apply / btn_delete_apply
  • 请求体 · company · role · date · status
  • 受挫 · status=受挫 触发 unlock · 展示 link_e5_rescue · href 带 application_id → E5 读同条上下文
• 失败与边界 · 空字段红框 · 删除 confirm · 网络 Toast

⑦ 入口 · 出口

• 入口：我的 · 助手 Tab · 能力中心
• 出口：标记受挫 → link_e5_rescue · 30-e5-rescue.html?application_id= · 返回助手 Tab

⑧ 怎么验收

1. 无 1.1 角标：机模区不得出现 badge-v11 或可见「1.1」版本角标 · 能力分期见 ⑨ / feature flag。
2. 左右对照：默认两行公司/岗位/状态/日期须与 ② mock 一致。
3. 接口专章：滚到 ⑥ · 可见 GET /applications · CRUD 字段→list_apply_items。
4. 打开：双击 13-f6-apply.html 或 index 机模进入。
5. + 新增：点顶栏「+ 新增」→ 出现表单 · 填公司/岗位/日期/状态 · 保存 → 回列表且多一行。
6. 编辑：点任意列表行 → 表单预填 · 改状态为「受挫」保存 → Toast「已解锁挫败急救包」· 出现 E5 链接。
7. 空校验：公司或岗位留空点保存 → 对应输入框红框。
8. 输入获焦（真机或 DevTools 手机模式）：点「公司」→ 出现光标与系统输入法 · 实线金边（非虚线 hover 框）· 共用 _proto-form-input.js
9. 跨页：F6 编辑为「受挫」→ E5 上下文公司/岗位与 F6 一致 · E5 无 JD 通用清单 · debrief 后再专属清单（见 30-e5-rescue ⑥ 分档）。

⑨ 团队补充

• 图标资产（第二批） · 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」
• 埋点 · f6_list_view · f6_add_save · f6_edit_save · f6_status_frustrated
• 原型限制：sessionStorage mock · E5 读 F6 带参上下文 · 正式上线 → launch-static-to-api