From 8acea0244828e517fb067897d752c1bf975b83e3 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Fri, 1 Nov 2024 13:48:50 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=AF=E5=88=86=E4=B8=AD=E5=BF=83=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=A2=9E=E5=8A=A0=E9=A2=84=E8=A7=88=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/member_points/record.vue            | 14 +++++++++++---
 .../components/member_points/shop_list.vue         |  6 +++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/views/application/components/member_points/record.vue b/src/views/application/components/member_points/record.vue
index 2357bae..5a71d90 100644
--- a/src/views/application/components/member_points/record.vue
+++ b/src/views/application/components/member_points/record.vue
@@ -58,7 +58,8 @@
                 <el-table-column label="用户名" prop="memberName">
                     <template v-slot="scope">
                         <div class="goods_info">
-                            <el-image :src="scope.row.avatarUrl" style="width:40px;height:40px;flex-shrink: 0;" />
+                            <el-image :src="scope.row.avatarUrl" style="width:40px;height:40px;flex-shrink: 0;"
+                                :preview-src-list="avatarUrlList" />
                             <span>{{ scope.row.memberName }}</span>
                         </div>
                     </template>
@@ -66,7 +67,8 @@
                 <el-table-column label="商品" prop="pointsGoodsName">
                     <template v-slot="scope">
                         <div class="goods_info">
-                            <el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;" />
+                            <el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;"
+                                :preview-src-list="srcList" />
                             <span>{{ scope.row.pointsGoodsName }}</span>
                         </div>
                     </template>
@@ -95,7 +97,7 @@
                             v-if="scope.row.status == 'done'">已完成</el-button>
                         <template v-else>
                             <el-popconfirm title="确定核销吗？" @confirm="confirmOrder(scope.row.couponCode)">
-                                <el-button type="text" icon="el-icon-finished" slot="reference">核销</el-button>
+                                <el-button type="text" icon="el-icon-finished" slot="reference">待核销</el-button>
                             </el-popconfirm>
                         </template>
                     </template>
@@ -115,6 +117,8 @@ import { exchangeRecordPage, exchangeRecordTotal, recordCheckout } from '@/api/p
 export default {
     data() {
         return {
+            srcList: [],
+            avatarUrlList: [],
             countData: {
                 count: 0,
                 totalAmount: 0
@@ -214,6 +218,10 @@ export default {
                 this.tableData.loading = false
                 this.tableData.list = res.content
                 this.tableData.total = res.totalElements
+                // 预览图集合
+                this.srcList = res.content.map(item => item.goodsImageUrl)
+                // 头像预览图集合
+                this.avatarUrlList = res.content.map(item => item.avatarUrl)
             } catch (error) {
                 console.log(error);
             }
diff --git a/src/views/application/components/member_points/shop_list.vue b/src/views/application/components/member_points/shop_list.vue
index 4d1f3db..667f007 100644
--- a/src/views/application/components/member_points/shop_list.vue
+++ b/src/views/application/components/member_points/shop_list.vue
@@ -6,7 +6,8 @@
                 <el-table-column label="商品" prop="goodsName">
                     <template v-slot="scope">
                         <div class="goods_info">
-                            <el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;" />
+                            <el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;"
+                                :preview-src-list="srcList" />
                             <span>{{ scope.row.goodsName }}</span>
                         </div>
                     </template>
@@ -48,6 +49,7 @@ export default {
     components: { ShopAdd },
     data() {
         return {
+            srcList: [],
             tableData: {
                 sort: 'createdAt,desc',
                 list: [],
@@ -104,6 +106,8 @@ export default {
                 this.tableData.loading = false
                 this.tableData.list = res.content
                 this.tableData.total = res.totalElements
+                // 预览图集合
+                this.srcList = res.content.map(item => item.goodsImageUrl)
             } catch (error) {
                 console.log(error);
             }