| | |
| | | <div> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | accept=".png,.jpg" |
| | | accept=".png,.jpg,.jpeg" |
| | | :style="customStyle" |
| | | :action="uploadImgUrl" |
| | | :data="uploadData" |
| | |
| | | tipsLabel: '', |
| | | customStyle: { |
| | | type: String, |
| | | default: 'width: 90px; height: 90px;' |
| | | default: 'width: 90px; max-height: 90px;' |
| | | }, |
| | | uploadData: Object |
| | | }, |
| | | data() { |
| | | return { |
| | | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/upload' |
| | | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/upload' |
| | | } |
| | | }, |
| | | |
| | |
| | | this.$message.success('上传成功') |
| | | this.$emit('uploadSuccess', { imgurl: data.imgaddr, imgurlfull: data.url, name: data.originname }) |
| | | } else { |
| | | this.$tip.apiFailed('上传失败') |
| | | this.$message.error('上传失败') |
| | | } |
| | | this.$emit('uploadEnd') |
| | | }, |
| | | uploadError() { |
| | | this.$tip.apiFailed('上传失败') |
| | | this.$emit('endUpload') |
| | | this.$message.error('上传失败') |
| | | this.$emit('uploadEnd') |
| | | }, |
| | | // // 拦截 |
| | | beforeAvatarUpload(file) { |
| | |
| | | text-align: center; |
| | | } |
| | | .avatar { |
| | | width: 100% !important; |
| | | height: auto !important; |
| | | width: 90px; |
| | | max-height: 90px; |
| | | display: block; |
| | | } |
| | | .tips-style { |