docs(changelog): 补充 2-27 的详细更新记录

- 替换所有"完成任务"和"无详细描述"为实际提交内容
- 新增 RichTextRenderer 富文本渲染组件
- 文章模块功能开发（详情页、收藏、网格布局）
- 收藏功能改为 API 驱动模式
- 首页热门资料改为热门文章
- API 生成器路径修复
- 计划书字段调整和重构

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

@@ -34,210 +34,284 @@
 **相关提交**:
 **相关提交**:
 - `cd09fc9` - docs(components): 更新组件文档和 CHANGELOG
 - `cd09fc9` - docs(components): 更新组件文档和 CHANGELOG
 
 
+### 00:39:10 - docs(changelog): 更新根目录 CHANGELOG 记录今日任务
+
+**影响文件**:
+- `CHANGELOG.md` - 添加 2026-02-28 计划书表单调整记录
+
+**变更摘要**:
+- 添加 2026-02-28 计划书表单调整记录
+- 添加组件文档更新记录
+
+**相关提交**:
+- `247c63d` - docs(changelog): 更新根目录 CHANGELOG 记录今日任务
+
+### 00:40:50 - docs(changelog): 移除错误添加的项目功能变更记录
+
+**影响文件**:
+- `docs/CHANGELOG.md` - 删除错误的项目功能变更记录
+
+**变更摘要**:
+- docs/CHANGELOG.md 应只记录文档相关的变更，不应记录项目功能变更
+- 项目功能变更应记录在根目录的 CHANGELOG.md 中
+
+**相关提交**:
+- `ac207cf` - docs(changelog): 移除错误添加的项目功能变更记录
+
 ---
 ---
 
 
-## 2026-02-25
+## 2026-02-27
 
 
-### 21:00:00 - feat(plan): 新增多阶段提取方案功能
+### 09:56-10:00 - docs(utils): 更新工具函数库文档
 
 
 **影响文件**:
 **影响文件**:
-- `src/config/plan-templates.js` - 新增多阶段产品配置和 `savings-gs-multistage` 产品
-- `src/components/plan/PlanTemplates/SavingsTemplate.vue` - 实现多阶段提取渲染和交互逻辑
-- `src/api/mock/mock/hotProducts.js` - 添加多阶段产品 mock 数据
+- `src/utils/README.md`
 
 
 **变更摘要**:
 **变更摘要**:
-- 新增产品：宏挚传承保障计划(多阶段) (`savings-gs-multistage`)
-- 多阶段功能：
-  - 年龄 < 12岁：固定显示 3 个阶段
-  - 年龄 ≥ 12岁：初始 1 个阶段，可添加至 4 个
-  - 提取期新增"一笔过"选项
-  - 递增百分比改为可选字段（不填传 null）
-- 提交数据格式：`withdrawal_stages` 数组
-- 样式优化：阶段卡片白色背景
+- 添加工具函数库文档说明
 
 
-**相关文档**:
-- `docs/tasks/2026-02-25/archive/多阶段提取方案设计.md`
-- `docs/tasks/2026-02-25/archive/客户新需求-2026-02-25.md`
+---
 
 
-## 2026-02-24
+### 12:57-13:03 - fix(api): 修复 API 生成器路径配置错误
 
 
-### 23:59:18 - 完成任务
+**影响文件**:
+- `scripts/api-generator/generateApiFromOpenAPI.js`
+- `docs/api-specs/article/article_detail.md`
+- `docs/api-specs/article/favorite.md`
+- `docs/api-specs/article/list.md`
+- `docs/api-specs/article/week_hot.md`
+- `src/api/article.js`
+
+**变更摘要**:
+- 修复 openAPIDir 路径：../docs/api-specs → ../../docs/api-specs
+- 修复 outputDir 路径：../src/api → ../../src/api
+- 新增 article 模块 API（文章详情、收藏、列表、热门）
+
+---
+
+### 13:03-22:49 - feat(rich-text): 新增 RichTextRenderer 富文本渲染组件
 
 
 **影响文件**:
 **影响文件**:
-- `.husky/README.md`
-- `.husky/post-commit`
-- `docs/CHANGELOG.md`
-- `scripts/changelog/README.md`
-- `scripts/changelog/update-changelog.sh`
+- `package.json` - 新增 mp-html 和 @tarojs/extend 依赖
+- `src/components/RichTextRenderer.vue` - 新增富文本渲染组件
+- `src/pages/rich-text-test/` - 新增测试页面
+- `src/pages/rich-text-test/README.md` - 测试页面说明文档
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
-## 2026-02-25
+- HTML 实体自动解码（&nbsp;, &amp;, &lt;, &gt;, &quot;, &apos;）
+- <a> 标签自动替换为 <div data-href="">
+- 图片长按预览功能
+- PDF 文件链接点击处理
+- transformElement 图片自动处理（默认启用）
+- 支持图片 mode="widthFix" 和 style="width: 100%"
+
+---
 
 
-### 20:09:02 - 完成任务
+### 22:48-22:49 - test(rich-text): 完善 v-html 测试页面功能
 
 
 **影响文件**:
 **影响文件**:
-- `src/components/plan/PlanTemplates/CriticalIllnessTemplate.vue`
-- `src/components/plan/PlanTemplates/LifeInsuranceTemplate.vue`
-- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
-- `src/config/plan-templates.js`
+- `src/pages/rich-text-test/index.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 添加 HTML 实体解析（&nbsp;, &amp;, &lt;, &gt;, &quot;）
+- 实现 a 标签替换为 div + data-href 属性
+- 添加 PDF 文件链接点击处理（useFileOperation）
+- 新增 transformElement 图片处理测试开关
 
 
-### 20:11:21 - 完成任务
+---
+
+### fix(rich-text): 修复图片自动处理并应用到文章详情页
 
 
 **影响文件**:
 **影响文件**:
-- `src/components/plan/PlanTemplates/CriticalIllnessTemplate.vue`
-- `src/components/plan/PlanTemplates/LifeInsuranceTemplate.vue`
-- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
-- `src/config/plan-templates.js`
+- `src/components/RichTextRenderer.vue` - 修复 transformElement 初始化顺序
+- `src/pages/article-detail/index.vue` - 使用 RichTextRenderer 组件替换 <rich-text>
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 修复 transformElement 初始化顺序问题（在 watch 之前设置）
+- 增强图片样式：添加 width:100%!important
+- 删除文章图片列表模块（由组件处理）
+- 删除富文本处理逻辑（formatRichText、extractImageUrls 等）
+- 代码精简：199 行 → 147 行（减少约 26%）
 
 
-### 20:12:04 - 完成任务
+---
+
+### fix(rich-text): 移除全局CSS导入避免影响其他组件样式
 
 
 **影响文件**:
 **影响文件**:
-- `src/components/plan/PlanTemplates/CriticalIllnessTemplate.vue`
-- `src/components/plan/PlanTemplates/LifeInsuranceTemplate.vue`
-- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
-- `src/config/plan-templates.js`
+- `src/components/RichTextRenderer.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 移除 @tarojs/taro/html.css 全局样式导入
+- 在组件 style 中添加完整的富文本样式（使用 ID 选择器避免污染）
+- 解决 NavHeader 标题不居中的问题
+
+---
 
 
-### 20:14:14 - 完成任务
+### feat(article): 文章模块功能开发
 
 
 **影响文件**:
 **影响文件**:
-- `src/components/plan/PlanTemplates/CriticalIllnessTemplate.vue`
-- `src/components/plan/PlanTemplates/LifeInsuranceTemplate.vue`
-- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
-- `src/config/plan-templates.js`
+- `src/components/cards/ArticleCard.vue` - 新增 ArticleCard 组件
+- `src/pages/article-detail/index.vue` - 新增文章详情页
+- `src/pages/article-favorites/index.vue` - 新增文章收藏页
+- `src/pages/category-list/index.vue` - 优化分类列表页
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
-## 2026-02-27
+- ArticleCard 支持可配置封面图显示 (showCover prop)
+- 分类列表页支持混合渲染模式：
+  * max_depth > 1: 显示二级分类卡片 (SectionCard)
+  * max_depth === 1: 直接显示文章列表 (ArticleCard)
+- 过滤空状态项 (max_depth === 1 且 list 为空)
+
+---
 
 
-### 09:56:15 - 完成任务
+### feat(article): 文章详情页添加图片预览功能
 
 
 **影响文件**:
 **影响文件**:
-- `src/utils/README.md`
+- `src/pages/article-detail/index.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 使用 Taro 原生 rich-text 组件渲染富文本
+- 富文本内容自动格式化，处理图片宽度适配移动端
+- 提取文章中的图片 URL，支持 Taro.previewImage 预览
+- 新增收藏功能，支持文章收藏/取消收藏
 
 
-### 10:00:56 - 完成任务
+---
+
+### feat(article): 文章图片列表改为网格布局
 
 
 **影响文件**:
 **影响文件**:
-- `src/utils/README.md`
+- `src/pages/article-detail/index.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 移除横向滚动视图
+- 使用 flex-wrap 实现网格布局
+- 每行显示3张图片，自动换行
 
 
-### 12:57:01 - 完成任务
+---
+
+### feat(index): 首页热门资料改为热门文章
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `src/pages/index/index.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 将"本周热门资料"改为"本周热门文章"
+- 使用 ArticleCard 替换 MaterialCard
+- 更新 API 调用从 file/weekHotAPI 到 article/weekHotAPI
 
 
-### 12:58:11 - 完成任务
+---
+
+### refactor(collect): 收藏功能改为 API 驱动模式
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `src/composables/useCollectOperation.js`
+- `src/components/cards/ArticleCard.vue`
+- `src/components/cards/MaterialCard.vue`
+- `src/components/list/ListItemActions/index.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 移除乐观更新逻辑，改为 API 成功后更新 UI
+- useCollectOperation 返回 { success, newStatus } 对象
+- ArticleCard/MaterialCard 使用 async/await 等待 API 响应
+- ListItemActions 添加 @tap.stop 防止事件冒泡
 
 
-### 13:00:59 - 完成任务
+---
+
+### style(plan): 弹窗标题显示产品名称而非模板名称
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `src/components/plan/PlanFormContainer.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 弹窗标题改为显示产品名称
 
 
-### 13:01:30 - 完成任务
+---
+
+### style(plan): 调整每年提取金额字段位置至提取期下方
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 统一单阶段和多阶段模式的字段录入顺序
+
+---
 
 
-### 13:02:31 - 完成任务
+### refactor(plan): 重构多阶段提取方案 UI 渲染逻辑
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `src/components/plan/PlanTemplates/SavingsTemplate.vue`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 重构多阶段提取方案 UI 渲染逻辑
+
+---
 
 
-### 13:03:07 - 完成任务
+### docs: 更新变更日志
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `CHANGELOG.md`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 更新项目变更日志
+
+---
 
 
-### 13:03:33 - 完成任务
+### docs(changelog): 更新 CHANGELOG
 
 
 **影响文件**:
 **影响文件**:
-- `docs/api-specs/article/article_detail.md`
-- `docs/api-specs/article/favorite.md`
-- `docs/api-specs/article/list.md`
-- `docs/api-specs/article/week_hot.md`
-- `scripts/api-generator/generateApiFromOpenAPI.js`
-- `src/api/article.js`
+- `docs/CHANGELOG.md`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 更新文档变更日志
 
 
-### 22:48:20 - 完成任务
+---
+
+### chore: 更新组件类型定义
 
 
 **影响文件**:
 **影响文件**:
-- `src/pages/rich-text-test/index.vue`
+- `components.d.ts`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- 更新组件类型定义
 
 
-### 22:49:31 - 完成任务
+---
+
+## 2026-02-25
+
+### 21:00:00 - feat(plan): 新增多阶段提取方案功能
 
 
 **影响文件**:
 **影响文件**:
-- `src/pages/rich-text-test/index.vue`
+- `src/config/plan-templates.js` - 新增多阶段产品配置和 `savings-gs-multistage` 产品
+- `src/components/plan/PlanTemplates/SavingsTemplate.vue` - 实现多阶段提取渲染和交互逻辑
+- `src/api/mock/mock/hotProducts.js` - 添加多阶段产品 mock 数据
+
+**变更摘要**:
+- 新增产品：宏挚传承保障计划(多阶段) (`savings-gs-multistage`)
+- 多阶段功能：
+  - 年龄 < 12岁：固定显示 3 个阶段
+  - 年龄 ≥ 12岁：初始 1 个阶段，可添加至 4 个
+  - 提取期新增"一笔过"选项
+  - 递增百分比改为可选字段（不填传 null）
+- 提交数据格式：`withdrawal_stages` 数组
+- 样式优化：阶段卡片白色背景
+
+**相关文档**:
+- `docs/tasks/2026-02-25/archive/多阶段提取方案设计.md`
+- `docs/tasks/2026-02-25/archive/客户新需求-2026-02-25.md`
+
+---
+
+## 2026-02-24
+
+### 23:59:18 - 完成任务
+
+**影响文件**:
+- `.husky/README.md`
+- `.husky/post-commit`
+- `docs/CHANGELOG.md`
+- `scripts/changelog/README.md`
+- `scripts/changelog/update-changelog.sh`
 
 
 **变更摘要**:
 **变更摘要**:
-- 无详细描述
+- CHANGELOG 自动更新功能配置