aBin 5 years ago
parent
commit
812dedddd1
  1. 18
      src/components/QuillEditor/QuillEditor.vue
  2. 10
      src/views/Meeting/Meeting.vue

18
src/components/QuillEditor/QuillEditor.vue

@ -30,10 +30,14 @@ import 'quill/dist/quill.bubble.css';
export default { export default {
name: 'QuillEditor', name: 'QuillEditor',
components: { quillEditor },
props: { props: {
/*编辑器的内容*/ /*编辑器的内容*/
value: { value: {
type: String, type: String,
default: '',
}, },
/*图片大小*/ /*图片大小*/
maxSize: { maxSize: {
@ -47,10 +51,6 @@ export default {
}, },
}, },
components: {
quillEditor,
},
data() { data() {
return { return {
content: this.value, content: this.value,
@ -58,16 +58,10 @@ export default {
editorOption: { editorOption: {
theme: 'snow', // or 'bubble' theme: 'snow', // or 'bubble'
placeholder: this.placeholder, placeholder: this.placeholder,
modules: { modules: { toolbar: { container: toolbarOptions } },
toolbar: {
container: toolbarOptions,
},
},
}, },
serverUrl: '/v1/blog/imgUpload', // serverUrl: '/v1/blog/imgUpload', //
header: { header: {}, // token: sessionStorage.token// token
// token: sessionStorage.token
}, // token
}; };
}, },

10
src/views/Meeting/Meeting.vue

@ -64,7 +64,7 @@
:wrapper-col="formItemLayout.wrapperCol" :wrapper-col="formItemLayout.wrapperCol"
label="参会人员" label="参会人员"
> >
<quill-editor :maxSize="maxSize" :placeholder="placeholderParticipants" /> <quill-editor :max-size="maxSize" :placeholder="placeholderParticipants" />
</a-form-item> </a-form-item>
<!-- 研讨内容 --> <!-- 研讨内容 -->
<a-form-item <a-form-item
@ -72,7 +72,7 @@
:wrapper-col="formItemLayout.wrapperCol" :wrapper-col="formItemLayout.wrapperCol"
label="研讨内容" label="研讨内容"
> >
<quill-editor :maxSize="maxSize" :placeholder="placeholderContent" /> <quill-editor :max-size="maxSize" :placeholder="placeholderContent" />
</a-form-item> </a-form-item>
<!-- 会议纪要 --> <!-- 会议纪要 -->
<a-form-item <a-form-item
@ -80,7 +80,7 @@
:wrapper-col="formItemLayout.wrapperCol" :wrapper-col="formItemLayout.wrapperCol"
label="会议纪要" label="会议纪要"
> >
<quill-editor :maxSize="maxSize" :placeholder="placeholderMeeting" /> <quill-editor :max-size="maxSize" :placeholder="placeholderMeeting" />
</a-form-item> </a-form-item>
<a-form-item class="d-flex flex-row-reverse"> <a-form-item class="d-flex flex-row-reverse">
@ -120,9 +120,7 @@ const formItemLayout = {
const tailItemLayout = { wrapperCol: { span: 18, offset: 4 } }; const tailItemLayout = { wrapperCol: { span: 18, offset: 4 } };
export default { export default {
name: 'Meeting', name: 'Meeting',
components: { components: { QuillEditor },
QuillEditor, //
},
data() { data() {
return { return {
showVideo: false, showVideo: false,

Loading…
Cancel
Save