| | |
| | | <template> |
| | | <div class="my-upload"> |
| | | <div v-if="pictureList.length > 0" class="image-box"> |
| | | <div v-for="image in pictureList" :class="{ 'image-box-item': true, 'image-box-item-cover': isShowUpload }"> |
| | | <span v-if="isShowUpload" @click="handleDeletePicture(image)" class="image-delete-icon el-icon-delete"></span> |
| | | <el-image :key="image" class="image-content" :src="image" :preview-src-list="[image]"></el-image> |
| | | <div |
| | | v-for="image in pictureList" |
| | | :class="{ |
| | | 'image-box-item': true, |
| | | 'image-box-item-cover': isShowUpload |
| | | }" |
| | | > |
| | | <span |
| | | v-if="isShowUpload" |
| | | @click="handleDeletePicture(image)" |
| | | class="image-delete-icon el-icon-delete" |
| | | ></span> |
| | | <el-image |
| | | :key="image" |
| | | class="image-content" |
| | | :src="image" |
| | | :preview-src-list="[image]" |
| | | ></el-image> |
| | | </div> |
| | | </div> |
| | | <el-upload |
| | |
| | | :list-type="listType" |
| | | :auto-upload="true" |
| | | :http-request="handleUpload" |
| | | style="margin-left: 14px;" |
| | | style="margin-left: 14px" |
| | | > |
| | | <div class="upload-btn"> |
| | | <i class="el-icon-plus"></i> |
| | |
| | | const formData = new FormData(); |
| | | formData.append('file', file); |
| | | imageManagement.importImage(formData) |
| | | .then(({ url1, url2, url3, url4 }) => { |
| | | const url = url1 ?? url2 ?? url3 ?? url4; |
| | | .then((url) => { |
| | | // .then(({ url1, url2, url3, url4 }) => { |
| | | // debugger |
| | | // const url = url1 ?? url2 ?? url3 ?? url4; |
| | | this.$emit('setPictureUrl', { url: url }); |
| | | this.loading = false; |
| | | }) |