diff --git a/src/views/modules/case/typicalcase-add-or-update.vue b/src/views/modules/case/typicalcase-add-or-update.vue index 1b1b9c46..a5563d43 100644 --- a/src/views/modules/case/typicalcase-add-or-update.vue +++ b/src/views/modules/case/typicalcase-add-or-update.vue @@ -70,7 +70,8 @@ {{ $t('upload.button') }} - + @@ -161,28 +162,21 @@ export default { [{ 'align': [] }],//对齐方式 ['clean'],//清除字体样式 ['image']//上传图片、上传视频 - ] + ], + handlers: { + 'image': function (value) { + if (value) { + // 给个点击触发Element-ui,input框选择图片文件 + document.querySelector('#quill-upload input').click() + } else { + this.quill.format('image', false); + } + } + } } } }, - // 富文本 - quillEditor: null, - quillEditorToolbarOptions: [ - ['bold', 'italic', 'underline', 'strike'], - ['blockquote', 'code-block', 'image'], - [{ 'header': 1 }, { 'header': 2 }], - [{ 'list': 'ordered' }, { 'list': 'bullet' }], - [{ 'script': 'sub' }, { 'script': 'super' }], - [{ 'indent': '-1' }, { 'indent': '+1' }], - [{ 'direction': 'rtl' }], - [{ 'size': ['small', false, 'large', 'huge'] }], - [{ 'header': [1, 2, 3, 4, 5, 6, false] }], - [{ 'color': [] }, { 'background': [] }], - [{ 'font': [] }], - [{ 'align': [] }], - ['clean'] - ], - uploadUrl: '', + uploadUrl: '', dataForm: { caseTitle: '', caseNumber: 0, @@ -190,7 +184,8 @@ export default { typicalAbstract: '', dynamicItem: [] }, - requiredFlag: false + imgIndex: 0, + requiredFlag: false } }, computed: { @@ -212,6 +207,9 @@ export default { } }, methods: { + onEditorFocus(index) { + this.imgIndex = index + }, handleChange (file) { this.beforeAvatarUpload(file) }, @@ -322,11 +320,13 @@ export default { // 上传图片成功 (富文本) uploadSuccessHandle (res) { - let quill = this.$refs.myQuillEditor[0].quill; + let quill = this.$refs.myQuillEditor[this.imgIndex].quill; + console.log(quill) if (res.code !== 0) { return this.$message.error(res.msg) } - this.quill.insertEmbed(this.quill.getSelection().index, 'image', res.data.url) + quill.insertEmbed(quill.getSelection().index, 'image', res.data.url) + quill.setSelection(quill.getSelection().index + 1) }, // 上传图片ends init () { diff --git a/src/views/modules/case/typicalcase-connect-list.vue b/src/views/modules/case/typicalcase-connect-list.vue index 1a556a29..3a816b82 100644 --- a/src/views/modules/case/typicalcase-connect-list.vue +++ b/src/views/modules/case/typicalcase-connect-list.vue @@ -101,6 +101,7 @@ export default { selectId: '', participantsNum: 0 }, + ids: [], options: [], responseData: [] } diff --git a/src/views/modules/case/typicalcase-detail.vue b/src/views/modules/case/typicalcase-detail.vue index 9b48f872..ef82b1b9 100644 --- a/src/views/modules/case/typicalcase-detail.vue +++ b/src/views/modules/case/typicalcase-detail.vue @@ -46,7 +46,7 @@ -

+

diff --git a/src/views/modules/case/typicalcase-list.vue b/src/views/modules/case/typicalcase-list.vue index 87e0dade..6e9a83f7 100644 --- a/src/views/modules/case/typicalcase-list.vue +++ b/src/views/modules/case/typicalcase-list.vue @@ -48,6 +48,7 @@ @@ -66,7 +67,6 @@ -