fix: bug

src/pages/agent-system/commission-center/index.vue

@@ -2,6 +2,7 @@
 import { ref, computed, onMounted } from 'vue'
 import { getFundSummary, getCommissionRecords, getCommissionStats } from '@/api/commission'
 import type { FundSummary, CommissionRecord, CommissionStats } from '@/api/commission'
+import AgentFundSummaryCard from '@/components/AgentFundSummaryCard.vue'
 import SimplePicker from '@/components/SimplePicker.vue'
 
 type LoginUserInfo = {
@@ -13,7 +14,6 @@ const commissionSummary = ref<FundSummary | null>(null)
 const shopId = ref<number>(0)
 const commissionRecords = ref<CommissionRecord[]>([])
 const commissionStats = ref<CommissionStats | null>(null)
-const loading = ref(false)
 const loadingRecords = ref(false)
 const page = ref(1)
 const pageSize = 20
@@ -86,7 +86,7 @@ onMounted(() => {
 async function loadCommissionSummary() {
   try {
     const userInfo = getLoginUserInfo()
-    commissionSummary.value = await getFundSummary(userInfo?.username ? { shop_name: userInfo.username } : undefined)
+    commissionSummary.value = await getFundSummary(userInfo?.username ? { username: userInfo.username } : undefined)
   } catch (error) {
     console.error('加载佣金概览失败:', error)
   }
@@ -153,12 +153,6 @@ function loadMore() {
   }
 }
 
-function onScroll(e: any) {
-  const { scrollTop, scrollHeight, clientHeight } = e.target
-  if (scrollHeight - scrollTop - clientHeight < 100) {
-    loadMore()
-  }
-}
 </script>
 
 <template>
@@ -205,37 +199,7 @@ function onScroll(e: any) {
     <!-- 内容区域 -->
     <view class="px-4 pb-4">
       <!-- 概览卡片 -->
-      <view class="bg-white rounded-16px p-5 mt-4 shadow-[0_2px_12px_rgba(0,0,0,0.08)]">
-        <view class="flex items-center justify-between">
-          <view>
-            <text class="text-12px text-[#999]">可提现佣金</text>
-            <text class="text-32px font-700 text-[#212121] block mt-1">
-              {{ commissionSummary ? formatAmount(commissionSummary.available_commission) : '--' }}
-            </text>
-          </view>
-          <image src="@/static/icons/佣金中心.png" class="w-12 h-12 rounded-12px" mode="aspectFit" />
-        </view>
-        <view class="flex gap-3 mt-4 pt-4 border-t border-[#f5f5f5]">
-          <view class="flex-1 text-center">
-            <text class="text-11px text-[#999]">累计佣金</text>
-            <text class="text-14px font-600 text-[#212121] block mt-1">
-              {{ commissionSummary ? formatAmount(commissionSummary.total_commission) : '--' }}
-            </text>
-          </view>
-          <view class="flex-1 text-center border-l border-[#f5f5f5]">
-            <text class="text-11px text-[#999]">已提现</text>
-            <text class="text-14px font-600 text-[#52c41a] block mt-1">
-              {{ commissionSummary ? formatAmount(commissionSummary.withdrawn_commission) : '--' }}
-            </text>
-          </view>
-          <view class="flex-1 text-center border-l border-[#f5f5f5]">
-            <text class="text-11px text-[#999]">冻结</text>
-            <text class="text-14px font-600 text-[#ff4d4f] block mt-1">
-              {{ commissionSummary ? formatAmount(commissionSummary.frozen_commission) : '--' }}
-            </text>
-          </view>
-        </view>
-      </view>
+      <AgentFundSummaryCard class="mt-4" :summary="commissionSummary" />
 
       <!-- 佣金统计 -->
       <view class="bg-white rounded-16px p-4 mt-3 shadow-[0_2px_8px_rgba(0,0,0,0.04)]">