可能修复了付款码图片无法放大预览的bug,还改动了一些奇怪的地方
This commit is contained in:
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user