更新预算归档功能，添加归档总结和更新归档总结接口，优化预算统计逻辑，调整相关样式

Web/src/components/Budget/BudgetCard.vue

@@ -42,9 +42,8 @@
       </div>
 
       <!-- 展开状态 -->
-      <Transition v-else :name="transitionName">
-        <div :key="budget.period" class="budget-inner-card">
-          <div class="card-header" style="margin-bottom: 0;">
+      <div v-else class="budget-inner-card">
+        <div class="card-header" style="margin-bottom: 0;">
             <div class="budget-info">
               <slot name="tag">
                 <van-tag 
@@ -133,31 +132,7 @@
               </div>
             </van-collapse-transition>
           </div>
-
-          <div class="card-footer">
-            <div class="period-navigation" @click.stop>
-              <van-button 
-                icon="arrow-left" 
-                class="nav-icon"
-                plain 
-                size="small"
-                style="width: 50px;"
-                @click="handleSwitch(-1)" 
-              />
-              <span class="period-text">{{ budget.period }}</span>
-              <van-button 
-                icon="arrow" 
-                class="nav-icon"
-                plain 
-                size="small"
-                style="width: 50px;"
-                :disabled="isNextDisabled"
-                @click="handleSwitch(1)"
-              />
-            </div>
-          </div>
         </div>
-      </Transition>
     </div>
 
     <!-- 关联账单列表弹窗 -->
@@ -205,10 +180,9 @@ const props = defineProps({
   }
 })
 
-const emit = defineEmits(['switch-period', 'click'])
+const emit = defineEmits(['click'])
 
 const isExpanded = ref(props.budget.category === 2)
-const transitionName = ref('slide-left')
 const showDescription = ref(false)
 const showBillListModal = ref(false)
 const billList = ref([])
@@ -218,16 +192,6 @@ const toggleExpand = () => {
   isExpanded.value = !isExpanded.value
 }
 
-const isNextDisabled = computed(() => {
-  if (!props.budget.periodEnd) return false
-  return new Date(props.budget.periodEnd) > new Date()
-})
-
-const handleSwitch = (direction) => {
-  transitionName.value = direction > 0 ? 'slide-left' : 'slide-right'
-  emit('switch-period', direction)
-}
-
 const handleQueryBills = async () => {
   showBillListModal.value = true
   billLoading.value = true
@@ -402,40 +366,6 @@ const timePercentage = computed(() => {
   cursor: pointer;
 }
 
-/* 切换动画 */
-.slide-left-enter-active,
-.slide-left-leave-active,
-.slide-right-enter-active,
-.slide-right-leave-active {
-  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.slide-left-enter-from {
-  transform: translateX(100%);
-  opacity: 0;
-}
-.slide-left-leave-to {
-  transform: translateX(-100%);
-  opacity: 0;
-}
-
-.slide-right-enter-from {
-  transform: translateX(-100%);
-  opacity: 0;
-}
-.slide-right-leave-to {
-  transform: translateX(100%);
-  opacity: 0;
-}
-
-.slide-left-leave-active,
-.slide-right-leave-active {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-}
-
 .budget-info {
   display: flex;
   align-items: center;
@@ -564,42 +494,7 @@ const timePercentage = computed(() => {
   line-height: 1.4;
 }
 
-.card-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  color: #969799;
-  padding: 12px 12px 0;
-  padding-top: 8px;
-  border-top: 1px solid #ebedf0;
-}
-
-.period-navigation {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.period-text {
-  font-size: 14px;
-  font-weight: 500;
-  color: #323233;
-}
-
-.nav-icon {
-  padding: 4px;
-  font-size: 12px;
-  color: #1989fa;
-}
-
 @media (prefers-color-scheme: dark) {
-  .card-footer {
-    border-top-color: #2c2c2c;
-  }
-  .period-text {
-    color: #f5f5f5;
-  }
   .budget-description {
     background-color: #2c2c2c;
   }