Hooke / manulife-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
04d02f53 1 parent 6405b18b

feat(plan): 优化计划书页面布局并扩充测试数据 

- 将页面结构调整为顶部固定、列表独立滚动，提升浏览体验
- 扩充 Mock 数据以支持更全面的搜索与筛选测试
- 更新 README 与 CHANGELOG 文档
Inline Side-by-side
Showing 3 changed files with 125 additions and 22 deletions
......@@ -74,6 +74,10 @@ src/
└── app.less # 全局样式
```
## 📄 页面说明
- 计划书页面支持顶部搜索与标签固定，列表区域独立滚动，便于快速筛选和浏览
## ⚙️ 配置说明
### 1. 修改服务器配置
......
## [2026-01-31] - 优化计划书页面滚动与测试数据
### 优化
- 计划书页面顶部区域固定，列表区域独立滚动 (`pages/plan/index.vue`)
- 扩充计划书列表 Mock 数据，便于搜索与筛选测试
---
**详细信息**：
- **影响文件**: src/pages/plan/index.vue, README.md
- **技术栈**: Vue 3, Taro, TailwindCSS
- **测试状态**: pnpm lint（存在既有警告）
- **备注**:
- 搜索栏与标签栏保持在顶部，列表滚动更稳定
---
## [2026-01-31] - 实现计划书提交跳转功能
### 新增
......
<template>
<view class="min-h-screen bg-gray-50 pb-[200rpx]">
<!-- Navigation Header -->
<NavHeader title="我的计划书" />
<!-- Search Bar -->
<view class="bg-white px-[24rpx] py-[16rpx]">
<nut-searchbar v-model="searchValue" placeholder="搜索计划书名称、客户姓名..." @search="onSearch" clearable>
<template #left-in>
<IconFont name="search" size="14" />
</template>
</nut-searchbar>
</view>
<view class="h-screen bg-gray-50 flex flex-col">
<view class="bg-gray-50">
<!-- Navigation Header -->
<NavHeader title="我的计划书" />
<!-- Search Bar -->
<view class="bg-white px-[24rpx] py-[16rpx]">
<nut-searchbar v-model="searchValue" placeholder="搜索计划书名称、客户姓名..." @search="onSearch" clearable>
<template #left-in>
<IconFont name="search" size="14" />
</template>
</nut-searchbar>
</view>
<!-- Tabs -->
<view class="bg-white mt-[2rpx] px-[24rpx] py-[20rpx]">
<div class="flex overflow-x-auto no-scrollbar space-x-[24rpx]">
<div v-for="(tab, index) in tabs" :key="index"
class="px-[32rpx] py-[16rpx] rounded-full text-[28rpx] whitespace-nowrap transition-colors"
:class="activeTab === index ? 'bg-[#2563EB] text-white' : 'bg-[#F3F4F6] text-[#6B7280]'"
@click="activeTab = index">
{{ tab.title }}
<!-- Tabs -->
<view class="bg-white mt-[2rpx] px-[24rpx] py-[20rpx]">
<div class="flex overflow-x-auto no-scrollbar space-x-[24rpx]">
<div v-for="(tab, index) in tabs" :key="index"
class="px-[32rpx] py-[16rpx] rounded-full text-[28rpx] whitespace-nowrap transition-colors"
:class="activeTab === index ? 'bg-[#2563EB] text-white' : 'bg-[#F3F4F6] text-[#6B7280]'"
@click="activeTab = index">
{{ tab.title }}
</div>
</div>
</div>
</view>
</view>
<!-- Plan List -->
<view class="px-[24rpx] py-[24rpx]">
<view class="flex-1 overflow-y-auto px-[24rpx] py-[24rpx] pb-[200rpx]">
<view v-for="(item, index) in filteredList" :key="index"
class="bg-white rounded-[24rpx] p-[24rpx] mb-[24rpx] shadow-sm">
<!-- Header -->
......@@ -145,6 +147,86 @@ const list = ref([
// 文档信息
fileName: '家庭财富传承保障计划.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 5,
title: '高净值家庭资产配置计划',
client: '客户：赵*琪',
date: '2024-03-11 18:40',
tag: '资产配置',
status: 'generated',
fileName: '高净值家庭资产配置计划.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 6,
title: '企业主税务筹划方案',
client: '客户：陈*明',
date: '2024-03-11 11:05',
tag: '税务筹划',
status: 'processing',
fileName: '',
downloadUrl: ''
},
{
id: 7,
title: '家庭保障升级计划（重疾）',
client: '客户：周*然',
date: '2024-03-10 14:22',
tag: '健康保障',
status: 'generated',
fileName: '家庭保障升级计划（重疾）.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 8,
title: '家庭教育金规划方案',
client: '客户：许*雅',
date: '2024-03-10 09:48',
tag: '教育金',
status: 'generated',
fileName: '家庭教育金规划方案.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 9,
title: '中长期养老规划',
client: '客户：刘*文',
date: '2024-03-09 16:05',
tag: '养老规划',
status: 'processing',
fileName: '',
downloadUrl: ''
},
{
id: 10,
title: '企业员工福利保障计划',
client: '客户：沈*杰',
date: '2024-03-09 10:33',
tag: '团体保障',
status: 'generated',
fileName: '企业员工福利保障计划.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 11,
title: '家族信托规划方案',
client: '客户：唐*豪',
date: '2024-03-08 17:50',
tag: '家族信托',
status: 'generated',
fileName: '家族信托规划方案.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
},
{
id: 12,
title: '企业接班人保障方案',
client: '客户：何*峰',
date: '2024-03-08 09:12',
tag: '传承保障',
status: 'generated',
fileName: '企业接班人保障方案.pdf',
downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
}
])
......