成长陪伴

页面22-growth-diary.html · 成长陪伴 · 1.1 · 验收见 ⑧ · 分工见 ⓪

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

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

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

接口本页共 2 个 · POST /diaries · GET /diaries/weekly-summary · 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：求职情绪日记与 AI 自知报告，非心理咨询。

• 产品 / 老板：⑧；≥10% 周活 · 可链情绪倾听
• 测试：⑧ + 写日记/报告/空态三 Tab
• UI：大文本日记 + 贴底保存 · 报告卡
• 前端：日记 CRUD + 摘要 AI· 详 ⑥
• 合规：非心理咨询 · 留存策略见 ⑨（不上屏）

① 顶栏 · 屏幕最上方

• 返回箭头 → btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层
• 「成长陪伴」 · 顶栏标题 · 无 1.1 角标 → page_title
• 「记录情绪与成长 · 非心理咨询」 · 灰色小字

② 写日记态 · 主内容（#diary）

• 「今天求职进展如何？写下来，AI 帮你整理思路。」 · 引导 · 只展示
• 日记多行输入 · placeholder「如：今天投了 3 家，一家约了面试…」→ input_diary
  • 长度：1～2000 字 · maxlength="2000" · 右下角 「0 / 2000」 → label_diary_counter · 实时计数
  • 格式：纯文本 · 保存前 trim 首尾空白 · 不解析 HTML/富文本
  • 为空：点「保存日记」→ 输入框 is-invalid 红框 · 无 Toast · 不调 API
  • 非空提交后：Toast「日记已保存」→ 约 0.6s 后切 自知报告态（#report）· 清空输入框 · 计数归零 · 原型 mock
  • 可输入：真 textarea · 真机可唤起输入法（见 ⑧）
• 「你的日记仅用于整理思路，详见隐私政策」 · 灰色小字 · 「隐私政策」可点击 → link_diary_privacy · 跳 39-legal-doc.html?doc=privacy

③ 自知报告态 · 主内容（#report）

• 「本周自知报告 · AI 摘要」 · 卡片头
• 摘要正文 · 焦虑/投递词频 mock → display_weekly_report
• 「需要倾诉？24h 情绪对话」 · 链 → link_emotion_d · 29-emotion-d.html
• 「非心理咨询」 · AI 徽章 · 只展示

④ 空态 · 全屏（#empty）

• 「写下第一篇成长日记」 · 主文案 · 只展示
• 「坚持记录，AI 周报会更懂你」 · 灰色小字 · 只展示

⑤ 贴底主 CTA · 写日记态

• 「保存日记」 · 橙色主按钮 → btn_save_diary
  • 非空提交后：Toast「日记已保存」→ 约 0.6s 后切 自知报告态（#report）· 清空输入框 · 计数归零 · 原型 mock
  • 上线：POST /diaries 成功后再 GET /diaries/weekly-summary 刷新 display_weekly_report · 详 ⑥

⑥ 成长日记 · 本页共 2 个

说明：日记保存与周报摘要；原型 mock。上线渲染 input_diary · display_weekly_report。替换清单 → dev-notes · 静态 mock → API。

• ① POST /diaries · btn_save_diary · body { "content": "…" } · content 1～2000 字 · trim 后非空
• ② GET /diaries/weekly-summary · 进页/保存成功后 · → display_weekly_report
• 鉴权 · 需登录
• 失败与边界 · 空内容红框（无 Toast）· 超长由前端 maxlength 拦截 · 网络失败 Toast + 重试

⑦ 入口 · 出口

• 入口：助手 Tab · 能力中心 1.1
• 出口：29-emotion-d.html · 返回能力中心

⑧ 怎么验收

1. 左右对照：报告态摘要首句「你提到「焦虑」3 次…」须与 ③ mock 一致；写日记态输入框下有「你的日记仅用于整理思路，详见隐私政策」 · 无留存天数/§ 编号。
2. 接口专章：滚到 ⑥ · 可见 POST /diaries 与周报 GET。
3. 打开：双击 22-growth-diary.html · 三 Tab 可切换。
4. 日记输入：见 ② · 字数「0 / 2000」与输入同步 · 空保存红框 · 有内容保存 → Toast → 自知报告态。
5. 日记：见引导文案 + 输入框 + 隐私小字 +「保存日记」。
6. 合规：报告态「非心理咨询」标识可见 · 点「隐私政策」→ 39-legal-doc.html?doc=privacy。
7. 跨页：「需要倾诉」→ 29-emotion-d.html。

⑨ 团队补充

• 图标资产（第二批） · 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」
• 埋点 · diary_save · diary_report_view · diary_to_emotion
• 合规 · 数据留存（仅研发/隐私政策 · 禁止上屏）：日记保留 60 天 · 注销 30 天删除 · PRD §5.3 · 正式文案见设置页「隐私政策」
• 产品指标（仅 ⓪ · 不上屏）：≥10% 用户周活贡献日记
• 原型限制：_diary-prototype.js 保存 mock · 正式上线 接 API → launch-static-to-api · 字段真源 dev-notes · 成长陪伴