fix

Web/src/views/StatisticsView.vue

@@ -286,11 +286,20 @@
     >
       <div class="popup-container">
         <div class="popup-header-fixed">
-          <h3>{{ selectedCategoryTitle }}</h3>
-          <p v-if="categoryBillsTotal">共 {{ categoryBillsTotal }} 笔交易</p>
+          <h3 class="category-title">{{ selectedCategoryTitle }}</h3>
+          <div class="header-stats">
+            <p v-if="categoryBillsTotal">共 {{ categoryBillsTotal }} 笔交易</p>
+            <SmartClassifyButton
+              ref="smartClassifyButtonRef"
+              v-if="isUnclassified"
+              :transactions="categoryBills"
+              :onBeforeClassify="beforeSmartClassify"
+              @save="onSmartClassifySave"
+            />
+          </div>
         </div>
 
-        <div class="popup-scroll-content" style="background: #f7f8fa;">
+        <div class="popup-scroll-content">
           <TransactionList
             :transactions="categoryBills"
             :loading="billListLoading"
@@ -320,6 +329,7 @@ import { getMonthlyStatistics, getCategoryStatistics, getTrendStatistics } from
 import { getTransactionList, getTransactionDetail } from '@/api/transactionRecord'
 import TransactionList from '@/components/TransactionList.vue'
 import TransactionDetail from '@/components/TransactionDetail.vue'
+import SmartClassifyButton from '@/components/SmartClassifyButton.vue'
 
 const router = useRouter()
 
@@ -341,7 +351,7 @@ const selectedCategoryTitle = ref('')
 const selectedClassify = ref('')
 const selectedType = ref(null)
 const billPageIndex = ref(1)
-const billPageSize = 20
+let billPageSize = 20
 
 // 详情编辑相关
 const detailVisible = ref(false)
@@ -416,6 +426,11 @@ const isCurrentMonth = computed(() => {
   return currentYear.value === now.getFullYear() && currentMonth.value === now.getMonth() + 1
 })
 
+// 是否为未分类账单
+const isUnclassified = computed(() => {
+  return selectedClassify.value === '未分类' || selectedClassify.value === ''
+})
+
 // 格式化金额
 const formatMoney = (value) => {
   if (!value && value !== 0) return '0'
@@ -642,15 +657,16 @@ const goToTypeOverviewBills = (type) => {
   loadCategoryBills()
 }
 
+const smartClassifyButtonRef = ref(null)
 // 加载分类账单数据
-const loadCategoryBills = async () => {
+const loadCategoryBills = async (customIndex = null, customSize = null) => {
   if (billListLoading.value || billListFinished.value) return
   
   billListLoading.value = true
   try {
     const params = {
-      pageIndex: billPageIndex.value,
-      pageSize: billPageSize,
+      pageIndex: customIndex || billPageIndex.value,
+      pageSize: customSize || billPageSize,
       type: selectedType.value,
       year: currentYear.value,
       month: currentMonth.value,
@@ -675,6 +691,8 @@ const loadCategoryBills = async () => {
         billListFinished.value = false
         billPageIndex.value++
       }
+
+      smartClassifyButtonRef.value.reset()
     } else {
       showToast(response.message || '加载账单失败')
       billListFinished.value = true
@@ -718,6 +736,27 @@ const onBillSave = async () => {
   showToast('保存成功')
 }
 
+const beforeSmartClassify = async () => {
+  showToast({
+    message: '加载完整账单列表，请稍候...',
+    duration: 0,
+    forbidClick: true
+  })
+
+  await loadCategoryBills(1, categoryBillsTotal.value || 1000)
+}
+
+// 智能分类保存后的回调
+const onSmartClassifySave = async () => {
+  // 关闭账单列表弹窗
+  billListVisible.value = false
+  
+  // 刷新统计数据
+  await fetchStatistics()
+  
+  showToast('智能分类已保存')
+}
+
 // 初始化
 onMounted(() => {
   fetchStatistics()
@@ -1108,4 +1147,44 @@ onActivated(() => {
   background: transparent !important;
 }
 
+/* 弹出层样式 */
+.popup-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+.popup-header-fixed {
+  padding: 16px;
+  position: relative;
+}
+
+.category-title {
+  text-align: center;
+  margin: 0 0 12px;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.header-stats {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+}
+
+.header-stats p {
+  margin: 0;
+  font-size: 13px;
+  color: var(--van-text-color-2);
+  flex: 1;
+}
+
+.popup-scroll-content {
+  flex: 1;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
 </style>