f

src/views/SubordinateDetail.vue

@@ -1,7 +1,8 @@
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 import useApiFetch from '@/composables/useApiFetch'
+import EmptyState from '@/components/EmptyState.vue'
 
 const route = useRoute()
 const loading = ref(false)
@@ -23,9 +24,6 @@ const inviteListTotal = ref(0)
 
 // 获取详情数据
 const fetchDetail = async () => {
-  if (loading.value) return
-  if (finished.value && page.value > 1) return
-
   loading.value = true
   const tabType = activeTab.value
   const { data, error } = await useApiFetch(
@@ -151,10 +149,6 @@ const formatNumber = num => {
   if (!num) return '0.00'
   return Number(num).toFixed(2)
 }
-
-onMounted(() => {
-  fetchDetail()
-})
 </script>
 
 <template>
@@ -236,10 +230,9 @@ onMounted(() => {
         <van-tabs v-model:active="activeTab" @change="switchTab">
           <van-tab title="订单列表" name="order">
             <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-              <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="fetchDetail">
+              <van-list v-model:loading="loading" :finished="finished" :finished-text="orderList.length > 0 ? '没有更多了' : ''" @load="fetchDetail">
                 <div class="p-2">
-                  <div v-if="orderList.length === 0" class="text-center text-gray-500 py-8">暂无订单记录</div>
-                  <div v-else v-for="item in orderList" :key="item.order_no"
+                  <div v-for="item in orderList" :key="item.order_no"
                     class="order-item mb-3 border-b border-gray-200 pb-3">
                     <div class="flex items-center justify-between">
                       <div class="flex-1">
@@ -260,13 +253,13 @@ onMounted(() => {
                 </div>
               </van-list>
             </van-pull-refresh>
+            <EmptyState v-if="!loading && orderList.length === 0" text="暂无订单记录" />
           </van-tab>
           <van-tab title="邀请列表" name="invite">
             <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
-              <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="fetchDetail">
+              <van-list v-model:loading="loading" :finished="finished" :finished-text="inviteList.length > 0 ? '没有更多了' : ''" @load="fetchDetail">
                 <div class="p-2">
-                  <div v-if="inviteList.length === 0" class="text-center text-gray-500 py-8">暂无邀请记录</div>
-                  <div v-else v-for="item in inviteList" :key="item.agent_id"
+                  <div v-for="item in inviteList" :key="item.agent_id"
                     class="invite-item mb-3 border-b border-gray-200 pb-3">
                     <div class="flex items-center justify-between">
                       <div class="flex items-center space-x-3 flex-1">
@@ -281,6 +274,7 @@ onMounted(() => {
                 </div>
               </van-list>
             </van-pull-refresh>
+            <EmptyState v-if="!loading && inviteList.length === 0" text="暂无邀请记录" />
           </van-tab>
         </van-tabs>
       </div>