From e6ebca45cbd9a143fe6c69473f9bb2d9f520464d Mon Sep 17 00:00:00 2001
From: Linzm <1015157648@qq.com>
Date: Fri, 11 Jul 2025 14:51:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E9=A1=B5=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts            |  3 +--
 src/views/badge/record.vue | 41 ++++++++++++++++++++++----------------
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index cb74f3e..f346c00 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -24,8 +24,7 @@ declare module '@vue/runtime-core' {
     VanDivider: typeof import('vant/es')['Divider']
     VanField: typeof import('vant/es')['Field']
     VanIcon: typeof import('vant/es')['Icon']
+    VanList: typeof import('vant/es')['List']
     VanStepper: typeof import('vant/es')['Stepper']
-    VanSwipe: typeof import('vant/es')['Swipe']
-    VanSwipeItem: typeof import('vant/es')['SwipeItem']
   }
 }
diff --git a/src/views/badge/record.vue b/src/views/badge/record.vue
index 78d5ac1..21577c2 100644
--- a/src/views/badge/record.vue
+++ b/src/views/badge/record.vue
@@ -5,23 +5,30 @@
     </div>
     <div class="record-container">
       <div class="record-note">注：可点击效果图进行下单打印</div>
-      <div class="record-images" v-if="images.length > 0">
-        <div class="record-image-item" v-for="item in images" :key="item.id">
-          <block v-if="item.status == 1" @click="goPreview(item)">
-            <img :src="item.path" :alt="item.name" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;">
-            <div class="record-image-item-shadow"></div>
-          </block>
-          <div v-else-if="item.status == 0" class="record-image-item-loading">
-            设计中
-          </div>
-          <div v-else-if="item.status == 2" class="record-image-item-loading">
-            设计失败
+      <van-list
+        v-model:loading="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div class="record-images" v-if="images.length > 0">
+          <div class="record-image-item" v-for="item in images" :key="item.id">
+            <block v-if="item.status == 1" @click="goPreview(item)">
+              <img :src="item.path" :alt="item.name" style="width: 100%; height: 100%; object-fit: cover; border-radius: 50%;">
+              <div class="record-image-item-shadow"></div>
+            </block>
+            <div v-else-if="item.status == 0" class="record-image-item-loading">
+              设计中
+            </div>
+            <div v-else-if="item.status == 2" class="record-image-item-loading">
+              设计失败
+            </div>
           </div>
         </div>
-      </div>
-      <div v-else class="record-image-item-null">
-        <img src="@/assets/badge/null-data.png" alt="暂无数据">
-      </div>
+        <div v-else class="record-image-item-null">
+          <img src="@/assets/badge/null-data.png" alt="暂无数据">
+        </div>
+      </van-list>
     </div>
   </div>
 </template>
@@ -43,7 +50,7 @@ function getList() {
   
   badgeApi.getLogOage({
     page: page.value,
-    pageSize: 10,
+    size: 100,
   }).then(res => {
     if(page.value === 1) {
       images.value = res.list
@@ -51,7 +58,7 @@ function getList() {
       images.value.push(...res.list)
     }
     
-    if(res.list.length < 10) {
+    if(res.total <= images.value.length) {
       finished.value = true
     } else {
       page.value++