图片水平翻转，/matching支付图片可以点击放大预览，/transfers里rejected的记录状态从未知变为已拒绝

src/views/Matching.vue

@@ -249,15 +249,51 @@
           <div class="payment-grid">
             <div v-if="transferDialog.toUser.wechatQr" class="payment-item">
               <h5>微信收款码</h5>
-              <img :src="getImageUrl(transferDialog.toUser.wechatQr)" alt="微信收款码" class="qr-code" />
+              <!-- <img :src="getImageUrl(transferDialog.toUser.wechatQr)" alt="微信收款码" class="qr-code" /> -->
+              <el-image 
+                :src="getImageUrl(transferDialog.toUser.wechatQr)"
+                :preview-src-list="getImageUrl(transferDialog.toUser.wechatQr)"
+                class="qr-code"
+                fit="cover"
+              >
+                <template #error>
+                  <div>
+                    <el-icon><Picture /></el-icon>
+                  </div>
+                </template>
+              </el-image>
             </div>
             <div v-if="transferDialog.toUser.alipayQr" class="payment-item">
               <h5>支付宝收款码</h5>
-              <img :src="getImageUrl(transferDialog.toUser.alipayQr)" alt="支付宝收款码" class="qr-code" />
+              <!-- <img :src="getImageUrl(transferDialog.toUser.alipayQr)" alt="支付宝收款码" class="qr-code" /> -->
+              <el-image 
+                :src="getImageUrl(transferDialog.toUser.alipayQr)"
+                :preview-src-list="getImageUrl(transferDialog.toUser.alipayQr)"
+                class="qr-code"
+                fit="cover"
+              >
+                <template #error>
+                  <div>
+                    <el-icon><Picture /></el-icon>
+                  </div>
+                </template>
+              </el-image>
             </div>
             <div v-if="transferDialog.toUser.unionpayQr" class="payment-item">
               <h5>云闪付收款码</h5>
-              <img :src="getImageUrl(transferDialog.toUser.unionpayQr)" alt="云闪付收款码" class="qr-code" />
+              <!-- <img :src="getImageUrl(transferDialog.toUser.unionpayQr)" alt="云闪付收款码" class="qr-code" /> -->
+              <el-image 
+                :src="getImageUrl(transferDialog.toUser.unionpayQr)"
+                :preview-src-list="getImageUrl(transferDialog.toUser.unionpayQr)"
+                class="qr-code"
+                fit="cover"
+              >
+                <template #error>
+                  <div>
+                    <el-icon><Picture /></el-icon>
+                  </div>
+                </template>
+              </el-image>
             </div>
             <div v-if="transferDialog.toUser.bankCard" class="payment-item">
               <h5>银行账号</h5>

src/views/Transfers.vue

@@ -481,7 +481,8 @@ const getOrderStatusType = (status) => {
     'matching': 'warning',
     'completed': 'success',
     'failed': 'danger',
-    'cancelled': 'info'
+    'cancelled': 'info',
+    'rejected': 'warning'
   }
   return statusMap[status] || 'info'
 }
@@ -491,7 +492,8 @@ const getOrderStatusText = (status) => {
     'matching': '进行中',
     'completed': '已完成',
     'failed': '已失败',
-    'cancelled': '已取消'
+    'cancelled': '已取消',
+    'rejected': '已拒绝'
   }
   return statusMap[status] || '未知状态'
 }
@@ -522,7 +524,7 @@ const getStatusText = (status) => {
   const texts = {
     pending: '待确认',
     confirmed: '已确认',
-    //rejected: '已拒绝',
+    rejected: '已拒绝',
     received: '已收款',
     //not_received: '未收到款',
     not_received: '已拒绝',