提现记录和退费数据展示

src/pages/UserCenter/components/SalesData/index.vue

@@ -2,7 +2,7 @@
   <div
     class="lucid-glass-bar flex h-full w-full flex-col rounded-4xl! border-1 border-white px-6 py-7"
   >
-    <div class="mb-[20px] flex justify-between border-b-1 border-dashed pb-4">
+    <div class="mb-[10px] flex justify-between border-b-1 border-dashed pb-4">
       <div>
         <div class="mb-1 text-base font-bold text-white">本月销售数据</div>
         <div class="text-sm text-white/40">本月已成交{{ salesPage.total }}单</div>
@@ -17,10 +17,7 @@
     </div>
 
     <div class="flex-1 overflow-y-auto pr-1">
-      <div
-        v-if="loading && salesPage.list.length === 0"
-        class="flex h-20 items-center justify-center"
-      >
+      <div v-if="loading" class="flex h-[100px] items-center justify-center">
         <div
           class="h-6 w-6 animate-spin rounded-full border-2 border-[#ADFF5B] border-t-transparent"
         ></div>
@@ -29,14 +26,15 @@
         <div
           v-for="(item, index) in salesPage.list"
           :key="index"
-          class="mb-5 flex items-center justify-between last:mb-0"
+          class="mb-3 flex items-center justify-between last:mb-0"
         >
           <div class="flex flex-col">
             <span class="text-sm font-semibold text-white">{{ item.user_hash }}</span>
-            <span class="text-[10px] text-white/40">{{ formatTime(item.update_at) }}</span>
+            <span class="text-[10px] text-white/40">{{ formatTime(item.updated_at) }}</span>
           </div>
           <div class="text-lg font-bold text-white tabular-nums">$ {{ item.amount }}</div>
         </div>
+        <div v-if="!salesPage.list.length">暂无数据</div>
       </div>
     </div>
   </div>
@@ -69,7 +67,7 @@ async function fetchSales() {
     const end_time = Math.floor(endOfMonth.getTime() / 1000)
     const res: any = await request.get('/api/v1/public/user/invite/sales', {
       page: 1,
-      size: 8,
+      size: 3,
       start_time,
       end_time,
     })