parent
3a490ee16e
commit
699494915b
@ -1,88 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="upload-container">
|
|
||||||
<el-tooltip v-if="tinymceUploadType === 'prod'" :content="this.$i18n.t('product.uploadDetailPicTips')" placement="top">
|
|
||||||
<el-button :style="{background:color,borderColor:color}" icon="el-icon-upload" size="mini" type="primary" @click="clickUpload()">
|
|
||||||
{{ $t('components.uploadImage') }}
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-button v-else :style="{background:color,borderColor:color}" icon="el-icon-upload" size="mini" type="primary" @click="clickUpload()">
|
|
||||||
{{ $t('components.uploadImage') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 弹窗, 新增图片 -->
|
|
||||||
<elx-imgbox v-if="elxImgboxVisible" ref="elxImgbox" @refreshPic="refreshPic"></elx-imgbox>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import ImgsUpload from '@/components/imgs-upload'
|
|
||||||
import ElxImgbox from '@/components/elx-imgbox'
|
|
||||||
export default {
|
|
||||||
name: 'EditorSlideUpload',
|
|
||||||
props: {
|
|
||||||
color: {
|
|
||||||
type: String,
|
|
||||||
default: '#1890ff'
|
|
||||||
},
|
|
||||||
tinymceUploadType: {
|
|
||||||
default: '',
|
|
||||||
type: String
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
elxImgboxVisible: false,
|
|
||||||
maxNum: 15, // 可选择的最大图片数量
|
|
||||||
imgUrls: [],
|
|
||||||
resourcesUrl: process.env.VUE_APP_RESOURCES_URL
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
ImgsUpload,
|
|
||||||
ElxImgbox
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/**
|
|
||||||
* 打开图片选择窗
|
|
||||||
*/
|
|
||||||
clickUpload () {
|
|
||||||
this.imgUrls = ''
|
|
||||||
this.elxImgboxVisible = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.elxImgbox.init(0, this.maxNum)
|
|
||||||
})
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 接收回调的图片数据
|
|
||||||
*/
|
|
||||||
refreshPic (imagePath) {
|
|
||||||
let imageArray = imagePath.split(',')
|
|
||||||
var data = []
|
|
||||||
imageArray.forEach(img => {
|
|
||||||
data.push(this.resourcesUrl + img)
|
|
||||||
})
|
|
||||||
this.imgUrls = ''
|
|
||||||
this.dialogVisible = false
|
|
||||||
this.$emit('successCBK', data)
|
|
||||||
}
|
|
||||||
// handleSubmit() {
|
|
||||||
// let imageArray = this.imgUrls.split(',')
|
|
||||||
// var data = []
|
|
||||||
// imageArray.forEach(img => {
|
|
||||||
// data.push(this.resourcesUrl + img)
|
|
||||||
// })
|
|
||||||
// this.imgUrls = ''
|
|
||||||
// this.dialogVisible = false
|
|
||||||
// this.$emit('successCBK', data)
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.editor-slide-upload {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
::v-deep .el-upload--picture-card {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue