From 27880eaad13e01a552f7fee9aac2ad53f3b80e89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=A7=E8=84=8F=E7=8B=BC?= <786316265@qq.com>
Date: Tue, 26 Aug 2025 13:52:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=AF=E8=83=BD=E4=BF=AE=E5=A4=8D=E4=BA=86?=
 =?UTF-8?q?=E4=BB=98=E6=AC=BE=E7=A0=81=E5=9B=BE=E7=89=87=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E6=94=BE=E5=A4=A7=E9=A2=84=E8=A7=88=E7=9A=84bug=EF=BC=8C?=
 =?UTF-8?q?=E8=BF=98=E6=94=B9=E5=8A=A8=E4=BA=86=E4=B8=80=E4=BA=9B=E5=A5=87?=
 =?UTF-8?q?=E6=80=AA=E7=9A=84=E5=9C=B0=E6=96=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Matching.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/views/Matching.vue b/src/views/Matching.vue
index 4542262..87f6371 100644
--- a/src/views/Matching.vue
+++ b/src/views/Matching.vue
@@ -252,7 +252,7 @@
               <!-- <img :src="getImageUrl(transferDialog.toUser.wechatQr)" alt="微信收款码" class="qr-code" /> -->
               <el-image 
                 :src="getImageUrl(transferDialog.toUser.wechatQr)"
-                :preview-src-list="getImageUrl(transferDialog.toUser.wechatQr)"
+                :preview-src-list="[getImageUrl(transferDialog.toUser.wechatQr)]"
                 class="qr-code"
                 fit="cover"
               >
@@ -268,7 +268,7 @@
               <!-- <img :src="getImageUrl(transferDialog.toUser.alipayQr)" alt="支付宝收款码" class="qr-code" /> -->
               <el-image 
                 :src="getImageUrl(transferDialog.toUser.alipayQr)"
-                :preview-src-list="getImageUrl(transferDialog.toUser.alipayQr)"
+                :preview-src-list="[getImageUrl(transferDialog.toUser.alipayQr)]"
                 class="qr-code"
                 fit="cover"
               >
@@ -284,7 +284,7 @@
               <!-- <img :src="getImageUrl(transferDialog.toUser.unionpayQr)" alt="云闪付收款码" class="qr-code" /> -->
               <el-image 
                 :src="getImageUrl(transferDialog.toUser.unionpayQr)"
-                :preview-src-list="getImageUrl(transferDialog.toUser.unionpayQr)"
+                :preview-src-list="[getImageUrl(transferDialog.toUser.unionpayQr)]"
                 class="qr-code"
                 fit="cover"
               >
@@ -336,7 +336,18 @@
                 <el-button size="small" type="primary">上传凭证</el-button>
               </el-upload>
               <div v-if="transferDialog.voucher" class="upload-preview">
-                <img :src="getImageUrl(transferDialog.voucher)" alt="转账凭证" />
+                <el-image 
+                  :src="getImageUrl(transferDialog.voucher)" 
+                  :preview-src-list="[getImageUrl(transferDialog.voucher)]"
+                  alt="转账凭证"
+                  fit="cover"
+                >
+                  <template #error>
+                    <div>
+                      <el-icon><Picture /></el-icon>
+                    </div>
+                  </template>
+                </el-image>
               </div>
               <div v-else class="upload-tip">
                 <span class="tip-text">* 必须上传转账凭证才能确认转账</span>
@@ -387,9 +398,13 @@
 <script>
 import api from '../utils/api'
 import { uploadURL, getImageUrl, getUploadConfig } from '@/config'
+import { Picture } from '@element-plus/icons-vue'
 
 export default {
   name: 'Matching',
+  components: {
+    Picture
+  },
   data() {
     return {
       stats: {