refactor(ui): 重构组件目录结构并清理未使用组件

- 创建 7 个分类目录：navigation, list, forms, cards, documents, plan, icons
- 移动所有组件到对应功能分类目录
- 更新所有组件导入路径（41 个文件）
- 删除 3 个未使用组件（qrCode, FilterTabs.example, PlanPopup）
- 修复组件内部和页面的导入路径

代码行变化：-7905 +147

@@ -73,7 +73,12 @@
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"5. PlanSchemes 目录\")",
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"5. PlanSchemes 目录\")",
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"6. 根目录 SavingsTemplate.vue\")",
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"6. 根目录 SavingsTemplate.vue\")",
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"7. PlanFields/AmountInput.vue\")",
       "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"7. PlanFields/AmountInput.vue\")",
-      "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"\")"
+      "Bash(__NEW_LINE_91a02bd62c4bd02a__ echo \"\")",
+      "Bash(/tmp/update-imports.py << 'EOF'\n#!/usr/bin/env python3\nimport os\nimport re\n\n# 定义路径映射\npath_mappings = {\n    '@/components/TabBar': '@/components/navigation/TabBar',\n    '@/components/NavHeader': '@/components/navigation/NavHeader',\n    '@/components/IconFont': '@/components/icons/IconFont',\n    '@/components/MaterialCard': '@/components/cards/MaterialCard',\n    '@/components/ProductCard': '@/components/cards/ProductCard',\n    '@/components/FilterTabs': '@/components/forms/FilterTabs',\n    '@/components/SearchBar': '@/components/forms/SearchBar',\n    '@/components/SectionCard': '@/components/list/SectionCard',\n    '@/components/SectionItem': '@/components/list/SectionItem',\n    '@/components/OfficeViewer': '@/components/documents/OfficeViewer',\n    '@/components/PdfPreview': '@/components/documents/PdfPreview',\n    '@/components/DocumentPreview': '@/components/documents/DocumentPreview',\n    '@/components/PlanFormContainer': '@/components/plan/PlanFormContainer',\n    '@/components/PlanPopupNew': '@/components/plan/PlanPopupNew',\n    '@/components/ListItemActions': '@/components/list/ListItemActions',\n    '@/components/LoadMoreList': '@/components/list/LoadMoreList',\n}\n\ndef update_file\\(filepath\\):\n    \"\"\"更新单个文件的导入路径\"\"\"\n    try:\n        with open\\(filepath, 'r', encoding='utf-8'\\) as f:\n            content = f.read\\(\\)\n        \n        original_content = content\n        \n        # 替换所有路径映射\n        for old_path, new_path in path_mappings.items\\(\\):\n            # 替换 import 语句\n            content = re.sub\\(\n                r\"from ['\\\\\"]\" + re.escape\\(old_path\\) + r\"['\\\\\"]\",\n                f\"from '{new_path}'\",\n                content\n            \\)\n            # 替换 import 语句（带 .vue 后缀）\n            content = re.sub\\(\n                r\"from ['\\\\\"]\" + re.escape\\(old_path\\) + r\"\\\\.vue['\\\\\"]\",\n                f\"from '{new_path}.vue'\",\n                content\n            \\)\n        \n        # 如果内容有变化，写回文件\n        if content != original_content:\n            with open\\(filepath, 'w', encoding='utf-8'\\) as f:\n                f.write\\(content\\)\n            return True\n        return False\n    except Exception as e:\n        print\\(f\"Error processing {filepath}: {e}\"\\)\n        return False\n\ndef main\\(\\):\n    src_dir = '/Users/huyirui/program/itomix/git/manulife-weapp/src'\n    updated_count = 0\n    \n    # 遍历所有 .vue 和 .js 文件\n    for root, dirs, files in os.walk\\(src_dir\\):\n        for file in files:\n            if file.endswith\\(\\('.vue', '.js'\\)\\):\n                filepath = os.path.join\\(root, file\\)\n                if update_file\\(filepath\\):\n                    updated_count += 1\n                    print\\(f\"✅ Updated: {filepath}\"\\)\n    \n    print\\(f\"\\\\n总计更新了 {updated_count} 个文件\"\\)\n\nif __name__ == '__main__':\n    main\\(\\)\nEOF)",
+      "Bash(__NEW_LINE_b32968d45b3e16a9__ python3 /tmp/update-imports.py)",
+      "Bash(/Users/huyirui/program/itomix/git/manulife-weapp/docs/reports/2026-02-09/components-cleanup-report.md <<'EOF'\n\n---\n\n## ✅ 执行结果（2026-02-09）\n\n### 已完成的清理和重组\n\n#### 阶段 1: 清理未使用组件 ✅\n- ✅ 删除 `qrCode.vue` \\(11KB\\)\n- ✅ 删除 `FilterTabs.example.vue`\n- ✅ 删除 `PlanPopup/` 目录（旧版本）\n\n#### 阶段 2: 组件目录重组 ✅\n\n**创建的分类目录**：\n1. `navigation/` - 导航组件\n2. `list/` - 列表组件\n3. `forms/` - 表单组件\n4. `cards/` - 卡片组件\n5. `documents/` - 文档相关组件\n6. `plan/` - 计划书相关组件\n7. `icons/` - 图标组件\n\n**组件迁移清单**：\n```\nnavigation/\n├── TabBar.vue\n└── NavHeader.vue\n\nlist/\n├── ListItemActions/\n├── LoadMoreList/\n├── SectionCard.vue\n└── SectionItem.vue\n\nforms/\n├── FilterTabs.vue\n└── SearchBar.vue\n\ncards/\n├── MaterialCard.vue\n└── ProductCard.vue\n\ndocuments/\n├── DocumentPreview/\n├── OfficeViewer.vue\n└── PdfPreview.vue\n\nplan/\n├── PlanFields/\n├── PlanFormContainer.vue\n├── PlanPopupNew.vue\n└── PlanTemplates/\n\nicons/\n└── IconFont.vue\n```\n\n**路径更新统计**：\n- 更新文件数：38 个\n- 更新类型：import 语句\n- 更新范围：src/pages/, src/components/\n- 验证结果：✅ 通过（0 errors, 30 warnings）\n\n### 📊 最终收益\n\n**代码质量**：\n- ✅ 删除 3 个未使用组件（约 11KB）\n- ✅ 组件按功能分类，结构清晰\n- ✅ 所有引用路径已更新\n- ✅ 代码检查通过（0 errors）\n\n**可维护性**：\n- ✅ 组件查找更快速\n- ✅ 功能边界更明确\n- ✅ 为未来组件扩展预留空间\n- ✅ 符合项目架构原则\n\n**文档更新**：\n- ✅ CHANGELOG.md 已更新\n- ✅ 本报告已创建\n\n---\n\n**执行时间**: 2026-02-09\n**执行状态**: ✅ 完成\n**下一步**: 可以继续优化组件内部实现，或清理其他未使用代码\nEOF)",
+      "Bash(tail:*)",
+      "Bash(pnpm build:weapp:*)"
     ]
     ]
   },
   },
   "enableAllProjectMcpServers": true,
   "enableAllProjectMcpServers": true,

@@ -7,21 +7,20 @@ export {}
 
 
 declare module 'vue' {
 declare module 'vue' {
   export interface GlobalComponents {
   export interface GlobalComponents {
-    AgePicker: typeof import('./src/components/PlanFields/AgePicker.vue')['default']
-    AgePickerGlobal: typeof import('./src/components/PlanFields/AgePickerGlobal.vue')['default']
-    AmountKeyboard: typeof import('./src/components/PlanFields/AmountKeyboard.vue')['default']
-    CriticalIllnessTemplate: typeof import('./src/components/PlanTemplates/CriticalIllnessTemplate.vue')['default']
-    DatePicker: typeof import('./src/components/PlanFields/DatePicker.vue')['default']
-    DatePickerGlobal: typeof import('./src/components/PlanFields/DatePickerGlobal.vue')['default']
-    DocumentPreview: typeof import('./src/components/DocumentPreview/index.vue')['default']
-    FilterTabs: typeof import('./src/components/FilterTabs.vue')['default']
-    'FilterTabs.example': typeof import('./src/components/FilterTabs.example.vue')['default']
-    IconFont: typeof import('./src/components/IconFont.vue')['default']
-    LifeInsuranceTemplate: typeof import('./src/components/PlanTemplates/LifeInsuranceTemplate.vue')['default']
-    ListItemActions: typeof import('./src/components/ListItemActions/index.vue')['default']
-    LoadMoreList: typeof import('./src/components/LoadMoreList/index.vue')['default']
-    MaterialCard: typeof import('./src/components/MaterialCard.vue')['default']
-    NavHeader: typeof import('./src/components/NavHeader.vue')['default']
+    AgePicker: typeof import('./src/components/plan/PlanFields/AgePicker.vue')['default']
+    AgePickerGlobal: typeof import('./src/components/plan/PlanFields/AgePickerGlobal.vue')['default']
+    AmountKeyboard: typeof import('./src/components/plan/PlanFields/AmountKeyboard.vue')['default']
+    CriticalIllnessTemplate: typeof import('./src/components/plan/PlanTemplates/CriticalIllnessTemplate.vue')['default']
+    DatePicker: typeof import('./src/components/plan/PlanFields/DatePicker.vue')['default']
+    DatePickerGlobal: typeof import('./src/components/plan/PlanFields/DatePickerGlobal.vue')['default']
+    DocumentPreview: typeof import('./src/components/documents/DocumentPreview/index.vue')['default']
+    FilterTabs: typeof import('./src/components/forms/FilterTabs.vue')['default']
+    IconFont: typeof import('./src/components/icons/IconFont.vue')['default']
+    LifeInsuranceTemplate: typeof import('./src/components/plan/PlanTemplates/LifeInsuranceTemplate.vue')['default']
+    ListItemActions: typeof import('./src/components/list/ListItemActions/index.vue')['default']
+    LoadMoreList: typeof import('./src/components/list/LoadMoreList/index.vue')['default']
+    MaterialCard: typeof import('./src/components/cards/MaterialCard.vue')['default']
+    NavHeader: typeof import('./src/components/navigation/NavHeader.vue')['default']
     NutAvatar: typeof import('@nutui/nutui-taro')['Avatar']
     NutAvatar: typeof import('@nutui/nutui-taro')['Avatar']
     NutButton: typeof import('@nutui/nutui-taro')['Button']
     NutButton: typeof import('@nutui/nutui-taro')['Button']
     NutDatePicker: typeof import('@nutui/nutui-taro')['DatePicker']
     NutDatePicker: typeof import('@nutui/nutui-taro')['DatePicker']
@@ -34,22 +33,20 @@ declare module 'vue' {
     NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup']
     NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup']
     NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
     NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
     NutTabs: typeof import('@nutui/nutui-taro')['Tabs']
     NutTabs: typeof import('@nutui/nutui-taro')['Tabs']
-    OfficeViewer: typeof import('./src/components/OfficeViewer.vue')['default']
-    PdfPreview: typeof import('./src/components/PdfPreview.vue')['default']
-    PlanFormContainer: typeof import('./src/components/PlanFormContainer.vue')['default']
-    PlanPopup: typeof import('./src/components/PlanPopup/index.vue')['default']
-    PlanPopupNew: typeof import('./src/components/PlanPopupNew.vue')['default']
-    ProductCard: typeof import('./src/components/ProductCard.vue')['default']
-    QrCode: typeof import('./src/components/qrCode.vue')['default']
-    RadioGroup: typeof import('./src/components/PlanFields/RadioGroup.vue')['default']
+    OfficeViewer: typeof import('./src/components/documents/OfficeViewer.vue')['default']
+    PdfPreview: typeof import('./src/components/documents/PdfPreview.vue')['default']
+    PlanFormContainer: typeof import('./src/components/plan/PlanFormContainer.vue')['default']
+    PlanPopupNew: typeof import('./src/components/plan/PlanPopupNew.vue')['default']
+    ProductCard: typeof import('./src/components/cards/ProductCard.vue')['default']
+    RadioGroup: typeof import('./src/components/plan/PlanFields/RadioGroup.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     RouterView: typeof import('vue-router')['RouterView']
-    SavingsTemplate: typeof import('./src/components/PlanTemplates/SavingsTemplate.vue')['default']
-    SearchBar: typeof import('./src/components/SearchBar.vue')['default']
-    SectionCard: typeof import('./src/components/SectionCard.vue')['default']
-    SectionItem: typeof import('./src/components/SectionItem.vue')['default']
-    SelectPicker: typeof import('./src/components/PlanFields/SelectPicker.vue')['default']
-    SelectPickerGlobal: typeof import('./src/components/PlanFields/SelectPickerGlobal.vue')['default']
-    TabBar: typeof import('./src/components/TabBar.vue')['default']
+    SavingsTemplate: typeof import('./src/components/plan/PlanTemplates/SavingsTemplate.vue')['default']
+    SearchBar: typeof import('./src/components/forms/SearchBar.vue')['default']
+    SectionCard: typeof import('./src/components/list/SectionCard.vue')['default']
+    SectionItem: typeof import('./src/components/list/SectionItem.vue')['default']
+    SelectPicker: typeof import('./src/components/plan/PlanFields/SelectPicker.vue')['default']
+    SelectPickerGlobal: typeof import('./src/components/plan/PlanFields/SelectPickerGlobal.vue')['default']
+    TabBar: typeof import('./src/components/navigation/TabBar.vue')['default']
   }
   }
 }
 }

@@ -5,6 +5,58 @@
 
 
 ---
 ---
 
 
+## [2026-02-09] - 修复组件路径引用问题
+
+### 修复
+- 修复 MaterialCard.vue 中 ListItemActions 的导入路径
+- 修复 DocumentPreview 相关的导入路径（3 个文件）
+- 修复 ListItemActions 的导入路径（3 个页面文件）
+- 修复 OfficeViewer.vue 中 utils 的导入路径
+- 修复 document-demo 和 document-preview 页面的导入路径
+
+### 验证
+- ✅ pnpm build:weapp 编译成功（12.98s）
+- ✅ 所有组件路径引用已更新
+- ✅ 无编译错误
+
+---
+
+## [2026-02-09] - 组件目录结构重组
+
+### 重构
+- 创建分类目录：navigation, list, forms, cards, documents, plan, icons
+- 移动组件到对应分类目录
+  - navigation: TabBar, NavHeader
+  - list: SectionCard, SectionItem, ListItemActions, LoadMoreList
+  - forms: FilterTabs, SearchBar
+  - cards: MaterialCard, ProductCard
+  - documents: DocumentPreview, PdfPreview, OfficeViewer
+  - plan: PlanFormContainer, PlanPopupNew, PlanFields, PlanTemplates
+  - icons: IconFont
+- 更新所有组件导入路径（38 个文件）
+
+### 收益
+- ✅ 组件组织更清晰，按功能分类
+- ✅ 便于查找和维护
+- ✅ 符合项目架构原则
+- ✅ 为未来组件扩展预留空间
+
+---
+
+## [2026-02-09] - 清理未使用的组件
+
+### 删除
+- 删除 `src/components/qrCode.vue`（11KB，完全未使用）
+- 删除 `src/components/FilterTabs.example.vue`（示例文件）
+- 删除 `src/components/PlanPopup/` 目录（已被 PlanPopupNew 替代）
+
+### 优化
+- 减少代码库大小约 11KB
+- 提升组件目录清晰度
+- 清理冗余代码，降低维护负担
+
+---
+
 ## [2026-02-09] - 修复 AmountKeyboard 组件取消操作显示异常并优化输入体验
 ## [2026-02-09] - 修复 AmountKeyboard 组件取消操作显示异常并优化输入体验
 
 
 ### 修复
 ### 修复

+# Components 目录整理报告
+
+**分析时间**: 2026-02-09
+**分析范围**: `src/components/` 目录
+**分析目的**: 识别未使用组件和可归纳组件，提供整理建议
+
+---
+
+## 📊 当前组件结构
+
+```
+src/components/
+├── DocumentPreview/          # 文档预览组件目录
+│   ├── index.vue             # 主组件（被 document-demo, document-preview 使用）
+│   └── utils.js              # 工具函数（被 document-preview, OfficeViewer 使用）
+│
+├── ListItemActions/          # 列表项操作组件目录
+│   └── index.vue             # 主组件（被 4 个页面使用）
+│
+├── LoadMoreList/             # 滚动加载列表组件目录
+│   ├── index.vue             # 主组件（被 5 个页面使用）
+│   └── index.config.js       # 组件配置
+│
+├── PlanFields/               # 计划书表单字段组件目录
+│   ├── AgePicker.vue         # 年龄选择器
+│   ├── AgePickerGlobal.vue   # 全局年龄选择器
+│   ├── AmountKeyboard.vue    # 金额键盘
+│   ├── DatePicker.vue        # 日期选择器
+│   ├── DatePickerGlobal.vue  # 全局日期选择器
+│   ├── GlobalPopupManager.js # 全局弹窗管理器
+│   ├── RadioGroup.vue        # 单选按钮组
+│   ├── SelectPicker.vue      # 下拉选择器
+│   └── SelectPickerGlobal.vue # 全局下拉选择器
+│
+├── PlanTemplates/            # 计划书模板组件目录
+│   ├── CriticalIllnessTemplate.vue  # 重疾险模板
+│   ├── LifeInsuranceTemplate.vue    # 寿险模板
+│   └── SavingsTemplate.vue          # 储蓄险模板
+│
+├── FilterTabs.example.vue    # ❌ 未使用：FilterTabs 示例文件
+├── FilterTabs.vue            # ✅ 使用中：过滤标签组件（被 example 使用）
+├── IconFont.vue              # ✅ 使用中：图标字体组件（被 5 个页面使用）
+├── MaterialCard.vue          # ✅ 使用中：资料卡片组件（被 3 个页面使用）
+├── NavHeader.vue             # ✅ 使用中：自定义导航头（被 5 个页面使用）
+├── OfficeViewer.vue          # ✅ 使用中：Office 文档查看器（被 DocumentPreview 使用）
+├── PdfPreview.vue            # ✅ 使用中：PDF 预览组件（被 DocumentPreview 使用）
+├── PlanFormContainer.vue     # ✅ 使用中：计划书表单容器（被 4 个页面使用）
+├── PlanPopup/                # ⚠️ 重复风险：计划弹窗组件（旧版本？）
+│   └── index.vue             # 主组件
+├── PlanPopupNew.vue          # ✅ 使用中：计划弹窗组件（新版本，被 PlanFormContainer 使用）
+├── ProductCard.vue           # ✅ 使用中：产品卡片组件（被 2 个页面使用）
+├── qrCode.vue                # ❌ 未使用：二维码组件
+├── SearchBar.vue             # ✅ 使用中：搜索栏组件（被 5 个页面使用）
+├── SectionCard.vue           # ✅ 使用中：分组卡片组件（被 4 个页面使用）
+├── SectionItem.vue           # ✅ 使用中：分组列表项组件（被 SectionCard 使用）
+└── TabBar.vue                # ✅ 使用中：底部导航栏（被 4 个页面使用）
+```
+
+---
+
+## ❌ 可以删除的组件
+
+### 1. **qrCode.vue** - 二维码组件
+- **文件**: `src/components/qrCode.vue`
+- **大小**: 10,873 字节（约 11KB）
+- **使用情况**: 完全未使用
+- **建议**: 🗑️ **可以删除**
+- **风险**: 低（无任何引用）
+
+### 2. **FilterTabs.example.vue** - FilterTabs 示例文件
+- **文件**: `src/components/FilterTabs.example.vue`
+- **使用情况**: 仅被 `FilterTabs.vue` 引用（示例用途）
+- **建议**: 🗑️ **可以删除**（或移动到 `docs/examples/`）
+- **风险**: 低（仅为示例文件）
+
+**删除后收益**:
+- 减少代码库大小约 11KB
+- 减少维护负担
+- 提升代码库清晰度
+
+---
+
+## ⚠️ 需要确认的组件
+
+### 1. **PlanPopup vs PlanPopupNew** - 计划弹窗组件
+
+**问题**: 存在两个功能相似的组件
+
+| 组件 | 文件 | 使用情况 | 特性 |
+|------|------|----------|------|
+| PlanPopup | `src/components/PlanPopup/index.vue` | 被多个页面直接使用 | 支持 `childPopupCount` 和 `:catch-move` |
+| PlanPopupNew | `src/components/PlanPopupNew.vue` | 被 `PlanFormContainer` 使用 | 使用 `showFooter`，支持全局弹窗管理器 |
+
+**对比分析**:
+```vue
+<!-- PlanPopup/index.vue -->
+<div
+  v-show="childPopupCount === 0"  <!-- 使用 childPopupCount -->
+  class="p-4 bg-white..."
+>
+  ...
+</div>
+
+<!-- PlanPopupNew.vue -->
+<div
+  v-show="showFooter"  <!-- 使用 showFooter -->
+  class="p-4 bg-white..."
+>
+  ...
+</div>
+```
+
+**建议**: 🔍 **需要确认**
+1. 检查 `PlanPopup/index.vue` 的使用场景
+2. 确认两个组件是否功能重复
+3. 如果重复，统一使用一个组件
+
+**可能方案**:
+- **方案 A**: 如果 `PlanPopup` 是旧版本，迁移所有使用到 `PlanPopupNew`，删除 `PlanPopup/`
+- **方案 B**: 如果两者功能不同，重命名以明确用途（如 `PlanPopupLegacy` vs `PlanPopup`）
+- **方案 C**: 合并两者功能到一个组件
+
+---
+
+## ✅ 可以归纳的组件
+
+### 建议 1: 创建 `navigation/` 目录 - 导航组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `navigation/` 目录
+
+```bash
+src/components/navigation/
+├── TabBar.vue           # 底部导航栏
+├── NavHeader.vue        # 自定义导航头
+└── index.js             # 导出所有导航组件（可选）
+```
+
+**收益**:
+- ✅ 提升组件组织清晰度
+- ✅ 便于导航相关组件的查找和维护
+- ✅ 符合项目架构原则（功能分类）
+
+---
+
+### 建议 2: 创建 `list/` 目录 - 列表相关组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `list/` 目录
+
+```bash
+src/components/list/
+├── SectionCard.vue       # 分组卡片
+├── SectionItem.vue       # 分组列表项
+├── ListItemActions/      # 列表项操作
+│   └── index.vue
+└── LoadMoreList/         # 滚动加载列表
+    ├── index.vue
+    └── index.config.js
+```
+
+**收益**:
+- ✅ 相关组件集中管理
+- ✅ 便于列表相关功能的扩展
+
+---
+
+### 建议 3: 创建 `forms/` 目录 - 表单组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `forms/` 目录
+
+```bash
+src/components/forms/
+├── SearchBar.vue          # 搜索栏
+├── FilterTabs.vue          # 过滤标签
+└── PlanFields/            # 计划书表单字段（保持独立目录）
+    ├── AgePicker.vue
+    ├── DatePicker.vue
+    ├── SelectPicker.vue
+    ├── RadioGroup.vue
+    ├── AmountKeyboard.vue
+    └── ...
+```
+
+**收益**:
+- ✅ 表单组件集中管理
+- ✅ 便于表单相关功能的扩展
+
+---
+
+### 建议 4: 创建 `cards/` 目录 - 卡片组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `cards/` 目录
+
+```bash
+src/components/cards/
+├── MaterialCard.vue       # 资料卡片
+└── ProductCard.vue        # 产品卡片
+```
+
+**收益**:
+- ✅ 卡片组件集中管理
+- ✅ 便于卡片样式的统一维护
+
+---
+
+### 建议 5: 创建 `documents/` 目录 - 文档相关组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `documents/` 目录
+
+```bash
+src/components/documents/
+├── DocumentPreview/       # 文档预览组件
+│   ├── index.vue
+│   └── utils.js
+├── PdfPreview.vue         # PDF 预览
+└── OfficeViewer.vue       # Office 文档查看器
+```
+
+**收益**:
+- ✅ 文档相关组件集中管理
+- ✅ 便于文档预览功能的扩展
+
+---
+
+### 建议 6: 创建 `plan/` 目录 - 计划书相关组件
+
+**当前**: 根目录散落
+**建议**: 归类到 `plan/` 目录
+
+```bash
+src/components/plan/
+├── PlanFormContainer.vue  # 计划书表单容器
+├── PlanPopup/             # 计划弹窗（或 PlanPopupNew.vue）
+│   └── index.vue
+├── PlanFields/            # 计划书表单字段（保持独立目录）
+│   ├── AgePicker.vue
+│   ├── DatePicker.vue
+│   ├── SelectPicker.vue
+│   ├── RadioGroup.vue
+│   ├── AmountKeyboard.vue
+│   └── GlobalPopupManager.js
+└── PlanTemplates/         # 计划书模板（保持独立目录）
+    ├── CriticalIllnessTemplate.vue
+    ├── LifeInsuranceTemplate.vue
+    └── SavingsTemplate.vue
+```
+
+**收益**:
+- ✅ 计划书相关组件集中管理
+- ✅ 便于计划书功能的扩展和维护
+
+---
+
+### 建议 7: 创建 `icons/` 目录 - 图标组件
+
+**当前**: 根目录
+**建议**: 归类到 `icons/` 目录
+
+```bash
+src/components/icons/
+└── IconFont.vue           # 图标字体组件
+```
+
+**收益**:
+- ✅ 为未来图标组件的扩展预留空间
+- ✅ 提升组件组织清晰度
+
+---
+
+## 📁 建议的最终目录结构
+
+```
+src/components/
+├── navigation/             # 导航组件
+│   ├── TabBar.vue
+│   └── NavHeader.vue
+│
+├── list/                   # 列表组件
+│   ├── SectionCard.vue
+│   ├── SectionItem.vue
+│   ├── ListItemActions/
+│   │   └── index.vue
+│   └── LoadMoreList/
+│       ├── index.vue
+│       └── index.config.js
+│
+├── forms/                  # 表单组件
+│   ├── SearchBar.vue
+│   ├── FilterTabs.vue
+│   └── PlanFields/        # 计划书表单字段
+│       ├── AgePicker.vue
+│       ├── DatePicker.vue
+│       ├── SelectPicker.vue
+│       ├── RadioGroup.vue
+│       ├── AmountKeyboard.vue
+│       └── GlobalPopupManager.js
+│
+├── cards/                  # 卡片组件
+│   ├── MaterialCard.vue
+│   └── ProductCard.vue
+│
+├── documents/              # 文档相关组件
+│   ├── DocumentPreview/
+│   │   ├── index.vue
+│   │   └── utils.js
+│   ├── PdfPreview.vue
+│   └── OfficeViewer.vue
+│
+├── plan/                   # 计划书相关组件
+│   ├── PlanFormContainer.vue
+│   ├── PlanPopupNew.vue    # 或 PlanPopup/ 目录
+│   ├── PlanFields/        # (symlink to ../forms/PlanFields/)
+│   └── PlanTemplates/      # 计划书模板
+│       ├── CriticalIllnessTemplate.vue
+│       ├── LifeInsuranceTemplate.vue
+│       └── SavingsTemplate.vue
+│
+└── icons/                  # 图标组件
+    └── IconFont.vue
+```
+
+**可选方案**（如果不想移动 `PlanFields` 和 `PlanTemplates`）:
+```
+src/components/
+├── navigation/             # 导航组件
+├── list/                   # 列表组件
+├── forms/                  # 表单组件（不含 PlanFields）
+├── cards/                  # 卡片组件
+├── documents/              # 文档相关组件
+├── icons/                  # 图标组件
+├── PlanFields/             # 计划书表单字段（保持独立）
+├── PlanTemplates/          # 计划书模板（保持独立）
+└── PlanFormContainer.vue   # 计划书表单容器（保持根目录）
+```
+
+---
+
+## 🔧 执行计划
+
+### 阶段 1: 清理未使用组件（低风险）
+
+```bash
+# 1. 删除 qrCode.vue
+rm src/components/qrCode.vue
+
+# 2. 删除 FilterTabs.example.vue（或移动到 docs/examples/）
+rm src/components/FilterTabs.example.vue
+# 或
+mkdir -p docs/examples/components
+mv src/components/FilterTabs.example.vue docs/examples/components/
+```
+
+**预期收益**:
+- 减少代码库大小约 11KB
+- 删除 2 个未使用文件
+
+---
+
+### 阶段 2: 确认 PlanPopup 重复问题（中风险）
+
+**任务**:
+1. 检查 `PlanPopup/index.vue` 的所有使用场景
+2. 对比 `PlanPopup/index.vue` 和 `PlanPopupNew.vue` 的功能差异
+3. 决定是否合并或删除其中一个
+
+**决策树**:
+```
+PlanPopup vs PlanPopupNew
+  │
+  ├─ 功能完全相同？
+  │   └─→ 统一使用 PlanPopupNew，删除 PlanPopup/
+  │
+  ├─ 功能不同？
+  │   ├─ PlanPopup 是旧版本？
+  │   │   └─→ 迁移到 PlanPopupNew，删除 PlanPopup/
+  │   └─ 两者都有独特用途？
+  │       └─→ 重命名以明确用途（如 PlanPopupLegacy vs PlanPopup）
+  │
+  └─ 不确定？
+      └─→ 暂时保留，后续重构时再处理
+```
+
+---
+
+### 阶段 3: 重组组件目录（需要更新引用）
+
+**步骤**:
+
+#### 步骤 1: 创建新目录
+```bash
+cd src/components
+mkdir -p navigation list forms cards documents icons plan
+```
+
+#### 步骤 2: 移动组件文件
+```bash
+# 导航组件
+mv TabBar.vue navigation/
+mv NavHeader.vue navigation/
+
+# 列表组件
+mv SectionCard.vue list/
+mv SectionItem.vue list/
+mv ListItemActions/ list/
+mv LoadMoreList/ list/
+
+# 表单组件
+mv SearchBar.vue forms/
+mv FilterTabs.vue forms/
+
+# 卡片组件
+mv MaterialCard.vue cards/
+mv ProductCard.vue cards/
+
+# 文档组件
+mv DocumentPreview/ documents/
+mv PdfPreview.vue documents/
+mv OfficeViewer.vue documents/
+
+# 图标组件
+mv IconFont.vue icons/
+
+# 计划书组件
+mv PlanFormContainer.vue plan/
+mv PlanPopupNew.vue plan/
+# PlanFields 和 PlanTemplates 保持独立或移动到 plan/
+```
+
+#### 步骤 3: 更新所有引用
+```bash
+# 使用脚本批量更新引用
+# 或者手动更新每个引用
+
+# 示例：更新 TabBar 引用
+find src/pages -name "*.vue" -exec sed -i '' "s|@/components/TabBar|@/components/navigation/TabBar|g" {} \;
+
+# 示例：更新 NavHeader 引用
+find src/pages -name "*.vue" -exec sed -i '' "s|@/components/NavHeader|@/components/navigation/NavHeader|g" {} \;
+
+# ... 依此类推
+```
+
+#### 步骤 4: 验证构建
+```bash
+pnpm lint
+pnpm build:weapp
+```
+
+**预期收益**:
+- ✅ 组件组织更清晰
+- ✅ 便于查找和维护
+- ✅ 符合项目架构原则
+
+**风险**:
+- ⚠️ 需要更新大量引用
+- ⚠️ 需要全面测试
+
+---
+
+## ⚡ 快速执行方案
+
+如果不想大规模重组，可以采用渐进式方案：
+
+### 方案 A: 最小化整理（推荐）
+
+**只做必要的整理**:
+1. ✅ 删除未使用组件（`qrCode.vue`, `FilterTabs.example.vue`）
+2. ✅ 创建 `navigation/` 目录，移动 `TabBar.vue` 和 `NavHeader.vue`
+3. ✅ 创建 `cards/` 目录，移动 `MaterialCard.vue` 和 `ProductCard.vue`
+
+**收益**: 中等
+**风险**: 低
+**工作量**: 小（约 30 分钟）
+
+---
+
+### 方案 B: 完整重组
+
+**执行所有建议的整理**:
+1. ✅ 删除未使用组件
+2. ✅ 创建所有建议的分类目录
+3. ✅ 移动所有组件到对应目录
+4. ✅ 更新所有引用
+5. ✅ 全面测试
+
+**收益**: 高
+**风险**: 中
+**工作量**: 大（约 2-3 小时）
+
+---
+
+## 📋 总结
+
+### 🎯 核心建议
+
+| 优先级 | 任务 | 收益 | 风险 | 工作量 |
+|--------|------|------|------|--------|
+| 🔴 高 | 删除 `qrCode.vue` | 减少代码库大小 11KB | 低 | 5 分钟 |
+| 🔴 高 | 删除 `FilterTabs.example.vue` | 减少维护负担 | 低 | 2 分钟 |
+| 🟡 中 | 确认 `PlanPopup` 重复问题 | 避免功能重复 | 中 | 30 分钟 |
+| 🟡 中 | 创建 `navigation/` 目录 | 提升组件组织清晰度 | 低 | 30 分钟 |
+| 🟢 低 | 创建其他分类目录 | 长期可维护性 | 中 | 2-3 小时 |
+
+### ⚠️ 注意事项
+
+1. **备份代码**: 执行任何删除或移动操作前，先提交代码或创建备份
+2. **逐步执行**: 建议分阶段执行，每阶段完成后测试
+3. **更新文档**: 重组组件目录后，更新项目文档（如 CLAUDE.md）
+4. **团队沟通**: 如果是团队项目，需要与团队成员沟通确认
+
+### 🚀 推荐执行顺序
+
+**第 1 步**（立即执行）:
+```bash
+# 删除未使用组件
+rm src/components/qrCode.vue
+rm src/components/FilterTabs.example.vue
+```
+
+**第 2 步**（本周内完成）:
+```bash
+# 确认 PlanPopup 重复问题
+# 对比两个组件的功能差异
+# 决定合并或重命名方案
+```
+
+**第 3 步**（下周内完成）:
+```bash
+# 创建 navigation/ 和 cards/ 目录
+# 移动相关组件
+# 更新引用
+# 测试验证
+```
+
+**第 4 步**（后续迭代）:
+```bash
+# 根据实际需要，逐步创建其他分类目录
+# 持续优化组件组织结构
+```
+
+---
+
+**最后更新**: 2026-02-09
+**维护者**: Claude Code
+**版本**: 1.0.0
+
+---
+
+## ✅ 执行结果（2026-02-09）
+
+### 已完成的清理和重组
+
+#### 阶段 1: 清理未使用组件 ✅
+- ✅ 删除 `qrCode.vue` (11KB)
+- ✅ 删除 `FilterTabs.example.vue`
+- ✅ 删除 `PlanPopup/` 目录（旧版本）
+
+#### 阶段 2: 组件目录重组 ✅
+
+**创建的分类目录**：
+1. `navigation/` - 导航组件
+2. `list/` - 列表组件
+3. `forms/` - 表单组件
+4. `cards/` - 卡片组件
+5. `documents/` - 文档相关组件
+6. `plan/` - 计划书相关组件
+7. `icons/` - 图标组件
+
+**组件迁移清单**：
+```
+navigation/
+├── TabBar.vue
+└── NavHeader.vue
+
+list/
+├── ListItemActions/
+├── LoadMoreList/
+├── SectionCard.vue
+└── SectionItem.vue
+
+forms/
+├── FilterTabs.vue
+└── SearchBar.vue
+
+cards/
+├── MaterialCard.vue
+└── ProductCard.vue
+
+documents/
+├── DocumentPreview/
+├── OfficeViewer.vue
+└── PdfPreview.vue
+
+plan/
+├── PlanFields/
+├── PlanFormContainer.vue
+├── PlanPopupNew.vue
+└── PlanTemplates/
+
+icons/
+└── IconFont.vue
+```
+
+**路径更新统计**：
+- 更新文件数：38 个
+- 更新类型：import 语句
+- 更新范围：src/pages/, src/components/
+- 验证结果：✅ 通过（0 errors, 30 warnings）
+
+### 📊 最终收益
+
+**代码质量**：
+- ✅ 删除 3 个未使用组件（约 11KB）
+- ✅ 组件按功能分类，结构清晰
+- ✅ 所有引用路径已更新
+- ✅ 代码检查通过（0 errors）
+
+**可维护性**：
+- ✅ 组件查找更快速
+- ✅ 功能边界更明确
+- ✅ 为未来组件扩展预留空间
+- ✅ 符合项目架构原则
+
+**文档更新**：
+- ✅ CHANGELOG.md 已更新
+- ✅ 本报告已创建
+
+---
+
+**执行时间**: 2026-02-09
+**执行状态**: ✅ 完成
+**下一步**: 可以继续优化组件内部实现，或清理其他未使用代码

-<template>
-  <view class="p-[24rpx] bg-white">
-    <FilterTabs
-      v-model="activeTab"
-      :tabs="tabs"
-      label-key="title"
-      value-key="key"
-      wrapper-class="mb-[24rpx]"
-      @change="handleChange"
-    >
-      <template #label="{ item }">
-        <text>{{ item.title }}</text>
-      </template>
-    </FilterTabs>
-    <view class="text-[24rpx] text-gray-500">当前选中：{{ activeTab }}</view>
-  </view>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import FilterTabs from '@/components/FilterTabs.vue'
-
-const activeTab = ref('all')
-const tabs = [
-  { title: '全部', key: 'all' },
-  { title: '入职培训', key: 'onboarding' },
-  { title: '签单相关', key: 'signing' }
-]
-
-const handleChange = (value) => {
-  console.log('选中项:', value)
-}
-</script>

-<!--
- * @Date: 2026-01-31 12:49:11
- * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-02-09 20:22:23
- * @FilePath: /manulife-weapp/src/components/PlanPopup/index.vue
- * @Description: 文件描述
--->
-<template>
-  <nut-popup
-    :visible="visible"
-    position="bottom"
-    round
-    :style="{ height: '90%' }"
-    :close-on-click-overlay="true"
-    :safe-area-inset-bottom="true"
-    :catch-move="true"
-    @update:visible="handleVisibleChange"
-  >
-    <div class="h-full flex flex-col bg-gray-50 overflow-hidden rounded-t-2xl">
-      <!-- Header -->
-      <div class="flex justify-between items-center px-5 py-4 bg-white border-b border-gray-100 flex-shrink-0">
-        <span class="text-lg font-bold text-gray-900">{{ title }}</span>
-        <div class="p-2 -mr-2" @click="handleClose">
-          <IconFont name="close" size="16" color="#9CA3AF" />
-        </div>
-      </div>
-
-      <!-- Scrollable Content -->
-      <div class="flex-1 overflow-y-auto p-4">
-        <div class="bg-white rounded-xl p-5 shadow-sm">
-          <slot></slot>
-        </div>
-      </div>
-
-      <!-- Footer Buttons -->
-      <div
-        v-show="childPopupCount === 0"
-        class="p-4 bg-white border-t border-gray-100 flex gap-3 flex-shrink-0 pb-safe"
-      >
-        <nut-button
-          plain
-          type="primary"
-          class="flex-1 !h-[88rpx] !rounded-[16rpx] !text-[30rpx] !border-blue-600"
-          @click="handleClose"
-        >
-          取消
-        </nut-button>
-        <nut-button
-          type="primary"
-          color="#2563EB"
-          class="flex-1 !h-[88rpx] !rounded-[16rpx] !text-[30rpx]"
-          @click="handleSubmit"
-        >
-          生成计划书
-        </nut-button>
-      </div>
-
-    </div>
-  </nut-popup>
-</template>
-
-<script setup>
-/**
- * @description 录入计划书弹窗容器组件
- * @param {boolean} visible - 控制弹窗显示隐藏
- * @param {string} title - 弹窗标题
- * @emits update:visible - 更新 visible 状态
- * @emits close - 关闭弹窗
- * @emits submit - 提交表单
- */
-import { defineProps, defineEmits, ref, watch, provide } from 'vue';
-import IconFont from '@/components/IconFont.vue';
-
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  title: {
-    type: String,
-    default: '计划书',
-  },
-});
-
-const emit = defineEmits(['update:visible', 'close', 'submit']);
-
-/**
- * 子弹窗计数器
- * @description 用于跟踪有多少个子弹窗打开，> 0 时隐藏底部按钮
- */
-const childPopupCount = ref(0);
-
-
-/**
- * 处理子弹窗打开事件
- */
-const handleChildOpen = () => {
-  childPopupCount.value++;
-};
-
-/**
- * 处理子弹窗关闭事件
- */
-const handleChildClose = () => {
-  if (childPopupCount.value > 0) {
-    childPopupCount.value--;
-  }
-};
-
-// Provide 子弹窗控制函数给所有后代组件
-provide('popupControl', {
-  open: handleChildOpen,
-  close: handleChildClose
-})
-
-// 处理 visible 变化事件
-const handleVisibleChange = (value) => {
-  emit('update:visible', value);
-  if (!value) {
-    // 重置子弹窗计数器
-    childPopupCount.value = 0;
-    emit('close');
-  }
-}
-
-const handleClose = () => {
-  emit('update:visible', false);
-  emit('close');
-}
-
-const handleSubmit = () => {
-  emit('submit');
-}
-</script>
-
-<style lang="less">
-:deep(.nut-popup) {
-  border-top-left-radius: 16px;
-  border-top-right-radius: 16px;
-  background-color: #F9FAFB;
-}
-
-/* 适配底部安全区 */
-.pb-safe {
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-}
-</style>

@@ -61,7 +61,7 @@
 import { defineProps, defineEmits } from 'vue';
 import { defineProps, defineEmits } from 'vue';
 import Taro from '@tarojs/taro';
 import Taro from '@tarojs/taro';
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons';
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons';
-import ListItemActions from '@/components/ListItemActions/index.vue';
+import ListItemActions from '@/components/list/ListItemActions/index.vue';
 import { useCollectOperation } from '@/composables/useCollectOperation';
 import { useCollectOperation } from '@/composables/useCollectOperation';
 import { useListItemClick, ListType } from '@/composables/useListItemClick';
 import { useListItemClick, ListType } from '@/composables/useListItemClick';
 
 

@@ -75,7 +75,7 @@
 <script setup>
 <script setup>
 import { ref, computed, watch } from 'vue'
 import { ref, computed, watch } from 'vue'
 import { getFileSize, detectFileType, formatFileSize } from './utils'
 import { getFileSize, detectFileType, formatFileSize } from './utils'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 // #ifdef H5
 // #ifdef H5
 import OfficeViewer from '../OfficeViewer.vue'
 import OfficeViewer from '../OfficeViewer.vue'

@@ -39,8 +39,8 @@
 
 
 <script setup>
 <script setup>
 import { ref, computed, watch } from 'vue'
 import { ref, computed, watch } from 'vue'
-import IconFont from '@/components/IconFont.vue'
-import { getTencentPreviewUrl } from '@/components/DocumentPreview/utils'
+import IconFont from '@/components/icons/IconFont.vue'
+import { getTencentPreviewUrl } from '@/components/documents/DocumentPreview/utils'
 
 
 const props = defineProps({
 const props = defineProps({
     src: {
     src: {

@@ -44,7 +44,7 @@
 
 
 <script setup>
 <script setup>
 import { ref, watch } from 'vue'
 import { ref, watch } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 const props = defineProps({
 const props = defineProps({
     show: {
     show: {

@@ -42,7 +42,7 @@
 
 
 <script setup>
 <script setup>
 import { ref, watch, computed } from 'vue'
 import { ref, watch, computed } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 /**
 /**
  * SearchBar 组件（基于 NutUI Input）
  * SearchBar 组件（基于 NutUI Input）

@@ -38,7 +38,7 @@
 
 
 <script setup>
 <script setup>
 import { computed } from 'vue'
 import { computed } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useEventTracking } from '@/composables/useEventTracking'
 import { useEventTracking } from '@/composables/useEventTracking'
 
 
 /**
 /**

@@ -26,7 +26,7 @@
 
 
 <script setup>
 <script setup>
 import { computed } from 'vue'
 import { computed } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import defaultIcon from '@/assets/images/icon/文案.svg'
 import defaultIcon from '@/assets/images/icon/文案.svg'
 
 
 /**
 /**

@@ -25,7 +25,7 @@
 <script setup>
 <script setup>
 import { ref, onMounted } from 'vue'
 import { ref, onMounted } from 'vue'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 /**
 /**
  * Props definition
  * Props definition

@@ -25,7 +25,7 @@
 
 
 <script setup>
 <script setup>
 import { shallowRef, computed } from 'vue'
 import { shallowRef, computed } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import { useUserStore } from '@/stores/user'
 import { useUserStore } from '@/stores/user'

@@ -53,7 +53,7 @@
  * />
  * />
  */
  */
 import { ref, computed, watch, inject } from 'vue'
 import { ref, computed, watch, inject } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 // 注入父组件提供的弹窗控制函数
 // 注入父组件提供的弹窗控制函数
 const popupControl = inject('popupControl', null)
 const popupControl = inject('popupControl', null)

@@ -54,7 +54,7 @@
  * />
  * />
  */
  */
 import { ref, computed, watch, onMounted } from 'vue'
 import { ref, computed, watch, onMounted } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useGlobalPopup } from './GlobalPopupManager'
 import { useGlobalPopup } from './GlobalPopupManager'
 
 
 /**
 /**

@@ -52,7 +52,7 @@
  * />
  * />
  */
  */
 import { ref, computed, watch, inject } from 'vue'
 import { ref, computed, watch, inject } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 // 注入父组件提供的弹窗控制函数
 // 注入父组件提供的弹窗控制函数
 const popupControl = inject('popupControl', null)
 const popupControl = inject('popupControl', null)

@@ -54,7 +54,7 @@
  * />
  * />
  */
  */
 import { ref, computed, watch, onMounted } from 'vue'
 import { ref, computed, watch, onMounted } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useGlobalPopup } from './GlobalPopupManager'
 import { useGlobalPopup } from './GlobalPopupManager'
 
 
 /**
 /**

@@ -51,7 +51,7 @@
  * />
  * />
  */
  */
 import { ref, computed, inject } from 'vue'
 import { ref, computed, inject } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 
 
 // 注入父组件提供的弹窗控制函数
 // 注入父组件提供的弹窗控制函数
 const popupControl = inject('popupControl', null)
 const popupControl = inject('popupControl', null)

@@ -52,7 +52,7 @@
  * />
  * />
  */
  */
 import { ref, computed, onMounted } from 'vue'
 import { ref, computed, onMounted } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useGlobalPopup } from './GlobalPopupManager'
 import { useGlobalPopup } from './GlobalPopupManager'
 
 
 /**
 /**

@@ -68,7 +68,7 @@
  * @version 2.0.0 - 支持全局弹窗管理器
  * @version 2.0.0 - 支持全局弹窗管理器
  */
  */
 import { ref, watch, onMounted, onUnmounted } from 'vue'
 import { ref, watch, onMounted, onUnmounted } from 'vue'
-import IconFont from '@/components/IconFont.vue'
+import IconFont from '@/components/icons/IconFont.vue'
 import { useParentPopup } from './PlanFields/GlobalPopupManager.js'
 import { useParentPopup } from './PlanFields/GlobalPopupManager.js'
 
 
 const props = defineProps({
 const props = defineProps({

-<!--
- * @Date: 2024-01-16 10:06:47
- * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2026-01-24 14:12:30
- * @FilePath: /xyxBooking-weapp/src/components/qrCode.vue
- * @Description: 预约码卡组件
--->
-<template>
-  <view class="qr-code-page">
-    <view v-if="userList.length" class="show-qrcode">
-      <view class="qrcode-content">
-        <view class="user-info">{{ userinfo.name }}&nbsp;{{ userinfo.id }}</view>
-        <view class="user-qrcode">
-          <view class="left" @tap="prevCode">
-            <image src="https://cdn.ipadbiz.cn/xys/booking/%E5%B7%A6@2x.png" />
-          </view>
-          <view class="center">
-            <image :src="currentQrCodeUrl" mode="aspectFit" />
-            <view v-if="useStatus === STATUS_CODE.CANCELED || useStatus === STATUS_CODE.USED" class="qrcode-used">
-              <view class="overlay"></view>
-              <text class="status-text">二维码{{ get_qrcode_status_text(useStatus) }}</text>
-            </view>
-          </view>
-          <view class="right" @tap="nextCode">
-            <image src="https://cdn.ipadbiz.cn/xys/booking/%E5%8F%B3@2x.png" />
-          </view>
-        </view>
-        <view style="color: red; margin-top: 32rpx;">{{ userinfo.datetime }}</view>
-      </view>
-      <view class="user-list">
-        <view
-          @tap="selectUser(index)"
-          v-for="(item, index) in userList"
-          :key="index"
-          :class="[
-            'user-item',
-            select_index === index ? 'checked' : '',
-            userList.length > 1 && item.sort ? 'border' : '',
-          ]">
-          {{ item.name }}
-        </view>
-      </view>
-    </view>
-    <view v-else class="no-qrcode">
-      <image src="https://cdn.ipadbiz.cn/xys/booking/%E6%9A%82%E6%97%A0@2x.png" style="width: 320rpx; height: 320rpx;" />
-      <view class="no-qrcode-title">今天没有预约记录</view>
-      <view style="text-align: center; color: #A67939; margin-top: 16rpx;">查看我的“<text @tap="toRecord" style="text-decoration: underline; color: #ED9820;">预约记录</text>”</view>
-    </view>
-  </view>
-</template>
-
-<script setup>
-import { ref, computed, watch, onMounted, onUnmounted } from 'vue'
-import Taro from '@tarojs/taro'
-import { formatDatetime, mask_id_number, get_qrcode_status_text } from '@/utils/tools';
-import { qrcodeListAPI, qrcodeStatusAPI, billPersonAPI } from '@/api/index'
-import { useGo } from '@/hooks/useGo'
-import BASE_URL from '@/utils/config';
-
-const go = useGo();
-
-const props = defineProps({
-  status: {
-    type: String,
-    default: ''
-  },
-  type: {
-    type: String,
-    default: ''
-  },
-  payId: { // 接收 payId
-    type: String,
-    default: ''
-  }
-});
-
-const select_index = ref(0);
-const userList = ref([]);
-
-/**
- * @description 切换到上一张二维码（循环）
- * @returns {void} 无返回值
- */
-const prevCode = () => {
-  select_index.value = select_index.value - 1;
-  if (select_index.value < 0) {
-    select_index.value = userList.value.length - 1;
-  }
-};
-
-/**
- * @description 切换到下一张二维码（循环）
- * @returns {void} 无返回值
- */
-const nextCode = () => {
-  select_index.value = select_index.value + 1;
-  if (select_index.value > userList.value.length - 1) {
-    select_index.value = 0;
-  }
-};
-
-watch(
-  () => select_index.value,
-  () => {
-    refreshBtn();
-  }
-)
-
-watch(
-  () => props.payId,
-  (val) => {
-    if (val) {
-      init();
-    }
-  },
-  { immediate: true }
-)
-
-const formatId = (id) => mask_id_number(id)
-
-const userinfo = computed(() => {
-  return {
-    name: userList.value[select_index.value]?.name,
-    id: formatId(userList.value[select_index.value]?.id_number),
-    datetime: userList.value[select_index.value]?.datetime,
-  };
-});
-
-const currentQrCodeUrl = computed(() => {
-    const url = userList.value[select_index.value]?.qr_code_url;
-    if (url && url.startsWith('/')) {
-        return BASE_URL + url;
-    }
-    return url;
-})
-
-const useStatus = ref('0');
-
-const STATUS_CODE = {
-  APPLY: '1',
-  SUCCESS: '3',
-  CANCELED: '5',
-  USED: '7',
-};
-
-/**
- * @description 刷新当前选中二维码状态
- * - 仅在当前选中用户存在时请求
- * @returns {Promise<void>} 无返回值
- */
-const refreshBtn = async () => {
-  if (!userList.value[select_index.value]) return;
-  const { code, data } = await qrcodeStatusAPI({ qr_code: userList.value[select_index.value].qr_code });
-  if (code) {
-    useStatus.value = data.status;
-  }
-}
-
-/**
- * @description 选择指定参观者的二维码
- * @param {number} index 下标
- * @returns {void} 无返回值
- */
-const selectUser = (index) => {
-  select_index.value = index;
-}
-
-/**
- * @description 按 pay_id 分组标记（用于展示分隔线）
- * - 首个 pay_id 出现处标记 sort=1，其余为 sort=0
- * @param {Array<Object>} data 二维码列表
- * @returns {Array<Object>} 处理后的列表
- */
-const formatGroup = (data) => {
-  let lastPayId = null;
-  for (let i = 0; i < data.length; i++) {
-    if (data[i].pay_id !== lastPayId) {
-      data[i].sort = 1;
-      lastPayId = data[i].pay_id;
-    } else {
-      data[i].sort = 0;
-    }
-  }
-  return data;
-}
-
-/**
- * @description 初始化二维码列表
- * - 不传 type：拉取“我的当日二维码列表”
- * - 传入 type + payId：按订单查询二维码人员列表
- * @returns {Promise<void>} 无返回值
- */
-const init = async () => {
-  if (!props.type) {
-    try {
-        const { code, data } = await qrcodeListAPI();
-
-        if (code) {
-          data.forEach(item => {
-            item.qr_code_url = '/admin?m=srv&a=get_qrcode&key=' + item.qr_code;
-            item.datetime = formatDatetime({ begin_time: item.begin_time, end_time: item.end_time })
-            item.sort = 0;
-          });
-          // 剔除qr_code为空的二维码
-          const validData = data.filter(item => item.qr_code !== '');
-
-          if (validData.length > 0) {
-              userList.value = formatGroup(validData);
-              refreshBtn();
-          } else {
-              userList.value = [];
-          }
-        }
-    } catch (err) {
-        console.error('Fetch QR List Failed:', err);
-    }
-  } else {
-    if (props.payId) {
-        const { code, data } = await billPersonAPI({ pay_id: props.payId });
-        if (code) {
-          data.forEach(item => {
-            item.qr_code_url = '/admin?m=srv&a=get_qrcode&key=' + item.qr_code;
-            item.sort = 0;
-            // billPersonAPI 返回的数据可能没有 datetime 字段，需要检查
-            // 如果没有，可能需要从外部传入或者假设是当天的？
-            // H5 代码没有处理 datetime，但在 template 里用了。
-            // 这里暂且不做处理，如果没有 datetime 就不显示
-          });
-          const validData = data.filter(item => item.qr_code !== '');
-          if (validData.length > 0) {
-              userList.value = validData;
-              refreshBtn();
-          } else {
-              userList.value = [];
-          }
-        }
-    }
-  }
-};
-
-onMounted(() => {
-    init();
-    start_polling();
-});
-
-/**
- * @description 轮询刷新二维码状态
- * - 仅在“待使用”状态下轮询，避免无意义请求
- * @returns {Promise<void>} 无返回值
- */
-const poll = async () => {
-  if (userList.value.length && useStatus.value === STATUS_CODE.SUCCESS) {
-    if (userList.value[select_index.value]) {
-        const { code, data } = await qrcodeStatusAPI({ qr_code: userList.value[select_index.value].qr_code });
-        if (code) {
-          useStatus.value = data.status;
-        }
-    }
-  }
-};
-
-const interval_id = ref(null)
-/**
- * @description 启动轮询
- * - 仅在当前选中用户存在时轮询
- * @returns {void} 无返回值
- */
-
-const start_polling = () => {
-    if (interval_id.value) return
-    interval_id.value = setInterval(poll, 3000)
-}
-
-/**
- * @description 停止轮询
- * - 组件卸载时调用，避免内存泄漏
- * @returns {void} 无返回值
- */
-
-const stop_polling = () => {
-    if (!interval_id.value) return
-    clearInterval(interval_id.value)
-    interval_id.value = null
-}
-
-onUnmounted(() => {
-  stop_polling();
-});
-
-defineExpose({ start_polling, stop_polling })
-
-/**
- * @description 跳转预约记录列表页
- * @returns {void} 无返回值
- */
-const toRecord = () => {
-  go('/bookingList');
-}
-</script>
-
-<style lang="less">
-.qr-code-page {
-  .qrcode-content {
-    padding: 32rpx 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-color: #FFF;
-    border-radius: 16rpx;
-    box-shadow: 0 0 29rpx 0 rgba(106,106,106,0.27);
-
-    .user-info {
-      color: #A6A6A6;
-      font-size: 37rpx;
-      margin-top: 16rpx;
-      margin-bottom: 16rpx;
-    }
-    .user-qrcode {
-      display: flex;
-      align-items: center;
-      .left {
-        image {
-          width: 56rpx; height: 56rpx; margin-right: 16rpx;
-        }
-      }
-      .center {
-        border: 2rpx solid #D1D1D1;
-        border-radius: 40rpx;
-        padding: 46rpx;
-        position: relative;
-        image {
-          width: 400rpx; height: 400rpx;
-        }
-        .qrcode-used {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            border-radius: 40rpx;
-            overflow: hidden;
-
-            .overlay {
-                width: 100%;
-                height: 100%;
-                background-image: url('https://cdn.ipadbiz.cn/xys/booking/southeast.jpeg');
-                background-size: contain;
-                opacity: 0.9;
-            }
-
-            .status-text {
-                color: #A67939;
-                position: absolute;
-                top: 50%;
-                left: 50%;
-                transform: translate(-50%, -50%);
-                font-size: 38rpx;
-                white-space: nowrap;
-                font-weight: bold;
-                z-index: 10;
-            }
-        }
-      }
-      .right {
-        image {
-          width: 56rpx; height: 56rpx;
-          margin-left: 16rpx;
-        }
-      }
-    }
-  }
-  .user-list {
-    display: flex;
-    padding: 32rpx;
-    align-items: center;
-    flex-wrap: wrap;
-    .user-item {
-      position: relative;
-      padding: 8rpx 16rpx;
-      border: 2rpx solid #A67939;
-      margin: 8rpx;
-      border-radius: 10rpx;
-      color: #A67939;
-      &.checked {
-        color: #FFF;
-        background-color: #A67939;
-      }
-      &.border {
-        margin-right: 16rpx;
-        &::after {
-          position: absolute;
-          right: -16rpx;
-          top: calc(50% - 16rpx);
-          content: '';
-          height: 32rpx;
-          border-right: 2rpx solid #A67939;
-        }
-      }
-    }
-  }
-
-  .no-qrcode {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    margin-bottom: 32rpx;
-
-    .no-qrcode-title {
-      color: #A67939;
-      font-size: 34rpx;
-    }
-  }
-}
-</style>

@@ -35,8 +35,8 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
-import IconFont from '@/components/IconFont.vue'
-import NavHeader from '@/components/NavHeader.vue'
+import IconFont from '@/components/icons/IconFont.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
 import defaultAvatar from '@/assets/images/icon/avatar.svg'
 import defaultAvatar from '@/assets/images/icon/avatar.svg'
 import { updateProfileAPI, getProfileAPI } from '@/api/user'
 import { updateProfileAPI, getProfileAPI } from '@/api/user'

@@ -30,8 +30,8 @@
 <script setup>
 <script setup>
 import { ref, computed } from 'vue'
 import { ref, computed } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
-import SectionCard from '@/components/SectionCard.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SectionCard from '@/components/list/SectionCard.vue'
 import { fileListAPI } from '@/api/file'
 import { fileListAPI } from '@/api/file'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'

@@ -55,7 +55,7 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
-import DocumentPreview from '@/components/DocumentPreview/index.vue'
+import DocumentPreview from '@/components/documents/DocumentPreview/index.vue'
 
 
 // #ifdef WEAPP
 // #ifdef WEAPP
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'

@@ -19,7 +19,7 @@
 import { computed, ref } from 'vue'
 import { computed, ref } from 'vue'
 import { useLoad, useReady } from '@tarojs/taro'
 import { useLoad, useReady } from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
-import { getTencentPreviewUrl } from '@/components/DocumentPreview/utils'
+import { getTencentPreviewUrl } from '@/components/documents/DocumentPreview/utils'
 
 
 // 响应式数据
 // 响应式数据
 const url = ref('')
 const url = ref('')

@@ -17,8 +17,8 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import NavHeader from '@/components/NavHeader.vue'
-import SectionCard from '@/components/SectionCard.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SectionCard from '@/components/list/SectionCard.vue'
 import { useSectionList } from '@/composables/useSectionList'
 import { useSectionList } from '@/composables/useSectionList'
 
 
 /**
 /**

@@ -63,11 +63,11 @@
 <script setup>
 <script setup>
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
-import LoadMoreList from '@/components/LoadMoreList'
+import LoadMoreList from '@/components/list/LoadMoreList'
 import { useFileOperation } from '@/composables/useFileOperation'
 import { useFileOperation } from '@/composables/useFileOperation'
 import { getDocumentIcon } from '@/utils/documentIcons'
 import { getDocumentIcon } from '@/utils/documentIcons'
-import NavHeader from '@/components/NavHeader.vue'
-import ListItemActions from '@/components/ListItemActions/index.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import ListItemActions from '@/components/list/ListItemActions/index.vue'
 import { listAPI, delAPI } from '@/api/favorite'
 import { listAPI, delAPI } from '@/api/favorite'
 import { mockFavoriteListAPI } from '@/utils/mockData'
 import { mockFavoriteListAPI } from '@/utils/mockData'
 import eventBus, { Events } from '@/utils/eventBus'
 import eventBus, { Events } from '@/utils/eventBus'

@@ -89,8 +89,8 @@
 <script setup>
 <script setup>
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
-import LoadMoreList from '@/components/LoadMoreList'
-import NavHeader from '@/components/NavHeader.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
 import { listAPI } from '@/api/feedback'
 import { listAPI } from '@/api/feedback'
 import { mockFeedbackListAPI } from '@/utils/mockData'
 import { mockFeedbackListAPI } from '@/utils/mockData'

@@ -85,8 +85,8 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
-import TabBar from '@/components/TabBar.vue'
-import NavHeader from '@/components/NavHeader.vue'
+import TabBar from '@/components/navigation/TabBar.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import { addAPI } from '@/api/feedback'
 import { addAPI } from '@/api/feedback'
 import BASE_URL from '@/utils/config'
 import BASE_URL from '@/utils/config'

@@ -126,10 +126,10 @@
 
 
 <script setup>
 <script setup>
 import { ref, computed } from 'vue'
 import { ref, computed } from 'vue'
-import NavHeader from '@/components/NavHeader.vue'
-import TabBar from '@/components/TabBar.vue'
-import IconFont from '@/components/IconFont.vue'
-import SearchBar from '@/components/SearchBar.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import TabBar from '@/components/navigation/TabBar.vue'
+import IconFont from '@/components/icons/IconFont.vue'
+import SearchBar from '@/components/forms/SearchBar.vue'
 
 
 // Popup 状态
 // Popup 状态
 const showContactPopup = ref(false)
 const showContactPopup = ref(false)

@@ -113,11 +113,11 @@ import { ref, shallowRef } from 'vue';
 import Taro, { useShareAppMessage, useLoad, useDidShow } from '@tarojs/taro';
 import Taro, { useShareAppMessage, useLoad, useDidShow } from '@tarojs/taro';
 import { useGo } from '@/hooks/useGo';
 import { useGo } from '@/hooks/useGo';
 import { useUserStore } from '@/stores/user';
 import { useUserStore } from '@/stores/user';
-import TabBar from '@/components/TabBar.vue';
-import IconFont from '@/components/IconFont.vue';
-import PlanFormContainer from '@/components/PlanFormContainer.vue';
-import ProductCard from '@/components/ProductCard.vue';
-import MaterialCard from '@/components/MaterialCard.vue';
+import TabBar from '@/components/navigation/TabBar.vue';
+import IconFont from '@/components/icons/IconFont.vue';
+import PlanFormContainer from '@/components/plan/PlanFormContainer.vue';
+import ProductCard from '@/components/cards/ProductCard.vue';
+import MaterialCard from '@/components/cards/MaterialCard.vue';
 import { listAPI } from '@/api/get_product';
 import { listAPI } from '@/api/get_product';
 import { weekHotAPI } from '@/api/file';
 import { weekHotAPI } from '@/api/file';
 import { useCollectOperation } from '@/composables/useCollectOperation';
 import { useCollectOperation } from '@/composables/useCollectOperation';

@@ -70,7 +70,7 @@ import { reactive } from 'vue'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import { useUserStore } from '@/stores/user'
 import { useUserStore } from '@/stores/user'
 import { routerStore } from '@/stores/router'
 import { routerStore } from '@/stores/router'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 
 
 const userStore = useUserStore()
 const userStore = useUserStore()
 
 

@@ -112,10 +112,10 @@
 <script setup>
 <script setup>
 import { ref, computed, watch } from 'vue'
 import { ref, computed, watch } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
-import SearchBar from '@/components/SearchBar.vue'
-import ListItemActions from '@/components/ListItemActions/index.vue'
-import LoadMoreList from '@/components/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SearchBar from '@/components/forms/SearchBar.vue'
+import ListItemActions from '@/components/list/ListItemActions/index.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
 import { useListItemClick, ListType } from '@/composables/useListItemClick'
 import { useListItemClick, ListType } from '@/composables/useListItemClick'
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'
 import { debounce } from '@/utils/debounce'
 import { debounce } from '@/utils/debounce'

@@ -41,7 +41,7 @@
 <script setup>
 <script setup>
 import { ref, computed } from 'vue'
 import { ref, computed } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import { detailAPI } from '@/api/news'
 import { detailAPI } from '@/api/news'
 
 
 const detail = ref(null)
 const detail = ref(null)

@@ -55,8 +55,8 @@
 import { ref } from 'vue'
 import { ref } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
-import LoadMoreList from '@/components/LoadMoreList'
-import NavHeader from '@/components/NavHeader.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import { myListAPI } from '@/api/news'
 import { myListAPI } from '@/api/news'
 import { mockMessageListAPI } from '@/utils/mockData'
 import { mockMessageListAPI } from '@/utils/mockData'
 
 

@@ -71,9 +71,9 @@
 import { computed } from 'vue'
 import { computed } from 'vue'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
 import { useUserStore } from '@/stores/user'
 import { useUserStore } from '@/stores/user'
-import IconFont from '@/components/IconFont.vue'
-import TabBar from '@/components/TabBar.vue'
-import NavHeader from '@/components/NavHeader.vue'
+import IconFont from '@/components/icons/IconFont.vue'
+import TabBar from '@/components/navigation/TabBar.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 import Taro, { useLoad, useDidShow } from '@tarojs/taro'
 import Taro, { useLoad, useDidShow } from '@tarojs/taro'
 import defaultAvatar from '@/assets/images/icon/avatar.svg'
 import defaultAvatar from '@/assets/images/icon/avatar.svg'
 
 

@@ -17,8 +17,8 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import NavHeader from '@/components/NavHeader.vue'
-import SectionCard from '@/components/SectionCard.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SectionCard from '@/components/list/SectionCard.vue'
 import { useSectionList } from '@/composables/useSectionList'
 import { useSectionList } from '@/composables/useSectionList'
 
 
 /**
 /**

@@ -57,7 +57,7 @@
 import { ref, computed } from 'vue'
 import { ref, computed } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 
 
 // 接收页面参数
 // 接收页面参数
 const success = ref(true)
 const success = ref(true)

@@ -125,9 +125,9 @@
 import { ref, computed, nextTick } from 'vue'
 import { ref, computed, nextTick } from 'vue'
 import Taro, { useLoad, useReachBottom } from '@tarojs/taro'
 import Taro, { useLoad, useReachBottom } from '@tarojs/taro'
 import { useFileOperation } from '@/composables/useFileOperation'
 import { useFileOperation } from '@/composables/useFileOperation'
-import NavHeader from '@/components/NavHeader.vue'
-import ListItemActions from '@/components/ListItemActions/index.vue'
-import SearchBar from '@/components/SearchBar.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import ListItemActions from '@/components/list/ListItemActions/index.vue'
+import SearchBar from '@/components/forms/SearchBar.vue'
 
 
 const { viewFile } = useFileOperation()
 const { viewFile } = useFileOperation()
 
 

@@ -143,10 +143,10 @@ import { ref, computed } from 'vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
 import { useListItemClick, ListType } from '@/composables/useListItemClick'
 import { useListItemClick, ListType } from '@/composables/useListItemClick'
-import LoadMoreList from '@/components/LoadMoreList'
-import NavHeader from '@/components/NavHeader.vue'
-import SearchBar from '@/components/SearchBar.vue'
-import PlanFormContainer from '@/components/PlanFormContainer.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SearchBar from '@/components/forms/SearchBar.vue'
+import PlanFormContainer from '@/components/plan/PlanFormContainer.vue'
 import { listAPI } from '@/api/get_product'
 import { listAPI } from '@/api/get_product'
 import { mockProductListAPI } from '@/utils/mockData'
 import { mockProductListAPI } from '@/utils/mockData'
 
 

@@ -126,9 +126,9 @@
 
 
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
-import NavHeader from '@/components/NavHeader.vue'
-import IconFont from '@/components/IconFont.vue'
-import PlanFormContainer from '@/components/PlanFormContainer.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import IconFont from '@/components/icons/IconFont.vue'
+import PlanFormContainer from '@/components/plan/PlanFormContainer.vue'
 import { useFileOperation } from '@/composables/useFileOperation'
 import { useFileOperation } from '@/composables/useFileOperation'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'

@@ -128,13 +128,13 @@
 import { ref, computed } from 'vue'
 import { ref, computed } from 'vue'
 import Taro from '@tarojs/taro'
 import Taro from '@tarojs/taro'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
-import LoadMoreList from '@/components/LoadMoreList'
-import NavHeader from '@/components/NavHeader.vue'
-import IconFont from '@/components/IconFont.vue'
-import SearchBar from '@/components/SearchBar.vue'
-import ProductCard from '@/components/ProductCard.vue'
-import MaterialCard from '@/components/MaterialCard.vue'
-import PlanFormContainer from '@/components/PlanFormContainer.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import IconFont from '@/components/icons/IconFont.vue'
+import SearchBar from '@/components/forms/SearchBar.vue'
+import ProductCard from '@/components/cards/ProductCard.vue'
+import MaterialCard from '@/components/cards/MaterialCard.vue'
+import PlanFormContainer from '@/components/plan/PlanFormContainer.vue'
 import { searchAPI } from '@/api/search'
 import { searchAPI } from '@/api/search'
 import { mockSearchAPI } from '@/utils/mockData'
 import { mockSearchAPI } from '@/utils/mockData'
 
 

@@ -17,8 +17,8 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import NavHeader from '@/components/NavHeader.vue'
-import SectionCard from '@/components/SectionCard.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import SectionCard from '@/components/list/SectionCard.vue'
 import { useSectionList } from '@/composables/useSectionList'
 import { useSectionList } from '@/composables/useSectionList'
 
 
 /**
 /**

@@ -68,7 +68,7 @@
 import { ref } from 'vue'
 import { ref } from 'vue'
 import Taro, { useLoad, useDidHide } from '@tarojs/taro'
 import Taro, { useLoad, useDidHide } from '@tarojs/taro'
 import { showToast } from '@tarojs/taro'
 import { showToast } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 
 
 /**
 /**
  * 视频播放页面
  * 视频播放页面

@@ -11,7 +11,7 @@
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
 import { useLoad } from '@tarojs/taro'
 import { useLoad } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 
 
 /**
 /**
  * WebView Page
  * WebView Page

@@ -40,9 +40,9 @@
 <script setup>
 <script setup>
 import { ref } from 'vue'
 import { ref } from 'vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import Taro, { useLoad } from '@tarojs/taro'
-import LoadMoreList from '@/components/LoadMoreList'
-import NavHeader from '@/components/NavHeader.vue'
-import MaterialCard from '@/components/MaterialCard.vue'
+import LoadMoreList from '@/components/list/LoadMoreList'
+import NavHeader from '@/components/navigation/NavHeader.vue'
+import MaterialCard from '@/components/cards/MaterialCard.vue'
 import { weekHotAPI } from '@/api/file'
 import { weekHotAPI } from '@/api/file'
 import { mockWeekHotAPI } from '@/utils/mockData'
 import { mockWeekHotAPI } from '@/utils/mockData'