记录显示十条

src/components/auction/records.vue

@@ -4,20 +4,28 @@
             <div class="block" @click.stop>
                 <div class="title">
                     <img src="../../assets/icon-paimaijilu.png" alt="" />
-                    <span class="text1">拍卖纪录</span>
-                    <span class="text2">共{{ recordNum }}条</span>
+                    <span class="text1">拍卖纪录 </span>
+                    <span class="text2"
+                        ><div>共{{ recordNum }}条</div>
+                        <div>
+                            <small v-if="recordNum > 10">仅显示最新10条</small>
+                        </div></span
+                    >
                     <img src="../../assets/icon_close_tips.png" @click="show = false" alt="" class="close" />
                 </div>
-                <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData">
+                <div class="van-list list">
                     <div class="record-item" v-for="(item, index) in list" :key="index">
                         <span>{{ item.nickname }}</span>
                         <span v-if="item.paymentType !== 'FIXED_PRICE'">{{ index === 0 ? '领先' : '出局' }}</span>
                         <span v-else>一口价</span>
                         <span>¥{{ item.currentPrice || 0 }}</span>
-                        <span>{{ showTime(item.createdAt) }}</span>
+                        <span>{{ showTime(item.payTime) }}</span>
                     </div>
                     <div class="empty" v-if="empty">暂无拍卖纪录</div>
-                </van-list>
+                </div>
+                <!-- <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData"> -->
+
+                <!-- </van-list> -->
             </div>
         </div>
     </van-overlay>
@@ -43,10 +51,18 @@ export default {
         return {
             show: false,
             url: '/tradeAuctionOrder/all',
-            size: 10
+            size: 10,
+            list: []
         };
     },
     methods: {
+        init() {
+            this.show = true;
+            this.$nextTick(() => {
+                console.log('37622');
+                this.getData(true);
+            });
+        },
         beforeData() {
             return {
                 query: {
@@ -115,8 +131,9 @@ export default {
     .text2 {
         font-size: 12px;
         color: #c8c9cc;
-        line-height: 17px;
         margin: 0 6px;
+        .flex-col();
+        align-items: center;
     }
 }
 

src/views/auction/Detail.vue

@@ -64,7 +64,7 @@
         </div>
 
         <div class="card" v-if="recordNum > 0">
-            <div class="card-title" @click="showRecord">
+            <div class="card-title" @click.stop="showRecord">
                 <img src="../../assets/icon-paimaijilu-bai.png" alt="" />
                 <span class="flex1">拍卖纪录</span>
                 <div class="card-title-r">
@@ -78,7 +78,7 @@
                     <span v-if="item.paymentType !== 'FIXED_PRICE'">{{ index === 0 ? '领先' : '出局' }}</span>
                     <span v-else>一口价</span>
                     <span>¥{{ item.currentPrice || 0 }}</span>
-                    <span>{{ item.createdAt }}</span>
+                    <span>{{ item.payTime }}</span>
                 </div>
             </div>
         </div>
@@ -434,7 +434,8 @@ export default {
             this.$router.push('/auctionOffer?auctionId=' + this.auctionId);
         },
         showRecord() {
-            this.$refs.record.show = true;
+            console.log('337772');
+            this.$refs.record.init();
         },
         onRefresh() {
             this.changePopup();