feat(plan): 优化计划书页面布局并扩充测试数据
- 将页面结构调整为顶部固定、列表独立滚动,提升浏览体验 - 扩充 Mock 数据以支持更全面的搜索与筛选测试 - 更新 README 与 CHANGELOG 文档
Showing
3 changed files
with
105 additions
and
2 deletions
| 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 | ... | ... |
-
Please register or login to post a comment