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