t

src/views/AgentPromoteDetails.vue

@@ -7,19 +7,24 @@
                     <span class="text-gray-500 text-sm">{{ item.create_time || '-' }}</span>
                     <span class="text-green-500 font-bold">+{{ item.amount.toFixed(2) }}</span>
                 </div>
-                <div class="flex items-center">
+                <div class="flex items-center justify-between mb-2">
                     <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium"
                         :class="getReportTypeStyle(item.product_name)">
                         <span class="w-2 h-2 rounded-full mr-1" :class="getDotColor(item.product_name)"></span>
                         {{ item.product_name }}
                     </span>
                 </div>
+                <div v-if="item.order_no" class="text-xs text-gray-400">
+                    订单号：{{ item.order_no }}
+                </div>
             </div>
         </van-list>
     </div>
 </template>
 
 <script setup>
+import { getCommissionList } from '@/api/agent'
+
 // 颜色配置（根据产品名称映射）
 const typeColors = {
     '小微企业': { bg: 'bg-blue-100', text: 'text-blue-800', dot: 'bg-blue-500' },
@@ -28,7 +33,7 @@ const typeColors = {
     '婚恋风险': { bg: 'bg-pink-100', text: 'text-pink-800', dot: 'bg-pink-500' },
     '贷前风险': { bg: 'bg-orange-100', text: 'text-orange-800', dot: 'bg-orange-500' },
     '消金报告': { bg: 'bg-indigo-100', text: 'text-indigo-800', dot: 'bg-indigo-500' },
-    '个人大数据': { bg: 'bg-red-100', text: 'text-red-800', dot: 'bg-red-500' },
+    '个人风险': { bg: 'bg-red-100', text: 'text-red-800', dot: 'bg-red-500' },
     // 默认类型
     'default': { bg: 'bg-gray-100', text: 'text-gray-800', dot: 'bg-gray-500' }
 }
@@ -63,11 +68,14 @@ const onLoad = async () => {
 
 // 获取数据
 const getData = async () => {
+    if (loading.value || finished.value) return
+    
     try {
         loading.value = true
-        const { data: res, error } = await useApiFetch(
-            `/agent/commission?page=${page.value}&page_size=${pageSize.value}`
-        ).get().json()
+        const { data: res, error } = await getCommissionList({
+            page: page.value,
+            page_size: pageSize.value
+        })
 
         if (res.value?.code === 200 && !error.value) {
             // 首次加载
@@ -83,7 +91,15 @@ const getData = async () => {
                 res.value.data.list.length < pageSize.value) {
                 finished.value = true
             }
+        } else {
+            // 接口返回错误或请求失败，停止翻页
+            finished.value = true
+            console.error('获取佣金列表失败:', res.value?.msg || error.value || '未知错误')
         }
+    } catch (err) {
+        // 捕获异常，停止翻页
+        finished.value = true
+        console.error('获取佣金列表失败:', err)
     } finally {
         loading.value = false
     }