可能修复了付款码图片无法放大预览的bug,还改动了一些奇怪的地方

This commit is contained in:
2025-08-26 13:52:26 +08:00
parent c6c3eba1e9
commit 27880eaad1

View File

@@ -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: {