可能修复了付款码图片无法放大预览的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" /> --> <!-- <img :src="getImageUrl(transferDialog.toUser.wechatQr)" alt="微信收款码" class="qr-code" /> -->
<el-image <el-image
:src="getImageUrl(transferDialog.toUser.wechatQr)" :src="getImageUrl(transferDialog.toUser.wechatQr)"
:preview-src-list="getImageUrl(transferDialog.toUser.wechatQr)" :preview-src-list="[getImageUrl(transferDialog.toUser.wechatQr)]"
class="qr-code" class="qr-code"
fit="cover" fit="cover"
> >
@@ -268,7 +268,7 @@
<!-- <img :src="getImageUrl(transferDialog.toUser.alipayQr)" alt="支付宝收款码" class="qr-code" /> --> <!-- <img :src="getImageUrl(transferDialog.toUser.alipayQr)" alt="支付宝收款码" class="qr-code" /> -->
<el-image <el-image
:src="getImageUrl(transferDialog.toUser.alipayQr)" :src="getImageUrl(transferDialog.toUser.alipayQr)"
:preview-src-list="getImageUrl(transferDialog.toUser.alipayQr)" :preview-src-list="[getImageUrl(transferDialog.toUser.alipayQr)]"
class="qr-code" class="qr-code"
fit="cover" fit="cover"
> >
@@ -284,7 +284,7 @@
<!-- <img :src="getImageUrl(transferDialog.toUser.unionpayQr)" alt="云闪付收款码" class="qr-code" /> --> <!-- <img :src="getImageUrl(transferDialog.toUser.unionpayQr)" alt="云闪付收款码" class="qr-code" /> -->
<el-image <el-image
:src="getImageUrl(transferDialog.toUser.unionpayQr)" :src="getImageUrl(transferDialog.toUser.unionpayQr)"
:preview-src-list="getImageUrl(transferDialog.toUser.unionpayQr)" :preview-src-list="[getImageUrl(transferDialog.toUser.unionpayQr)]"
class="qr-code" class="qr-code"
fit="cover" fit="cover"
> >
@@ -336,7 +336,18 @@
<el-button size="small" type="primary">上传凭证</el-button> <el-button size="small" type="primary">上传凭证</el-button>
</el-upload> </el-upload>
<div v-if="transferDialog.voucher" class="upload-preview"> <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>
<div v-else class="upload-tip"> <div v-else class="upload-tip">
<span class="tip-text">* 必须上传转账凭证才能确认转账</span> <span class="tip-text">* 必须上传转账凭证才能确认转账</span>
@@ -387,9 +398,13 @@
<script> <script>
import api from '../utils/api' import api from '../utils/api'
import { uploadURL, getImageUrl, getUploadConfig } from '@/config' import { uploadURL, getImageUrl, getUploadConfig } from '@/config'
import { Picture } from '@element-plus/icons-vue'
export default { export default {
name: 'Matching', name: 'Matching',
components: {
Picture
},
data() { data() {
return { return {
stats: { stats: {