From 5019ed6016b47221321bf395cd102dc4b51b4724 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期一, 05 二月 2024 09:40:43 +0800
Subject: [PATCH] Mr.Shi
---
platform/src/components/common/UploadAvatarImage.vue | 62 +++++++++---------------------
1 files changed, 19 insertions(+), 43 deletions(-)
diff --git a/platform/src/components/common/UploadAvatarImage.vue b/platform/src/components/common/UploadAvatarImage.vue
index 6347a83..c19e154 100644
--- a/platform/src/components/common/UploadAvatarImage.vue
+++ b/platform/src/components/common/UploadAvatarImage.vue
@@ -1,8 +1,6 @@
<template>
<div>
<el-upload
- class="avatar-uploader"
- accept=".png,.jpg"
:style="customStyle"
:action="uploadImgUrl"
:data="uploadData"
@@ -17,7 +15,7 @@
</div>
</el-upload>
</div>
-
+
</template>
<script>
@@ -27,19 +25,25 @@
type: Object,
default: () => {}
},
+ uploadData: Object,
tipsLabel: '',
customStyle: {
type: String,
default: 'width: 90px; height: 90px;'
- },
- uploadData: Object
+ }
},
data() {
return {
- uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload'
+ uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload',
+ // uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/uploadPicture',
+ // uploadData: {
+ // folder: 'upload',
+ // type: 'image'
+ // },
+ imgurlfull: ''
}
},
-
+
methods: {
// 涓婁紶鍥剧墖
handleAvatarSuccess(res, file) {
@@ -47,55 +51,46 @@
let { data } = res
this.file.imgurl = data.imgaddr;
this.file.imgurlfull = data.url;
+ console.log(this.file);
this.$message.success('涓婁紶鎴愬姛')
- this.$emit('uploadSuccess', { imgurl: data.imgaddr, imgurlfull: data.url, name: data.originname })
+ this.$emit('uploadSuccess', { imgurl: data.imgaddr, imgurlfull: data.url })
} else {
- this.$tip.apiFailed('涓婁紶澶辫触')
+ this.$message.error('涓婁紶澶辫触')
}
this.$emit('uploadEnd')
},
uploadError() {
- this.$tip.apiFailed('涓婁紶澶辫触')
+ this.$message.error('涓婁紶澶辫触')
this.$emit('endUpload')
},
// // 鎷︽埅
beforeAvatarUpload(file) {
this.$emit('uploadBegin')
- return true
- }
- }
+ return true;
+ },
+ },
}
</script>
<style lang="scss" scoped>
$image-width: 100px;
-.avatar-uploader {
- width: $image-width;
- height: $image-width;
-}
::v-deep .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
- width: $image-width;
- height: $image-width;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409EFF;
}
.avatar-uploader-icon {
- line-height: 90px;
font-size: 28px;
color: #8c939d;
- width: $image-width;
- height: $image-width;
+ line-height: 90px;
text-align: center;
}
.avatar {
- width: $image-width;
- height: $image-width;
display: block;
}
.tips-style {
@@ -104,25 +99,6 @@
font-weight: 400;
color: #999999;
line-height: 13px;
-}
-</style>
-<style lang="scss" scoped>
-::v-deep .el-upload--picture-card{
- width: 90px !important;
- height: 90px !important;
-}
-::v-deep .el-upload-list__item {
- width: 90px !important;
- height: 90px !important;
-}
-.icon {
- -webkit-transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
- transform: translate(0%, -85%);
-}
-::v-deep .el-upload-list__item {
- width: 90px !important;
- height: 90px !important;
}
</style>
--
Gitblit v1.9.3