Hooke / manulife-weapp

将文档预览、收藏夹、首页热门素材和产品详情页中的示例PDF和Word文档URL统一替换为测试文件URL，以便进行功能演示和测试

将原本指向错误中文文件名PDF的URL统一替换为正确的英文哈希文件名，确保文档下载和预览功能正常工作

新增功能：
- 创建计划书提交结果页面 (pages/plan-submit-result/)
  - 使用 NavHeader 组件作为页面头部
  - 显示提交成功/失败状态（图标 + 文案）
  - 成功时显示固定提示文案
  - 失败时显示接口返回的错误信息
  - 底部"返回首页"按钮固定在页面底部
  - 通过路由参数传递 success 和 message 参数

修改内容：
- 首页实现计划书提交跳转
  - SchemeA 和 SchemeB 提交后跳转到结果页面
  - 暂时模拟成功状态（待后续接入真实API）
- 注册新页面路由到 app.config.js
- 更新 CHANGELOG 记录变更

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 PlanPopup 容器组件，统一头部和底部按钮
- 使用 NutUI Button 组件替换原生 div 按钮
- 重构 SchemeA 和 SchemeB，使用 PlanPopup 容器
- 减少约 60 行重复代码
- 添加详细的 JSDoc 注释

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 跳转时传递列表项的 title 作为页面标题参数
- material-list 页面接收 title 参数并动态设置页面标题
- 标题默认值为"资料列表"，保持向后兼容

技术实现：
- 在跳转时传递 categoryId 和 title 两个参数
- 使用响应式变量 pageTitle 动态更新 NavHeader 组件
- 在 useLoad 中优先处理 title 参数

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 为 onboarding、family-office、signing 三个页面的 item 添加 categoryId
- 点击 item 时跳转到 material-list 页面并传递分类 ID 参数
- material-list 页面使用 useLoad 接收 categoryId 并预留 API 调用接口
- 保持向后兼容，无 categoryId 时显示所有资料

技术实现：
- 使用 useSectionList composable 的自定义点击处理函数
- 统一的 ID 命名规范：{page}-{module}-{feature}
- 完善的日志输出和错误处理

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 useSectionList Composable 封装分组列表通用逻辑
- 重构 onboarding/family-office/signing 三个页面使用 composable
- 减少约 60 行重复代码，提升可维护性
- 应用"第 3 次出现原则"：3 个页面使用相同模式 → 必须提取
- 所有函数包含完整 JSDoc 注释（@description、@param、@returns、@example）

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 记录 SectionCard 组件重构优化
- 记录三个页面的代码清理
- 遵循 DRY 原则，提升可维护性

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 在 SectionCard 组件内添加默认渐变色处理
- 移除三个页面中的重复渐变色处理代码
- 统一使用浅蓝色渐变 background: linear-gradient(90deg, #EFF6FF 0%, #DBEAFE 100%)
- 保持 API 返回自定义渐变色的兼容性
- 简化页面代码，提升可维护性

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

主要变更：
- 将图标从 IconFont 组件改为 image 标签
- 支持本地 SVG 资源和远程 URL
- 添加默认的"文案"图标
- 优化 icon prop，支持可选传值
- 更新 onboarding 页面使用新组件

技术细节：
- 使用 import 导入本地 SVG 资源
- 通过 computed 属性判断本地/远程图标
- 保持原有背景色和圆角样式不变

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 新增 ListItemActions 组件，支持查看、收藏、删除操作
- 修复资料列表页布局问题（图标和文字水平排列）
- 统一首页和资料列表页的资料项样式和交互
- 更新收藏页、知识库页、计划页使用新组件
- 添加完整的组件文档和类型定义

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 将 NutUI textarea 替换为原生 textarea 组件
- 原生组件可完全控制 padding、字体等样式
- 手动实现字符计数功能（右下角显示）
- 修复 help-center 图标名称和文案

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 修复
- 修复日期文本靠左显示的问题
- 添加 text-right 类，使日期靠右对齐

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 更新

- 将 category 从信息行移到标题下方作为 tag 显示
  - 使用蓝色背景 (bg-blue-50) 和蓝色文字 (text-blue-600)
  - 圆角样式，更醒目
- 日期信息单独一行显示
- 优化布局层次，信息更清晰

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 主要更新

### 优化
- 重构"我的收藏"页面 (`src/pages/favorites/index.vue`)
  - 使用真实文档图标系统 (getDocumentIcon)，根据文件扩展名自动显示
  - 去掉图标背景容器，图标居中显示并放大到 56rpx
  - 查看和删除按钮参考计划书页面样式重新设计
    - 横向排列（非纵向）
    - 右对齐布局
    - 去掉背景色，使用简洁的图标+文字样式
  - 优化整体布局结构
    - 标题与图标并排显示
    - 信息区域分层更清晰
  - 移除冗余数据字段 (icon/iconColor/iconBgClass)

### 技术细节
- 集成 getDocumentIcon 工具函数
- 统一操作按钮交互体验
- 响应式布局优化

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

## 主要更新

### 新增
- 创建文档图标工具函数 (src/utils/documentIcons.js)
  - 根据文件扩展名自动匹配对应图标 (PDF/Word/Excel/PPT/图片/视频等)
  - 提供 getDocumentIcon() 和 getDocumentLabel() 工具函数
  - 支持判断文件类型 (isPDF/isImage/isVideo)
- 添加文档图标资源 (src/assets/images/icon/doc/)
  - 10 个 SVG 图标文件，覆盖常见文档类型
- 新增文档图标更新说明文档 (docs/DOCUMENT_ICONS_UPDATE.md)
- 移动计划书开发指南到组件目录 (src/components/PlanSchemes/)

### 优化
- 更新首页"本周热门资料"展示 (src/pages/index/index.vue)
  - 使用真实文档图标替换通用图标
  - 添加文件类型标签，位于标题下方
  - Mock 不同类型文件数据 (PDF/Word/Excel)
- 更新资料列表页 (src/pages/material-list/index.vue)
  - 集成文档图标系统
- 更新产品详情页 (src/pages/product-detail/index.vue)
  - 集成文档图标系统

### 技术细节
- 使用 ES6 import 正确导入 SVG 资源
- 解决 Taro 小程序静态资源加载问题
- 统一文档类型识别逻辑

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

添加 PLAN_SCHEME_GUIDE.md 文档，为新增计划书方案（如 SchemeC、SchemeD）提供标准化开发指导。文档包含组件结构、表单字段、样式交互规范、代码模板和检查清单，确保新方案开发的一致性和可维护性。

重构方案A组件布局与样式，使其与方案B保持一致
- 使用相同的容器结构、卡片布局和背景样式
- 将自定义图片替换为IconFont图标组件
- 使用NutUI Radio/Checkbox组件替换自定义选择器
- 统一输入框的边框、圆角和内边距样式
- 移除冗余的图标资源引用，优化代码结构

- 集成 useFileOperation composable 实现统一文件操作
- 添加 PDF 文档查看功能，支持下载和预览
- 更新 mock 数据，添加 fileName 和 downloadUrl 字段
- 实现生成中状态的友好提示
- 添加完整的 JSDoc 注释

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

新增方案B内容组件，包含币种、计划、性别、年龄等字段，并还原设计稿布局与交互。
修改首页，将热卖产品的"计划书"按钮点击事件改为弹出录入界面，实现多方案演示。
扩展组件类型声明，注册新增组件以供使用。

- 将中文目录名改为英文，例如“我的”改为“done/我的”
- 更新对应的Vue组件和CSS文件路径
- 删除旧的目录结构，保持项目文件组织一致性

- 将计划列表中的查看按钮图标从 "order" 更改为 "eye" 以保持一致性
- 在物料列表项中移除整个项的点击事件，改为独立的查看按钮，避免误触
- 为物料列表的查看按钮添加明确的视觉样式和点击反馈

- 记录代码重构详情（删除 ~290 行重复代码）
- 说明影响文件和测试状态
- 记录代码质量改进点

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 删除收藏页和产品详情页中重复的文件操作代码（~290行）
- 统一使用 useFileOperation composable
- 简化 onDownload/onView 函数为 viewFile 调用
- 保持功能完全一致

影响文件：
- src/pages/favorites/index.vue
- src/pages/product-detail/index.vue

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

重构操作区域布局，新增独立的查看按钮并优化删除按钮样式
为所有操作按钮添加文字说明以提升可访问性
使用颜色区分操作类型（蓝色查看，红色删除）
调整列表项标题显示，支持最多两行文本并优化行高
优化按钮点击热区和交互反馈效果

- 记录产品列表点击跳转功能
- 说明技术亮点和实现方式

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 为每个产品添加唯一 id 字段
- 使用 useListItemClick Composable 处理点击事件
- 配置 ListType.PRODUCT 自动跳转产品详情页
- 添加点击缩放反馈效果
- 完善代码注释（JSDoc）

点击产品卡片后跳转到 /pages/product-detail/index?id={productId}

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 创建 useFileOperation Composable 封装文件操作逻辑
- 创建 useListItemClick Composable 统一列表点击处理
- 支持多种列表类型：FILE、PRODUCT、SEARCH、HELP、FAVORITE
- 重构首页和资料列表页使用新的 Composables
- 所有函数使用完整的 JSDoc 注释

影响文件：
- 新增 src/composables/useFileOperation.js
- 新增 src/composables/useListItemClick.js
- 修改 src/pages/index/index.vue
- 修改 src/pages/material-list/index.vue

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 重构资料列表页卡片布局，增加圆角、阴影和渐变色
- 统一收藏按钮尺寸为64rpx并添加点击反馈动画
- 为列表项添加入场动画和收藏状态切换动效
- 首页热门资料列表替换为图标样式，优化文案一致性

- 将首页"本周热门资料"列表左边的图片替换为图标样式
  - 使用 80rpx × 88rpx 圆角蓝色背景容器
  - 图标尺寸 32，与资料列表页面保持一致
  - 不同资料项使用不同颜色图标（红/蓝/绿）
- 优化文案："热卖产品：" → "热卖产品"
- 修正产品按钮文案："产品资料" → "产品详情"

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

- 在 CHANGELOG.md 中记录代码注释规范的添加
- 在 README.md 的开发规范部分新增代码注释要求章节
- 遵循 WHY > WHAT > HOW 注释原则，要求所有函数和方法使用 JSDoc 注释

- 将 CLAUDE.md 从英文翻译为中文以提升中文用户体验
- 新增变更日志自动记录全局规则，实现任务完成后自动更新 CHANGELOG.md
- 更新全局规则 README.md 以包含新规则索引

- 将项目开发文档从英文翻译成中文
- 保留所有代码示例、文件路径和技术配置
- 使用清晰易懂的中文表达

移除多个页面的TabBar组件以解决特定场景下的显示问题

为 IconFont 组件添加 key 属性，强制其在图标名称变化时重新渲染，解决因 NutUI 组件未正确响应 props 变化导致的问题。

同时优化产品详情页的收藏图标交互与视觉：
- 将收藏按钮移至标题右侧，采用 Flexbox 布局避免长标题遮挡
- 统一使用 NutUI 标准图标名称（Heart/HeartFill）
- 为收藏按钮添加圆形背景与阴影，增强视觉反馈
- 优化热卖标签样式，采用玻璃拟态设计

将模板中的长属性拆分为多行以提升可读性
调整 handleTabClick 函数内的注释格式，使其更清晰

功能变更：
- 移除本地开发的AI页面
- 点击AI答疑按钮跳转到腾讯元宝AI小程序
- 使用 Taro.navigateToMiniProgram API

需要配置：
- 腾讯元宝小程序 AppID
- 小程序页面路径
- 在微信后台关联元宝小程序

相关文档：docs/腾讯元宝AI接入说明.md

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

将返回按钮的图标名称从"rectLeft"更正为"left"，以匹配图标库中的正确命名

- README.md: 添加图标组件使用说明
- CHANGELOG.md: 记录 IconFont 组件统一使用改动

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>