hookehuyr

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

- 将页面结构调整为顶部固定、列表独立滚动,提升浏览体验
- 扩充 Mock 数据以支持更全面的搜索与筛选测试
- 更新 README 与 CHANGELOG 文档
...@@ -74,6 +74,10 @@ src/ ...@@ -74,6 +74,10 @@ src/
74 └── app.less # 全局样式 74 └── app.less # 全局样式
75 ``` 75 ```
76 76
77 +## 📄 页面说明
78 +
79 +- 计划书页面支持顶部搜索与标签固定,列表区域独立滚动,便于快速筛选和浏览
80 +
77 ## ⚙️ 配置说明 81 ## ⚙️ 配置说明
78 82
79 ### 1. 修改服务器配置 83 ### 1. 修改服务器配置
......
1 +## [2026-01-31] - 优化计划书页面滚动与测试数据
2 +
3 +### 优化
4 +- 计划书页面顶部区域固定,列表区域独立滚动 (`pages/plan/index.vue`)
5 +- 扩充计划书列表 Mock 数据,便于搜索与筛选测试
6 +
7 +---
8 +
9 +**详细信息**
10 +- **影响文件**: src/pages/plan/index.vue, README.md
11 +- **技术栈**: Vue 3, Taro, TailwindCSS
12 +- **测试状态**: pnpm lint(存在既有警告)
13 +- **备注**:
14 + - 搜索栏与标签栏保持在顶部,列表滚动更稳定
15 +
16 +---
17 +
1 ## [2026-01-31] - 实现计划书提交跳转功能 18 ## [2026-01-31] - 实现计划书提交跳转功能
2 19
3 ### 新增 20 ### 新增
......
1 <template> 1 <template>
2 - <view class="min-h-screen bg-gray-50 pb-[200rpx]"> 2 + <view class="h-screen bg-gray-50 flex flex-col">
3 + <view class="bg-gray-50">
3 <!-- Navigation Header --> 4 <!-- Navigation Header -->
4 <NavHeader title="我的计划书" /> 5 <NavHeader title="我的计划书" />
5 6
...@@ -23,9 +24,10 @@ ...@@ -23,9 +24,10 @@
23 </div> 24 </div>
24 </div> 25 </div>
25 </view> 26 </view>
27 + </view>
26 28
27 <!-- Plan List --> 29 <!-- Plan List -->
28 - <view class="px-[24rpx] py-[24rpx]"> 30 + <view class="flex-1 overflow-y-auto px-[24rpx] py-[24rpx] pb-[200rpx]">
29 <view v-for="(item, index) in filteredList" :key="index" 31 <view v-for="(item, index) in filteredList" :key="index"
30 class="bg-white rounded-[24rpx] p-[24rpx] mb-[24rpx] shadow-sm"> 32 class="bg-white rounded-[24rpx] p-[24rpx] mb-[24rpx] shadow-sm">
31 <!-- Header --> 33 <!-- Header -->
...@@ -145,6 +147,86 @@ const list = ref([ ...@@ -145,6 +147,86 @@ const list = ref([
145 // 文档信息 147 // 文档信息
146 fileName: '家庭财富传承保障计划.pdf', 148 fileName: '家庭财富传承保障计划.pdf',
147 downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf' 149 downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
150 + },
151 + {
152 + id: 5,
153 + title: '高净值家庭资产配置计划',
154 + client: '客户:赵*琪',
155 + date: '2024-03-11 18:40',
156 + tag: '资产配置',
157 + status: 'generated',
158 + fileName: '高净值家庭资产配置计划.pdf',
159 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
160 + },
161 + {
162 + id: 6,
163 + title: '企业主税务筹划方案',
164 + client: '客户:陈*明',
165 + date: '2024-03-11 11:05',
166 + tag: '税务筹划',
167 + status: 'processing',
168 + fileName: '',
169 + downloadUrl: ''
170 + },
171 + {
172 + id: 7,
173 + title: '家庭保障升级计划(重疾)',
174 + client: '客户:周*然',
175 + date: '2024-03-10 14:22',
176 + tag: '健康保障',
177 + status: 'generated',
178 + fileName: '家庭保障升级计划(重疾).pdf',
179 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
180 + },
181 + {
182 + id: 8,
183 + title: '家庭教育金规划方案',
184 + client: '客户:许*雅',
185 + date: '2024-03-10 09:48',
186 + tag: '教育金',
187 + status: 'generated',
188 + fileName: '家庭教育金规划方案.pdf',
189 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
190 + },
191 + {
192 + id: 9,
193 + title: '中长期养老规划',
194 + client: '客户:刘*文',
195 + date: '2024-03-09 16:05',
196 + tag: '养老规划',
197 + status: 'processing',
198 + fileName: '',
199 + downloadUrl: ''
200 + },
201 + {
202 + id: 10,
203 + title: '企业员工福利保障计划',
204 + client: '客户:沈*杰',
205 + date: '2024-03-09 10:33',
206 + tag: '团体保障',
207 + status: 'generated',
208 + fileName: '企业员工福利保障计划.pdf',
209 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
210 + },
211 + {
212 + id: 11,
213 + title: '家族信托规划方案',
214 + client: '客户:唐*豪',
215 + date: '2024-03-08 17:50',
216 + tag: '家族信托',
217 + status: 'generated',
218 + fileName: '家族信托规划方案.pdf',
219 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
220 + },
221 + {
222 + id: 12,
223 + title: '企业接班人保障方案',
224 + client: '客户:何*峰',
225 + date: '2024-03-08 09:12',
226 + tag: '传承保障',
227 + status: 'generated',
228 + fileName: '企业接班人保障方案.pdf',
229 + downloadUrl: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
148 } 230 }
149 ]) 231 ])
150 232
......