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 \"6. 根目录 SavingsTemplate.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,

@@ -7,21 +7,20 @@ export {}
 
 declare module 'vue' {
   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']
     NutButton: typeof import('@nutui/nutui-taro')['Button']
     NutDatePicker: typeof import('@nutui/nutui-taro')['DatePicker']
@@ -34,22 +33,20 @@ declare module 'vue' {
     NutRadioGroup: typeof import('@nutui/nutui-taro')['RadioGroup']
     NutTabPane: typeof import('@nutui/nutui-taro')['TabPane']
     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']
     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 组件取消操作显示异常并优化输入体验
 
 ### 修复

-<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 Taro from '@tarojs/taro';
 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 { useListItemClick, ListType } from '@/composables/useListItemClick';
 

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

@@ -39,8 +39,8 @@
 
 <script setup>
 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({
     src: {

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

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

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

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

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

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

@@ -53,7 +53,7 @@
  * />
  */
 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)

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

@@ -52,7 +52,7 @@
  * />
  */
 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)

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

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

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

@@ -68,7 +68,7 @@
  * @version 2.0.0 - 支持全局弹窗管理器
  */
 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'
 
 const props = defineProps({

@@ -35,8 +35,8 @@
 
 <script setup>
 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 defaultAvatar from '@/assets/images/icon/avatar.svg'
 import { updateProfileAPI, getProfileAPI } from '@/api/user'

@@ -30,8 +30,8 @@
 <script setup>
 import { ref, computed } from 'vue'
 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 { useGo } from '@/hooks/useGo'
 import Taro from '@tarojs/taro'

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

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

@@ -17,8 +17,8 @@
 </template>
 
 <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'
 
 /**

@@ -63,11 +63,11 @@
 <script setup>
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 import Taro, { useLoad } from '@tarojs/taro'
-import LoadMoreList from '@/components/LoadMoreList'
+import LoadMoreList from '@/components/list/LoadMoreList'
 import { useFileOperation } from '@/composables/useFileOperation'
 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 { mockFavoriteListAPI } from '@/utils/mockData'
 import eventBus, { Events } from '@/utils/eventBus'

@@ -89,8 +89,8 @@
 <script setup>
 import { ref, Ref, onMounted, onUnmounted } from 'vue'
 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 { listAPI } from '@/api/feedback'
 import { mockFeedbackListAPI } from '@/utils/mockData'

@@ -85,8 +85,8 @@
 
 <script setup>
 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 { addAPI } from '@/api/feedback'
 import BASE_URL from '@/utils/config'

@@ -126,10 +126,10 @@
 
 <script setup>
 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 状态
 const showContactPopup = ref(false)

@@ -113,11 +113,11 @@ import { ref, shallowRef } from 'vue';
 import Taro, { useShareAppMessage, useLoad, useDidShow } from '@tarojs/taro';
 import { useGo } from '@/hooks/useGo';
 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 { weekHotAPI } from '@/api/file';
 import { useCollectOperation } from '@/composables/useCollectOperation';

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

@@ -112,10 +112,10 @@
 <script setup>
 import { ref, computed, watch } from 'vue'
 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 { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'
 import { debounce } from '@/utils/debounce'

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

@@ -55,8 +55,8 @@
 import { ref } from 'vue'
 import { useLoad } from '@tarojs/taro'
 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 { mockMessageListAPI } from '@/utils/mockData'
 

@@ -71,9 +71,9 @@
 import { computed } from 'vue'
 import { useGo } from '@/hooks/useGo'
 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 defaultAvatar from '@/assets/images/icon/avatar.svg'
 

@@ -17,8 +17,8 @@
 </template>
 
 <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'
 
 /**

@@ -57,7 +57,7 @@
 import { ref, computed } from 'vue'
 import { useLoad } 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)

@@ -125,9 +125,9 @@
 import { ref, computed, nextTick } from 'vue'
 import Taro, { useLoad, useReachBottom } from '@tarojs/taro'
 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()
 

@@ -143,10 +143,10 @@ import { ref, computed } from 'vue'
 import Taro, { useLoad } from '@tarojs/taro'
 import { useGo } from '@/hooks/useGo'
 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 { mockProductListAPI } from '@/utils/mockData'
 

@@ -126,9 +126,9 @@
 
 <script setup>
 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 Taro, { useLoad } from '@tarojs/taro'
 import { getDocumentIcon, getDocumentLabel } from '@/utils/documentIcons'

@@ -128,13 +128,13 @@
 import { ref, computed } from 'vue'
 import Taro from '@tarojs/taro'
 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 { mockSearchAPI } from '@/utils/mockData'
 

@@ -17,8 +17,8 @@
 </template>
 
 <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'
 
 /**

@@ -68,7 +68,7 @@
 import { ref } from 'vue'
 import Taro, { useLoad, useDidHide } 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>
 import { ref } from 'vue'
 import { useLoad } from '@tarojs/taro'
-import NavHeader from '@/components/NavHeader.vue'
+import NavHeader from '@/components/navigation/NavHeader.vue'
 
 /**
  * WebView Page

@@ -40,9 +40,9 @@
 <script setup>
 import { ref } from 'vue'
 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 { mockWeekHotAPI } from '@/utils/mockData'