Hooke / manulife-weapp

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>

将所有页面和组件数据对象中的图标名称从首字母大写改为小写。

修改的图标名称：
- Shop → shop
- Category → category
- Edit → edit
- Check → check
- Checklist → checklist
- Cart → cart
- People → people
- Clock → clock
- Refresh → refresh
- Location → location
- Service → service
- Star → star
- Find → find
- Top → top
- My → my
- PlayCircleFill → playCircleFill
- Order → order
- Link → link

涉及文件：
- 9个页面组件的数据对象
- DocumentPreview 组件的 iconMap 对象

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

将所有页面和组件中的 IconFont 导入统一改为使用自定义组件：
- 修改前：import { IconFont } from '@nutui/icons-vue-taro'
- 修改后：import IconFont from '@/components/IconFont.vue'

优点：
1. 统一组件使用方式
2. 方便后续扩展和自定义
3. 集中管理图标属性

涉及文件：
- 所有页面组件（9个）
- 所有公共组件（6个）

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

按照 NutUI 官方文档要求，将所有 IconFont 的 name 属性从首字母大写改为小写。

修改内容：
- Search → search
- RectRight → rectRight
- RectLeft → rectLeft
- Del → del
- Loading → loading
- Issue → issue
- Check → check
- Download → download
- Service → service
- Close → close
- Order → order
- Star → star
- Photograph → photograph
- My → my
- Cart → cart
- Home → home
- Category → category

涉及文件：
- 首页、产品详情页、资料列表页等所有页面
- TabBar、NavHeader 等公共组件
- PdfPreview、OfficeViewer 等文档预览组件

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

- 新增7个页面的文档说明
  - product-detail: 产品详情页，支持接收ID参数
  - material-list: 资料/文档列表页
  - help-center: 帮助中心和FAQ页
  - search: 搜索页面
  - webview: WebView外部链接包装页
  - document-demo: 文档预览演示页
  - document-preview: 文档预览页

- 更新业务模块描述
  - 细化产品展示模块说明
  - 新增资料库模块说明

- 完善导航使用说明
  - 添加参数传递示例
  - 添加 useLoad 接收参数的示例
  - 说明产品详情页的导航流程

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

- 热卖产品点击"产品资料"跳转到产品详情页并传递产品ID
- 产品详情页使用useLoad接收ID参数，为后续API调用做准备
- 本周热门资料"查看更多"跳转到资料列表页（material-list）

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

重构联系客服与问题详情弹窗，提取硬编码数据为常量
使用 NutPopup 组件实现弹窗交互，优化视觉样式
添加富文本内容渲染支持，提升用户体验

- 新增帮助中心页面 (`src/pages/help-center/index.vue`)，包含搜索框、联系客服卡片和重点问题列表
- 添加页面配置文件 (`src/pages/help-center/index.config.js`)
- 在应用配置 (`src/app.config.js`) 中注册新页面路由
- 更新我的页面 (`src/pages/mine/index.vue`) 菜单项，将帮助中心链接指向实际页面
- 添加设计稿文件和相关代码文件至文档目录
- 更新更新日志 (`docs/CHANGELOG.md`) 记录新增功能

- 在页面底部添加退出登录按钮，视觉上与菜单列表区分
- 使用红色主题：红色图标、红色文字、淡红色背景和边框
- 点击时弹出确认对话框，防止误操作
- 确认后清除本地用户信息（user_info 和 sessionid）
- 使用 reLaunch 跳转到首页，清空页面栈
- 添加 active:opacity-70 按下效果，提升交互体验

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

- 头部热卖标签旁添加收藏按钮，支持切换收藏状态
- 相关附件列表添加下载功能，点击下载图标打开文件
- Mock 不同文档类型展示（PDF/Word/PPT/Excel），便于测试
- 实现智能提示系统：Office 文档同页面仅首次打开时提示
- 附件下方显示灰色提示文字，引导用户手动保存
- 完整的错误处理和网络异常提示
- 统一使用"打开中..."作为加载提示

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

新增产品详情页面，包含 Banner、产品信息、特色、附件等模块
使用 Tailwind CSS 实现响应式布局，集成 NavHeader 和 TabBar 组件
注册页面路由至 app.config.js 并更新 CHANGELOG 文档

- 移除下载/查看按钮，改为点击内容直接打开文件
- 收藏页面：点击图标、标题、分类、日期触发打开
- 资料列表页面：点击标题和描述触发打开
- 将"下载中"改为"打开中"，更符合用户心理预期
- 统一两个页面的文件打开逻辑和错误处理

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