Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
Switch branch/tag
CHANGELOG.md 10.5 KB

Changelog

All notable changes to this project will be documented in this file.

[Unreleased]

Changed

  • 全量替换项目内 IconFont 调用为 @nutui/icons-vue-taro 的 IconFont 组件，统一使用 class 属性，移除自定义封装组件依赖
  • 优化 "帮助中心" 页面 (src/pages/help-center)：
    • 重构 "联系客服" 弹窗，将硬编码数据提取为 contactMethods 数组，并优化样式布局
    • 重构 "问题详情" 弹窗，使用 v-html 渲染富文本内容，并将模拟数据提取为 mockRichText 常量
    • 优化弹窗样式，使用 Tailwind CSS 提升视觉体验

Added

  • 新增 "帮助中心" 页面 (src/pages/help-center)：
    • 还原设计稿 (docs/design/manulife-V1/帮助中心) 布局与交互
    • 使用 Tailwind CSS 实现页面样式，包括自定义搜索框、联系客服卡片及常见问题列表
    • 集成 NavHeader 和 TabBar 组件，保持全站导航一致性
    • 注册新页面路由至 src/app.config.js
    • 更新 "我的" 页面 (src/pages/mine) 菜单链接，指向帮助中心

Changed

  • 优化 "资料列表" 页面 (src/pages/material-list)：
    • 替换页面内所有静态图片资源为 NutUI 图标组件 (IconFont)，提升加载性能与视觉一致性
    • 扩展 IconFont 组件，新增 StarFill 图标支持
  • 优化 "我的" 页面 (src/pages/mine)：
    • 重构页面布局，严格还原设计稿 (docs/design/manulife-V1/我的) 样式
    • 引入用户卡片背景图，优化头像、姓名及工号展示布局
    • 重构菜单列表样式，使用白色卡片容器 + 列表项分割线设计
    • 保持 NavHeader 和 TabBar 组件集成，确保全站导航一致性
    • 优化图标尺寸与配色，使用蓝色背景块衬托图标，提升视觉精致度
  • 优化 "我的计划书" 页面 (src/pages/plan)：
    • 引入 NavHeader 组件，保持页面头部风格统一
    • 替换 nut-tabs 为自定义 Tailwind CSS Tabs，复用知识库页面样式与逻辑
    • 优化列表筛选逻辑与样式
  • 优化 "修改头像" 页面 (src/pages/avatar)：
    • 替换头像为随机图片
    • 调整编辑图标位置至头像正中心，并增加半透明背景增加辨识度
    • 统一底部按钮配色为主色调（蓝色），提升视觉一致性
  • 优化 "我的收藏" 页面 (src/pages/favorites)：
    • 重构页面布局，还原 (docs/design/manulife-V1/我的收藏) 设计稿样式
    • 引入设计稿同款 Tab 容器背景图，优化分类切换交互
    • 重构列表项样式，引入"文件类型"图标概念（PDF/Word/PPT/TXT），通过不同配色区分文档类型
    • 保持 NavHeader 和 TabBar 组件集成
    • 优化空状态展示逻辑
    • 调整列表日期显示样式：日期置于分类下方，采用灰色字体
    • 增加删除功能：列表右侧增加删除按钮，点击弹出确认对话框
  • 优化 "意见反馈" 页面 (src/pages/feedback)：
    • 调整问题描述输入框样式，增加边框和内边距，优化视觉体验
  • 优化 NavHeader 组件 (src/components/NavHeader.vue)：
    • 新增返回按钮逻辑：当页面栈深度大于1时，自动显示左侧返回按钮
    • 优化布局结构，确保标题在显示返回按钮时依然保持绝对居中
  • 修复部分页面（我的计划书、修改头像、意见反馈）顶部导航栏及返回按钮缺失问题：
    • 补充 src/pages/plan/index.vue 中 NavHeader 组件的引用
    • 补充 src/pages/avatar/index.vue 中 NavHeader 组件的引用
    • 补充 src/pages/feedback/index.vue 中 NavHeader 组件的引用

Added

  • 新增 "产品详情" 页面 (src/pages/product-detail/index)：

    • 还原设计稿 (docs/design/manulife-V1/产品详情) 布局与交互
    • 使用 Tailwind CSS 实现响应式布局
    • 集成 NavHeader 和 TabBar 组件
    • 使用随机图片作为 Banner 占位，使用 NutUI 图标组件替代静态图标
    • 注册新页面路由至 src/app.config.js

  • 新增 "资料列表" 页面 (src/pages/material-list/index)：

    • 实现基于 Design 的列表 UI，精确还原设计稿 (docs/design/manulife-V1/资料列表)
    • 集成 NavHeader 和 TabBar 组件，保持全站导航一致性
    • 使用 Tailwind CSS 进行样式开发，替代原有 CSS
    • 注册路由至 src/app.config.js

  • 新增 "我的" 页面 (src/pages/mine)，包含用户信息展示、功能菜单列表

  • 新增 "我的计划书" 页面 (src/pages/plan)，实现计划书列表展示、搜索过滤、状态切换功能

  • 新增 "我的收藏" 页面 (src/pages/favorites)，实现文章/资料收藏列表及分类筛选功能

  • 新增 "修改头像" 页面 (src/pages/avatar)，实现头像展示与修改交互

  • 新增 "意见反馈" 页面 (src/pages/feedback)，实现反馈类型选择、问题描述及截图上传表单

  • 新增 "登录" 页面 (src/pages/login)，实现账号密码登录界面（含欢迎语、表单、登录按钮及功能链接）

  • 注册上述 6 个新页面路由至 src/app.config.js

Changed

  • 更新底部导航栏组件 (src/components/TabBar.vue)，将 "我的" 标签路径指向新的 src/pages/mine/index
  • 优化页面样式实现，全面使用 Tailwind CSS 替代传统 CSS，提升开发效率与样式一致性
  • 集成 NutUI 组件库 (nut-avatar, nut-cell, nut-tabs, nut-searchbar, nut-uploader, nut-textarea) 提升交互体验

Fixed

  • 修复 Vue 3 响应式组件警告：将包含 NutUI 图标组件的静态数据源从 ref 升级为 shallowRef，并结合 markRaw 使用。彻底消除了 "Component that was made a reactive object" 警告，避免了 Vue 对组件对象进行不必要的深度代理，显著提升了页面初始化和渲染性能。涉及首页、TabBar、入职相关、签单相关及家办相关所有页面。
  • 优化 NavHeader 组件交互体验，将页面头部固定在顶部 (fixed)，并内置等高占位元素防止内容遮挡，提升滚动时的用户体验。
  • 重构图标使用方式：创建 src/components/IconFont.vue 组件封装 NutUI 图标库，支持通过字符串 name 属性配置图标，彻底移除 markRaw 逻辑，简化代码结构并符合用户偏好，同时保留了 SVG 图标的高清与高性能特性。

Added

  • 新增 "资料知识库" 页面 (src/pages/knowledge-base)，还原设计稿布局
  • 使用 Tailwind CSS 实现页面样式，包括自定义 Tabs 和卡片布局
  • 调整卡片布局，将图片移至顶部，优化视觉体验
  • 集成 NavHeader 和 TabBar 组件，保持全站风格统一
  • 配置新页面路由至 src/app.config.js
  • 使用随机图片填充内容，模拟真实数据展示
  • 创建通用导航头组件 src/components/NavHeader.vue，统一页面头部样式
  • 重构 "入职相关"、"签单相关"、"家办相关" 页面，使用 NavHeader 组件替代硬编码的头部结构
  • 新增 "家办相关" 页面 (src/pages/family-office)，复用 "入职相关" 页面布局与样式
  • 规划并实现家庭成员、健康档案、资产管理、生活服务四大功能板块
  • 注册新页面路由至 src/app.config.js
  • 初始化项目 Git 仓库
  • 创建 .gitignore 配置文件
  • 创建并切换到 develop 分支
  • 新增 "入职相关" 页面 (src/pages/onboarding)，1:1 还原设计稿 UI
  • 实现基于 Tailwind CSS 的页面布局与样式，精确适配设计稿参数
  • 配置 "入职相关" 页面的自定义导航栏样式
  • 注册新页面路由至 src/app.config.js
  • 新增 "签单相关" 页面 (src/pages/signing)，复用 "入职相关" 页面布局
  • 为 "签单相关" 页面配置自定义导航栏与渐变色背景样式
  • 新增可复用的底部导航栏组件 (src/components/TabBar.vue)，统一各页面的导航交互

Changed

  • 暂时禁用授权模式功能 (ENABLE_AUTH_MODE = false)
  • 拦截所有授权检查与自动跳转登录逻辑
  • 禁用 401 自动续期拦截器
  • 暂时禁用离线模式功能 (ENABLE_OFFLINE_MODE = false)
  • 拦截所有离线缓存读写操作与轮询逻辑
  • 修复 src/pages/index/index.vue 中 ENABLE_OFFLINE_MODE 引用缺失导致的报错
  • 优化 src/pages/index/index.vue 减少不必要的网络监听资源消耗
  • 重构首页 (src/pages/index)，使用 Taro + Vue 3 Setup 语法实现
  • 适配 docs/design/manulife-V1/首页 设计稿，精确还原 UI
  • 转换 CSS 为 Less，并使用 rpx 单位适配小程序响应式布局
  • 整合离线网络检测与状态管理逻辑
  • 更新首页导航栏标题为 "臻奇智荟圈"
  • 重构首页样式 (src/pages/index)，全面采用 Tailwind CSS 替代 Less
  • 替换静态图片资源为 Picsum 随机图源，提升演示灵活性
  • 集成 NutUI 图标组件库，替换原有 SVG/图片图标
  • 优化 "入职相关" 页面样式 (src/pages/onboarding)，使用 CSS 背景色替代设计稿切图背景
  • 替换 "入职相关" 页面图标为 NutUI 标准图标库，提升加载性能与清晰度
  • 优化 "入职相关" 与 "签单相关" 页面的视觉体验，引入渐变色背景系统（Header 及各板块标题）
  • 修复 "入职相关" 页面首个板块与导航栏重叠的布局问题
  • 优化底部导航栏样式，移除 Home Indicator (底部灰条) 以符合设计稿
  • 重构 TabBar 布局，移除绝对定位与固定高度，改用 Flexbox + Padding 实现更自然的垂直居中与适配
  • 增加底部导航栏 active 属性，支持不同页面高亮状态切换
  • 重构首页、入职页、签单页，统一使用 TabBar 组件
  • 替换首页 (src/pages/index) 自定义按钮为 NutUI nut-button 组件，并保留原有视觉样式

Removed

  • 删除项目所有离线功能相关逻辑
  • 移除 src/composables/useOfflineBookingCache.js 和 useOfflineBookingCachePolling.js
  • 清理 src/app.js 中的离线初始化代码
  • 清理 src/utils/request.js 中的弱网缓存拦截与提示逻辑
  • 清理 src/pages/index/index.vue 中的网络状态监听与离线模式代码
  • 移除 src/utils/uiText.js 及相关引用
  • 移除 src/api/index.js 中的离线专用接口定义
  • 更新配置文件，移除 ENABLE_OFFLINE_MODE 开关
  • 修复构建告警：移除首页残留的 ENABLE_OFFLINE_MODE 与 @/utils/uiText 引用

Fixed

  • 修复 ESLint 无法解析 Vue SFC 导致 lint 全量报错：补齐 ESLint 配置与 Vue 解析依赖
  • 修复 eslint-config-taro 在 Vue 项目中触发 React Hooks 规则导致误报的问题

Changed

  • 优化 DocumentPreview 小程序端预览策略：无法获取文件大小时默认走在线预览
  • 将 DocumentPreview 小程序端样式单位统一为 rpx

Added

  • 补全文档预览示例页的 Excel / PPT 在线示例链接