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

- 将页面结构调整为顶部固定、列表独立滚动，提升浏览体验 - 扩充 Mock 数据以支持更全面的搜索与筛选测试 - 更新 README 与 CHANGELOG 文档

feat(plan): 优化计划书页面布局并扩充测试数据
- 将页面结构调整为顶部固定、列表独立滚动，提升浏览体验 - 扩充 Mock 数据以支持更全面的搜索与筛选测试 - 更新 README 与 CHANGELOG 文档
hookehuyr
Commit 04d02f53e154c082938f3f980b9413785e0e1460 04d02f53 1 parent 6405b18b
Showing 3 changed files with 125 additions and 22 deletions
README.md
docs/CHANGELOG.md
src/pages/plan/index.vue
--- a/README.md
View file @04d02f5
+++ b/README.md
View file @04d02f5
@@ -74,6 +74,10 @@ src/
 └── app.less                # 全局样式
 ```
+## 📄 页面说明
+
+- 计划书页面支持顶部搜索与标签固定，列表区域独立滚动，便于快速筛选和浏览
+
 ## ⚙️ 配置说明
 ### 1. 修改服务器配置
--- a/docs/CHANGELOG.md
View file @04d02f5
+++ b/docs/CHANGELOG.md
View file @04d02f5
+## [2026-01-31] - 优化计划书页面滚动与测试数据
+
+### 优化
+- 计划书页面顶部区域固定，列表区域独立滚动 (`pages/plan/index.vue`)
+- 扩充计划书列表 Mock 数据，便于搜索与筛选测试
+
+---
+
+**详细信息**：
+- **影响文件**: src/pages/plan/index.vue, README.md
+- **技术栈**: Vue 3, Taro, TailwindCSS
+- **测试状态**: pnpm lint（存在既有警告）
+- **备注**:
+  - 搜索栏与标签栏保持在顶部，列表滚动更稳定
+
+---
+
 ## [2026-01-31] - 实现计划书提交跳转功能
 ### 新增
--- a/src/pages/plan/index.vue
View file @04d02f5
+++ b/src/pages/plan/index.vue
View file @04d02f5
 <template>
-  <view class="min-h-screen bg-gray-50 pb-[200rpx]">
+  <view class="h-screen bg-gray-50 flex flex-col">
-    <!-- Navigation Header -->
+    <view class="bg-gray-50">
-    <NavHeader title="我的计划书" />
+      <!-- Navigation Header -->
-
+      <NavHeader title="我的计划书" />
-    <!-- Search Bar -->
+
-    <view class="bg-white px-[24rpx] py-[16rpx]">
+      <!-- Search Bar -->
-      <nut-searchbar v-model="searchValue" placeholder="搜索计划书名称、客户姓名..." @search="onSearch" clearable>
+      <view class="bg-white px-[24rpx] py-[16rpx]">
-        <template #left-in>
+        <nut-searchbar v-model="searchValue" placeholder="搜索计划书名称、客户姓名..." @search="onSearch" clearable>
-          <IconFont name="search" size="14" />
+          <template #left-in>
-        </template>
+            <IconFont name="search" size="14" />
-      </nut-searchbar>
+          </template>
-    </view>
+        </nut-searchbar>
+      </view>
-    <!-- Tabs -->
+      <!-- Tabs -->
-    <view class="bg-white mt-[2rpx] px-[24rpx] py-[20rpx]">
+      <view class="bg-white mt-[2rpx] px-[24rpx] py-[20rpx]">
-      <div class="flex overflow-x-auto no-scrollbar space-x-[24rpx]">
+        <div class="flex overflow-x-auto no-scrollbar space-x-[24rpx]">
-        <div v-for="(tab, index) in tabs" :key="index"
+          <div v-for="(tab, index) in tabs" :key="index"
-          class="px-[32rpx] py-[16rpx] rounded-full text-[28rpx] whitespace-nowrap transition-colors"
+            class="px-[32rpx] py-[16rpx] rounded-full text-[28rpx] whitespace-nowrap transition-colors"
-          :class="activeTab === index ? 'bg-[#2563EB] text-white' : 'bg-[#F3F4F6] text-[#6B7280]'"
+            :class="activeTab === index ? 'bg-[#2563EB] text-white' : 'bg-[#F3F4F6] text-[#6B7280]'"
-          @click="activeTab = index">
+            @click="activeTab = index">
-          {{ tab.title }}
+            {{ 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'
   }
 ])