From 045158730f3eb465646105a6f201dc8632f79d08 Mon Sep 17 00:00:00 2001
From: SunCheng <cheng2.sun@ly.com>
Date: Sat, 21 Feb 2026 10:10:16 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=95=B4=E7=90=86=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9B=AE=E5=BD=95=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TransactionDetail, CategoryBillPopup 移入 Transaction/
- BudgetTypeTabs 移入 Budget/
- GlassBottomNav, ModernEmpty 移入 Global/
- Icon, IconSelector, ClassifySelector 等 8 个通用组件移入 Common/
- 更新所有相关引用路径
---
 Web/src/App.vue                                             | 2 +-
 Web/src/components/Bill/BillForm.vue                        | 2 +-
 Web/src/components/Bill/BillListComponent.vue               | 2 +-
 Web/src/components/Budget/BudgetCard.vue                    | 2 +-
 Web/src/components/Budget/BudgetChartAnalysis.vue           | 2 +-
 Web/src/components/Budget/BudgetEditPopup.vue               | 4 ++--
 Web/src/components/{ => Budget}/BudgetTypeTabs.vue          | 0
 Web/src/components/Budget/SavingsConfigPopup.vue            | 4 ++--
 Web/src/components/{ => Common}/AddClassifyDialog.vue       | 0
 Web/src/components/{ => Common}/ClassifySelector.vue        | 0
 Web/src/components/{ => Common}/DateSelectHeader.vue        | 0
 Web/src/components/{ => Common}/Icon.vue                    | 0
 Web/src/components/{ => Common}/IconSelector.vue            | 0
 Web/src/components/{ => Common}/PopupContainerV2.vue        | 0
 Web/src/components/{ => Common}/ReasonGroupList.vue         | 0
 Web/src/components/{ => Common}/TimePeriodTabs.vue          | 0
 Web/src/components/{ => Global}/GlassBottomNav.vue          | 0
 Web/src/components/Global/GlobalAddBill.vue                 | 2 +-
 Web/src/components/{ => Global}/ModernEmpty.vue             | 0
 Web/src/components/{ => Transaction}/CategoryBillPopup.vue  | 2 +-
 Web/src/components/{ => Transaction}/TransactionDetail.vue  | 4 ++--
 Web/src/components/Transaction/TransactionDetailSheet.vue   | 4 ++--
 Web/src/views/BillAnalysisView.vue                          | 2 +-
 Web/src/views/ClassificationBatch.vue                       | 2 +-
 Web/src/views/ClassificationEdit.vue                        | 6 +++---
 Web/src/views/ClassificationNLP.vue                         | 4 ++--
 Web/src/views/ClassificationSmart.vue                       | 2 +-
 Web/src/views/EmailRecord.vue                               | 4 ++--
 Web/src/views/MessageView.vue                               | 2 +-
 Web/src/views/PeriodicRecord.vue                            | 4 ++--
 Web/src/views/TransactionsRecord.vue                        | 2 +-
 Web/src/views/UnconfirmedClassification.vue                 | 2 +-
 Web/src/views/budgetV2/Index.vue                            | 6 +++---
 Web/src/views/budgetV2/modules/SavingsBudgetContent.vue     | 2 +-
 Web/src/views/calendarV2/Index.vue                          | 2 +-
 Web/src/views/statisticsV2/Index.vue                        | 6 +++---
 Web/src/views/statisticsV2/modules/ExpenseCategoryCard.vue  | 2 +-
 .../views/statisticsV2/modules/IncomeNoneCategoryCard.vue   | 2 +-
 38 files changed, 40 insertions(+), 40 deletions(-)
 rename Web/src/components/{ => Budget}/BudgetTypeTabs.vue (100%)
 rename Web/src/components/{ => Common}/AddClassifyDialog.vue (100%)
 rename Web/src/components/{ => Common}/ClassifySelector.vue (100%)
 rename Web/src/components/{ => Common}/DateSelectHeader.vue (100%)
 rename Web/src/components/{ => Common}/Icon.vue (100%)
 rename Web/src/components/{ => Common}/IconSelector.vue (100%)
 rename Web/src/components/{ => Common}/PopupContainerV2.vue (100%)
 rename Web/src/components/{ => Common}/ReasonGroupList.vue (100%)
 rename Web/src/components/{ => Common}/TimePeriodTabs.vue (100%)
 rename Web/src/components/{ => Global}/GlassBottomNav.vue (100%)
 rename Web/src/components/{ => Global}/ModernEmpty.vue (100%)
 rename Web/src/components/{ => Transaction}/CategoryBillPopup.vue (98%)
 rename Web/src/components/{ => Transaction}/TransactionDetail.vue (98%)

diff --git a/Web/src/App.vue b/Web/src/App.vue
index dde52c0..aa5f58d 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -45,7 +45,7 @@ import { RouterView, useRoute } from 'vue-router'
 import { ref, onMounted, onUnmounted, computed, watch } from 'vue'
 import { useMessageStore } from '@/stores/message'
 import GlobalAddBill from '@/components/Global/GlobalAddBill.vue'
-import GlassBottomNav from '@/components/GlassBottomNav.vue'
+import GlassBottomNav from '@/components/Global/GlassBottomNav.vue'
 import '@/styles/common.css'
 import { needRefresh, updateServiceWorker } from './registerServiceWorker'
 
diff --git a/Web/src/components/Bill/BillForm.vue b/Web/src/components/Bill/BillForm.vue
index 1a27c40..879a140 100644
--- a/Web/src/components/Bill/BillForm.vue
+++ b/Web/src/components/Bill/BillForm.vue
@@ -132,7 +132,7 @@
 import { ref, onMounted, watch, nextTick } from 'vue'
 import { showToast } from 'vant'
 import dayjs from 'dayjs'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 
 const props = defineProps({
   initialData: {
diff --git a/Web/src/components/Bill/BillListComponent.vue b/Web/src/components/Bill/BillListComponent.vue
index 50980af..7e83142 100644
--- a/Web/src/components/Bill/BillListComponent.vue
+++ b/Web/src/components/Bill/BillListComponent.vue
@@ -232,7 +232,7 @@ import { ref, computed, watch, onMounted } from 'vue'
 import { showConfirmDialog, showToast } from 'vant'
 import { getTransactionList, deleteTransaction } from '@/api/transactionRecord'
 import { getCategoryList } from '@/api/transactionCategory'
-import Icon from '@/components/Icon.vue'
+import Icon from '@/components/Common/Icon.vue'
 
 /**
  * @typedef {Object} Transaction
diff --git a/Web/src/components/Budget/BudgetCard.vue b/Web/src/components/Budget/BudgetCard.vue
index 81d625b..07f505b 100644
--- a/Web/src/components/Budget/BudgetCard.vue
+++ b/Web/src/components/Budget/BudgetCard.vue
@@ -429,7 +429,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { BudgetPeriodType } from '@/constants/enums'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
 import { getTransactionList } from '@/api/transactionRecord'
 
diff --git a/Web/src/components/Budget/BudgetChartAnalysis.vue b/Web/src/components/Budget/BudgetChartAnalysis.vue
index 4892338..4014a14 100644
--- a/Web/src/components/Budget/BudgetChartAnalysis.vue
+++ b/Web/src/components/Budget/BudgetChartAnalysis.vue
@@ -210,7 +210,7 @@
 import { ref, computed } from 'vue'
 import { BudgetCategory, BudgetPeriodType } from '@/constants/enums'
 import { getCssVar } from '@/utils/theme'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import BaseChart from '@/components/Charts/BaseChart.vue'
 import { useChartTheme } from '@/composables/useChartTheme'
 import { chartjsGaugePlugin } from '@/plugins/chartjs-gauge-plugin'
diff --git a/Web/src/components/Budget/BudgetEditPopup.vue b/Web/src/components/Budget/BudgetEditPopup.vue
index 0a1643a..fecde40 100644
--- a/Web/src/components/Budget/BudgetEditPopup.vue
+++ b/Web/src/components/Budget/BudgetEditPopup.vue
@@ -122,8 +122,8 @@ import { ref, reactive, computed } from 'vue'
 import { showToast } from 'vant'
 import { createBudget, updateBudget } from '@/api/budget'
 import { BudgetPeriodType, BudgetCategory } from '@/constants/enums'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 
 const emit = defineEmits(['success'])
 
diff --git a/Web/src/components/BudgetTypeTabs.vue b/Web/src/components/Budget/BudgetTypeTabs.vue
similarity index 100%
rename from Web/src/components/BudgetTypeTabs.vue
rename to Web/src/components/Budget/BudgetTypeTabs.vue
diff --git a/Web/src/components/Budget/SavingsConfigPopup.vue b/Web/src/components/Budget/SavingsConfigPopup.vue
index e87132e..317353f 100644
--- a/Web/src/components/Budget/SavingsConfigPopup.vue
+++ b/Web/src/components/Budget/SavingsConfigPopup.vue
@@ -42,8 +42,8 @@
 import { ref } from 'vue'
 import { showToast, showLoadingToast, closeToast } from 'vant'
 import { getConfig, setConfig } from '@/api/config'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 
 const emit = defineEmits(['success'])
 
diff --git a/Web/src/components/AddClassifyDialog.vue b/Web/src/components/Common/AddClassifyDialog.vue
similarity index 100%
rename from Web/src/components/AddClassifyDialog.vue
rename to Web/src/components/Common/AddClassifyDialog.vue
diff --git a/Web/src/components/ClassifySelector.vue b/Web/src/components/Common/ClassifySelector.vue
similarity index 100%
rename from Web/src/components/ClassifySelector.vue
rename to Web/src/components/Common/ClassifySelector.vue
diff --git a/Web/src/components/DateSelectHeader.vue b/Web/src/components/Common/DateSelectHeader.vue
similarity index 100%
rename from Web/src/components/DateSelectHeader.vue
rename to Web/src/components/Common/DateSelectHeader.vue
diff --git a/Web/src/components/Icon.vue b/Web/src/components/Common/Icon.vue
similarity index 100%
rename from Web/src/components/Icon.vue
rename to Web/src/components/Common/Icon.vue
diff --git a/Web/src/components/IconSelector.vue b/Web/src/components/Common/IconSelector.vue
similarity index 100%
rename from Web/src/components/IconSelector.vue
rename to Web/src/components/Common/IconSelector.vue
diff --git a/Web/src/components/PopupContainerV2.vue b/Web/src/components/Common/PopupContainerV2.vue
similarity index 100%
rename from Web/src/components/PopupContainerV2.vue
rename to Web/src/components/Common/PopupContainerV2.vue
diff --git a/Web/src/components/ReasonGroupList.vue b/Web/src/components/Common/ReasonGroupList.vue
similarity index 100%
rename from Web/src/components/ReasonGroupList.vue
rename to Web/src/components/Common/ReasonGroupList.vue
diff --git a/Web/src/components/TimePeriodTabs.vue b/Web/src/components/Common/TimePeriodTabs.vue
similarity index 100%
rename from Web/src/components/TimePeriodTabs.vue
rename to Web/src/components/Common/TimePeriodTabs.vue
diff --git a/Web/src/components/GlassBottomNav.vue b/Web/src/components/Global/GlassBottomNav.vue
similarity index 100%
rename from Web/src/components/GlassBottomNav.vue
rename to Web/src/components/Global/GlassBottomNav.vue
diff --git a/Web/src/components/Global/GlobalAddBill.vue b/Web/src/components/Global/GlobalAddBill.vue
index 4210e04..984fe9b 100644
--- a/Web/src/components/Global/GlobalAddBill.vue
+++ b/Web/src/components/Global/GlobalAddBill.vue
@@ -45,7 +45,7 @@
 
 <script setup>
 import { ref, defineEmits } from 'vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import OneLineBillAdd from '@/components/Bill/OneLineBillAdd.vue'
 import ManualBillAdd from '@/components/Bill/ManualBillAdd.vue'
 
diff --git a/Web/src/components/ModernEmpty.vue b/Web/src/components/Global/ModernEmpty.vue
similarity index 100%
rename from Web/src/components/ModernEmpty.vue
rename to Web/src/components/Global/ModernEmpty.vue
diff --git a/Web/src/components/CategoryBillPopup.vue b/Web/src/components/Transaction/CategoryBillPopup.vue
similarity index 98%
rename from Web/src/components/CategoryBillPopup.vue
rename to Web/src/components/Transaction/CategoryBillPopup.vue
index 7392ea8..8e75789 100644
--- a/Web/src/components/CategoryBillPopup.vue
+++ b/Web/src/components/Transaction/CategoryBillPopup.vue
@@ -38,7 +38,7 @@
 import { ref, computed, watch } from 'vue'
 import { showToast } from 'vant'
 import TransactionDetailSheet from '@/components/Transaction/TransactionDetailSheet.vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
 import { getTransactionList, getTransactionDetail } from '@/api/transactionRecord'
 
diff --git a/Web/src/components/TransactionDetail.vue b/Web/src/components/Transaction/TransactionDetail.vue
similarity index 98%
rename from Web/src/components/TransactionDetail.vue
rename to Web/src/components/Transaction/TransactionDetail.vue
index b258c16..d2efe00 100644
--- a/Web/src/components/TransactionDetail.vue
+++ b/Web/src/components/Transaction/TransactionDetail.vue
@@ -179,8 +179,8 @@
 import { ref, reactive, watch, defineProps, defineEmits, computed, nextTick } from 'vue'
 import { showToast } from 'vant'
 import dayjs from 'dayjs'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 import { updateTransaction } from '@/api/transactionRecord'
 
 const props = defineProps({
diff --git a/Web/src/components/Transaction/TransactionDetailSheet.vue b/Web/src/components/Transaction/TransactionDetailSheet.vue
index 07a7d6b..00f7f3c 100644
--- a/Web/src/components/Transaction/TransactionDetailSheet.vue
+++ b/Web/src/components/Transaction/TransactionDetailSheet.vue
@@ -171,8 +171,8 @@
 import { ref, reactive, watch } from 'vue'
 import { showToast, showDialog } from 'vant'
 import dayjs from 'dayjs'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 import { updateTransaction, deleteTransaction } from '@/api/transactionRecord'
 
 const props = defineProps({
diff --git a/Web/src/views/BillAnalysisView.vue b/Web/src/views/BillAnalysisView.vue
index 896ec8d..05435b0 100644
--- a/Web/src/views/BillAnalysisView.vue
+++ b/Web/src/views/BillAnalysisView.vue
@@ -137,7 +137,7 @@ import { ref, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import { showToast, showLoadingToast, closeToast } from 'vant'
 import { getConfig, setConfig } from '@/api/config'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 
 const router = useRouter()
 const userInput = ref('')
diff --git a/Web/src/views/ClassificationBatch.vue b/Web/src/views/ClassificationBatch.vue
index 43e946b..ccae09c 100644
--- a/Web/src/views/ClassificationBatch.vue
+++ b/Web/src/views/ClassificationBatch.vue
@@ -42,7 +42,7 @@
 import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { getUnclassifiedCount } from '@/api/transactionRecord'
-import ReasonGroupList from '@/components/ReasonGroupList.vue'
+import ReasonGroupList from '@/components/Common/ReasonGroupList.vue'
 
 const router = useRouter()
 const groupListRef = ref(null)
diff --git a/Web/src/views/ClassificationEdit.vue b/Web/src/views/ClassificationEdit.vue
index a75ea2b..342c810 100644
--- a/Web/src/views/ClassificationEdit.vue
+++ b/Web/src/views/ClassificationEdit.vue
@@ -230,9 +230,9 @@
 import { ref, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { showSuccessToast, showToast, showLoadingToast, closeToast } from 'vant'
-import Icon from '@/components/Icon.vue'
-import IconSelector from '@/components/IconSelector.vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import Icon from '@/components/Common/Icon.vue'
+import IconSelector from '@/components/Common/IconSelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import {
   getCategoryList,
   createCategory,
diff --git a/Web/src/views/ClassificationNLP.vue b/Web/src/views/ClassificationNLP.vue
index 9b8bfa9..056cf63 100644
--- a/Web/src/views/ClassificationNLP.vue
+++ b/Web/src/views/ClassificationNLP.vue
@@ -132,8 +132,8 @@ import { useRouter } from 'vue-router'
 import { showToast, showConfirmDialog } from 'vant'
 import { nlpAnalysis, batchUpdateClassify } from '@/api/transactionRecord'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
-import TransactionDetail from '@/components/TransactionDetail.vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import TransactionDetail from '@/components/Transaction/TransactionDetail.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 
 const router = useRouter()
 const userInput = ref('')
diff --git a/Web/src/views/ClassificationSmart.vue b/Web/src/views/ClassificationSmart.vue
index 3e89e06..6b92187 100644
--- a/Web/src/views/ClassificationSmart.vue
+++ b/Web/src/views/ClassificationSmart.vue
@@ -60,7 +60,7 @@ import { ref, computed, onMounted, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import { showToast, showLoadingToast, closeToast, showConfirmDialog } from 'vant'
 import { getUnclassifiedCount, smartClassify, batchUpdateClassify } from '@/api/transactionRecord'
-import ReasonGroupList from '@/components/ReasonGroupList.vue'
+import ReasonGroupList from '@/components/Common/ReasonGroupList.vue'
 
 const router = useRouter()
 const groupListRef = ref(null)
diff --git a/Web/src/views/EmailRecord.vue b/Web/src/views/EmailRecord.vue
index 09de162..8b88f79 100644
--- a/Web/src/views/EmailRecord.vue
+++ b/Web/src/views/EmailRecord.vue
@@ -184,8 +184,8 @@ import {
 } from '@/api/emailRecord'
 import { getTransactionDetail } from '@/api/transactionRecord'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
-import TransactionDetail from '@/components/TransactionDetail.vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import TransactionDetail from '@/components/Transaction/TransactionDetail.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 
 const emailList = ref([])
 const loading = ref(false)
diff --git a/Web/src/views/MessageView.vue b/Web/src/views/MessageView.vue
index a5479c8..3b84ed9 100644
--- a/Web/src/views/MessageView.vue
+++ b/Web/src/views/MessageView.vue
@@ -116,7 +116,7 @@ import { useRouter } from 'vue-router'
 import { showToast, showDialog } from 'vant'
 import { getMessageList, markAsRead, deleteMessage, markAllAsRead } from '@/api/message'
 import { useMessageStore } from '@/stores/message'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 
 const messageStore = useMessageStore()
 const router = useRouter()
diff --git a/Web/src/views/PeriodicRecord.vue b/Web/src/views/PeriodicRecord.vue
index 72c7b54..7a8b310 100644
--- a/Web/src/views/PeriodicRecord.vue
+++ b/Web/src/views/PeriodicRecord.vue
@@ -312,8 +312,8 @@ import {
   createPeriodic,
   updatePeriodic
 } from '@/api/transactionPeriodic'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
-import ClassifySelector from '@/components/ClassifySelector.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
+import ClassifySelector from '@/components/Common/ClassifySelector.vue'
 import dayjs from 'dayjs'
 
 const router = useRouter()
diff --git a/Web/src/views/TransactionsRecord.vue b/Web/src/views/TransactionsRecord.vue
index 970edb3..32701ae 100644
--- a/Web/src/views/TransactionsRecord.vue
+++ b/Web/src/views/TransactionsRecord.vue
@@ -56,7 +56,7 @@ import { ref, onMounted, onBeforeUnmount } from 'vue'
 import { showToast } from 'vant'
 import { getTransactionList, getTransactionDetail } from '@/api/transactionRecord'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
-import TransactionDetail from '@/components/TransactionDetail.vue'
+import TransactionDetail from '@/components/Transaction/TransactionDetail.vue'
 
 const transactionList = ref([])
 const loading = ref(false)
diff --git a/Web/src/views/UnconfirmedClassification.vue b/Web/src/views/UnconfirmedClassification.vue
index 009b3d8..26b20ac 100644
--- a/Web/src/views/UnconfirmedClassification.vue
+++ b/Web/src/views/UnconfirmedClassification.vue
@@ -104,7 +104,7 @@ import { ref, onMounted, computed } from 'vue'
 import { useRouter } from 'vue-router'
 import { showToast, showConfirmDialog } from 'vant'
 import { getUnconfirmedTransactionList, confirmAllUnconfirmed } from '@/api/transactionRecord'
-import TransactionDetail from '@/components/TransactionDetail.vue'
+import TransactionDetail from '@/components/Transaction/TransactionDetail.vue'
 import BillListComponent from '@/components/Bill/BillListComponent.vue'
 
 const router = useRouter()
diff --git a/Web/src/views/budgetV2/Index.vue b/Web/src/views/budgetV2/Index.vue
index addc25b..63e5cba 100644
--- a/Web/src/views/budgetV2/Index.vue
+++ b/Web/src/views/budgetV2/Index.vue
@@ -264,12 +264,12 @@ import {
   getSavingsBudget
 } from '@/api/budget'
 import { BudgetPeriodType, BudgetCategory } from '@/constants/enums'
-import DateSelectHeader from '@/components/DateSelectHeader.vue'
-import BudgetTypeTabs from '@/components/BudgetTypeTabs.vue'
+import DateSelectHeader from '@/components/Common/DateSelectHeader.vue'
+import BudgetTypeTabs from '@/components/Budget/BudgetTypeTabs.vue'
 import BudgetCard from '@/components/Budget/BudgetCard.vue'
 import BudgetEditPopup from '@/components/Budget/BudgetEditPopup.vue'
 import SavingsConfigPopup from '@/components/Budget/SavingsConfigPopup.vue'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 import ExpenseBudgetContent from './modules/ExpenseBudgetContent.vue'
 import IncomeBudgetContent from './modules/IncomeBudgetContent.vue'
 import SavingsBudgetContent from './modules/SavingsBudgetContent.vue'
diff --git a/Web/src/views/budgetV2/modules/SavingsBudgetContent.vue b/Web/src/views/budgetV2/modules/SavingsBudgetContent.vue
index 4d59ed3..10bfb36 100644
--- a/Web/src/views/budgetV2/modules/SavingsBudgetContent.vue
+++ b/Web/src/views/budgetV2/modules/SavingsBudgetContent.vue
@@ -362,7 +362,7 @@
 import { ref, computed } from 'vue'
 import BudgetCard from '@/components/Budget/BudgetCard.vue'
 import { BudgetPeriodType } from '@/constants/enums'
-import PopupContainerV2 from '@/components/PopupContainerV2.vue'
+import PopupContainerV2 from '@/components/Common/PopupContainerV2.vue'
 
 // Props
 const props = defineProps({
diff --git a/Web/src/views/calendarV2/Index.vue b/Web/src/views/calendarV2/Index.vue
index 666e3d7..adb5d73 100644
--- a/Web/src/views/calendarV2/Index.vue
+++ b/Web/src/views/calendarV2/Index.vue
@@ -75,7 +75,7 @@
 import { ref, onMounted, onBeforeUnmount, onActivated, onDeactivated } from 'vue'
 import { useRouter } from 'vue-router'
 import { showToast } from 'vant'
-import CalendarHeader from '@/components/DateSelectHeader.vue'
+import CalendarHeader from '@/components/Common/DateSelectHeader.vue'
 import CalendarModule from './modules/Calendar.vue'
 import StatsModule from './modules/Stats.vue'
 import TransactionListModule from './modules/TransactionList.vue'
diff --git a/Web/src/views/statisticsV2/Index.vue b/Web/src/views/statisticsV2/Index.vue
index 170c44d..4a52cb0 100644
--- a/Web/src/views/statisticsV2/Index.vue
+++ b/Web/src/views/statisticsV2/Index.vue
@@ -124,12 +124,12 @@
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import CalendarHeader from '@/components/DateSelectHeader.vue'
-import TimePeriodTabs from '@/components/TimePeriodTabs.vue'
+import CalendarHeader from '@/components/Common/DateSelectHeader.vue'
+import TimePeriodTabs from '@/components/Common/TimePeriodTabs.vue'
 import MonthlyExpenseCard from './modules/MonthlyExpenseCard.vue'
 import ExpenseCategoryCard from './modules/ExpenseCategoryCard.vue'
 import IncomeNoneCategoryCard from './modules/IncomeNoneCategoryCard.vue'
-import CategoryBillPopup from '@/components/CategoryBillPopup.vue'
+import CategoryBillPopup from '@/components/Transaction/CategoryBillPopup.vue'
 import {
   // 新统一接口
   getDailyStatisticsByRange,
diff --git a/Web/src/views/statisticsV2/modules/ExpenseCategoryCard.vue b/Web/src/views/statisticsV2/modules/ExpenseCategoryCard.vue
index 5034588..c83a9a8 100644
--- a/Web/src/views/statisticsV2/modules/ExpenseCategoryCard.vue
+++ b/Web/src/views/statisticsV2/modules/ExpenseCategoryCard.vue
@@ -85,7 +85,7 @@
 <script setup>
 import { ref, computed } from 'vue'
 import { getCssVar } from '@/utils/theme'
-import ModernEmpty from '@/components/ModernEmpty.vue'
+import ModernEmpty from '@/components/Global/ModernEmpty.vue'
 import BaseChart from '@/components/Charts/BaseChart.vue'
 import { useChartTheme } from '@/composables/useChartTheme'
 import { pieCenterTextPlugin } from '@/plugins/chartjs-pie-center-plugin'
diff --git a/Web/src/views/statisticsV2/modules/IncomeNoneCategoryCard.vue b/Web/src/views/statisticsV2/modules/IncomeNoneCategoryCard.vue
index 10ddf77..21bdc84 100644
--- a/Web/src/views/statisticsV2/modules/IncomeNoneCategoryCard.vue
+++ b/Web/src/views/statisticsV2/modules/IncomeNoneCategoryCard.vue
@@ -99,7 +99,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import ModernEmpty from '@/components/ModernEmpty.vue'
+import ModernEmpty from '@/components/Global/ModernEmpty.vue'
 
 const props = defineProps({
   incomeCategories: {