From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
admin/src/components/common/UploadFaceImg.vue | 16 +++++++++++-----
1 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/admin/src/components/common/UploadFaceImg.vue b/admin/src/components/common/UploadFaceImg.vue
index 5e72d18..926bb2d 100644
--- a/admin/src/components/common/UploadFaceImg.vue
+++ b/admin/src/components/common/UploadFaceImg.vue
@@ -19,13 +19,14 @@
:close-on-click-modal="false"
title="涓婁紶鍥剧墖"
:visible.sync="updateImg"
- width="800px"
+ width="1000px"
class="icon-dialog-wrapper dialong-com-style">
<ImageCropper ref="iconShot" v-if="updateImg" :imgSrc="img" >
</ImageCropper>
<span slot="footer" class="dialog-footer">
- <el-button @click="updateImg = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="uploadIcon">纭� 瀹�</el-button>
+ <el-button v-if="loading">鍙� 娑�</el-button>
+ <el-button v-else @click="updateImg = false">鍙� 娑�</el-button>
+ <el-button :loading="loading" type="primary" @click="uploadIcon">纭� 瀹�</el-button>
</span>
</el-dialog>
</div>
@@ -50,6 +51,7 @@
},
data () {
return {
+ loading: false,
fileInfo:{},
img: null,
updateImg: false,
@@ -75,7 +77,9 @@
{ type: this.fileInfo.type } // 璁剧疆File绫诲瀷鐨勬枃浠剁被鍨�
)
)
+ this.loading = true
upload(formData).then(res => {
+ this.loading = false
console.log(res)
this.file.imgurl = res.imgaddr
this.file.imgurlfull = res.url
@@ -84,6 +88,8 @@
this.updateImg = false
this.$emit('uploadSuccess', { imgurl: res.imgaddr, imgurlfull: res.url, name: res.originname })
this.$emit('uploadEnd')
+ }, () => {
+ this.loading = false
})
})
},
@@ -91,13 +97,13 @@
// 涓婁紶鍥剧墖
openUpdateIcon (file, fileList) {
const isJPG = file.raw.type === 'image/jpeg' || file.raw.type === 'image/png'
- const isLt2M = file.size / 1024 / 1024 < 2
+ const isLt2M = file.size / 1024 / 1024 < 5
if (!isJPG) {
this.$message.error('涓婁紶澶村儚鍥剧墖鍙兘鏄� JPG/PNG 鏍煎紡!')
return false
}
if (!isLt2M) {
- this.$message.error('涓婁紶澶村儚鍥剧墖澶у皬涓嶈兘瓒呰繃 2MB!')
+ this.$message.error('涓婁紶澶村儚鍥剧墖澶у皬涓嶈兘瓒呰繃 5MB!')
return false
}
// 涓婁紶鎴愬姛鍚庡皢鍥剧墖鍦板潃璧嬪�肩粰瑁佸壀妗嗘樉绀哄浘鐗�
--
Gitblit v1.9.3