diff --git a/src/views/modules/api/imgconfig-add-or-update.vue b/src/views/modules/api/imgconfig-add-or-update.vue new file mode 100644 index 0000000..552711e --- /dev/null +++ b/src/views/modules/api/imgconfig-add-or-update.vue @@ -0,0 +1,176 @@ + + + + diff --git a/src/views/modules/api/imgconfig.vue b/src/views/modules/api/imgconfig.vue new file mode 100644 index 0000000..2810477 --- /dev/null +++ b/src/views/modules/api/imgconfig.vue @@ -0,0 +1,119 @@ + + + + diff --git a/src/views/modules/case/typicalcase-add-or-update.vue b/src/views/modules/case/typicalcase-add-or-update.vue index 6a59bc7..fcd7d3a 100644 --- a/src/views/modules/case/typicalcase-add-or-update.vue +++ b/src/views/modules/case/typicalcase-add-or-update.vue @@ -124,11 +124,6 @@ export default { // 富文本 this.hideUpload = false this.uploadUrl = `${window.SITE_CONFIG['apiURL']}/oss/file/upload?token=${Cookies.get('token')}` - // if (this.quillEditor) { - // this.quillEditor.deleteText(0, this.quillEditor.getLength()) - // } else { - // this.quillEditorHandle() - // } // 富文本end }) }, @@ -145,36 +140,36 @@ export default { loading: false, isAble: false, editorOption: { - placeholder: 'Please enter it here...', - modules:{ - toolbar:{ - container: [ - ['bold', 'italic', 'underline', 'strike'],// 加粗,斜体,下划线,删除线 - ['blockquote'],// 引用 - [{ 'header': 1 }, { 'header': 2 }],// 标题,键值对的形式;1、2表示字体大小 - [{ 'list': 'ordered'}, { 'list': 'bullet' }],//列表 - [{ 'indent': '-1'}, { 'indent': '+1' }],// 缩进 - [{ 'direction': 'rtl' }],// 文本方向 - [{ 'size': ['small', false, 'large', 'huge'] }],// 字体大小 - [{ 'header': [1, 2, 3, 4, 5, 6, false] }],//几级标题 - [{ 'color': [] }, { 'background': [] }],// 字体颜色,字体背景颜色 - [{ 'font': [] }],//字体 - [{ 'align': [] }],//对齐方式 - ['clean'],//清除字体样式 - ['image']//上传图片、上传视频 - ], - handlers: { - 'image': function (value) { - if (value) { - // 给个点击触发Element-ui,input框选择图片文件 - document.querySelector('#quill-upload input').click() - } else { - this.quill.format('image', false); - } - } - } + placeholder: 'Please enter it here...', + modules: { + toolbar: { + container: [ + ['bold', 'italic', 'underline', 'strike'], // 加粗,斜体,下划线,删除线 + ['blockquote'], // 引用 + [{ 'header': 1 }, { 'header': 2 }], // 标题,键值对的形式;1、2表示字体大小 + [{ 'list': 'ordered' }, { 'list': 'bullet' }], // 列表 + [{ 'indent': '-1' }, { 'indent': '+1' }], // 缩进 + [{ 'direction': 'rtl' }], // 文本方向 + [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小 + [{ 'header': [1, 2, 3, 4, 5, 6, false] }], // 几级标题 + [{ 'color': [] }, { 'background': [] }], // 字体颜色,字体背景颜色 + [{ 'font': [] }], // 字体 + [{ 'align': [] }], // 对齐方式 + ['clean'], // 清除字体样式 + ['image'] // 上传图片、上传视频 + ], + handlers: { + 'image': function (value) { + if (value) { + // 给个点击触发Element-ui,input框选择图片文件 + document.querySelector('#quill-upload input').click() + } else { + this.quill.format('image', false) + } } + } } + } }, uploadUrl: '', dataForm: { @@ -186,7 +181,7 @@ export default { typicalAbstract: '', dynamicItem: [] }, - imgIndex: 0, + imgIndex: 0, requiredFlag: false } }, @@ -206,95 +201,92 @@ export default { typicalAbstract: [ { required: true, message: this.$t('validate.required'), trigger: 'blur' } ], - associatedId: [ - { required: true, message: this.$t('validate.required'), trigger: 'blur' } + associatedId: [ + { required: true, message: this.$t('validate.required'), trigger: 'blur' } ] } } }, methods: { - onEditorFocus(index) { - this.imgIndex = index + onEditorFocus (index) { + this.imgIndex = index }, handleChange (file) { this.beforeAvatarUpload(file) }, back () { - this.$parent.selectComponent = 'CaseInfoList' - this.$router.push({ path: '/case-typicalcase'}) + this.$parent.selectComponent = 'CaseInfoList' + this.$router.push({ path: '/case-typicalcase' }) }, connectResponse (connectResponse) { - // 部门名称 - this.dataForm.dynamicItem[connectResponse.caseIndex].caseSource = connectResponse.allDeptNames - // 案例类别 - this.dataForm.dynamicItem[connectResponse.caseIndex].associatedType = connectResponse.associatedType - // 内容描述 - if (connectResponse.associatedType == 0) { - this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.issueContent - } else if (connectResponse.associatedType == 1) { - this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.itemContent - } else if (connectResponse.associatedType == 2) { - this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.topicContent - } - // 类别 - this.dataForm.dynamicItem[connectResponse.caseIndex].category = connectResponse.categoryName - // 案例ID - this.dataForm.dynamicItem[connectResponse.caseIndex].associatedId = connectResponse.id - // 网格Id - this.dataForm.dynamicItem[connectResponse.caseIndex].sourceGridId = connectResponse.gridId - //发布人姓名 - if (connectResponse.associatedType == 0) { - this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickName - } else if (connectResponse.associatedType == 1) { - this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickName - } else if (connectResponse.associatedType == 2) { - this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickname - } - // 头像 - this.dataForm.dynamicItem[connectResponse.caseIndex].publisherHeader = connectResponse.userFace - // 内容 - if (connectResponse.associatedType == 0) { - this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.issueContent - } else if (connectResponse.associatedType == 1) { - this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.itemContent - } else if (connectResponse.associatedType == 2) { - this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.topicContent - } - if (connectResponse.associatedType == 0) { - this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.distributeTime - } else if (connectResponse.associatedType == 1) { - this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.distributeTime - } else if (connectResponse.associatedType == 2) { - this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.createdTime - } - this.dataForm.dynamicItem[connectResponse.caseIndex].expressingAttitude = connectResponse.participantsNum - - this.requiredFlag = true + // 部门名称 + this.dataForm.dynamicItem[connectResponse.caseIndex].caseSource = connectResponse.allDeptNames + // 案例类别 + this.dataForm.dynamicItem[connectResponse.caseIndex].associatedType = connectResponse.associatedType + // 内容描述 + if (connectResponse.associatedType == 0) { + this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.issueContent + } else if (connectResponse.associatedType == 1) { + this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.itemContent + } else if (connectResponse.associatedType == 2) { + this.dataForm.dynamicItem[connectResponse.caseIndex].contentDescription = connectResponse.topicContent + } + // 类别 + this.dataForm.dynamicItem[connectResponse.caseIndex].category = connectResponse.categoryName + // 案例ID + this.dataForm.dynamicItem[connectResponse.caseIndex].associatedId = connectResponse.id + // 网格Id + this.dataForm.dynamicItem[connectResponse.caseIndex].sourceGridId = connectResponse.gridId + // 发布人姓名 + if (connectResponse.associatedType == 0) { + this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickName + } else if (connectResponse.associatedType == 1) { + this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickName + } else if (connectResponse.associatedType == 2) { + this.dataForm.dynamicItem[connectResponse.caseIndex].publisherName = connectResponse.nickname + } + // 头像 + this.dataForm.dynamicItem[connectResponse.caseIndex].publisherHeader = connectResponse.userFace + // 内容 + if (connectResponse.associatedType == 0) { + this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.issueContent + } else if (connectResponse.associatedType == 1) { + this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.itemContent + } else if (connectResponse.associatedType == 2) { + this.dataForm.dynamicItem[connectResponse.caseIndex].content = connectResponse.topicContent + } + if (connectResponse.associatedType == 0) { + this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.distributeTime + } else if (connectResponse.associatedType == 1) { + this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.distributeTime + } else if (connectResponse.associatedType == 2) { + this.dataForm.dynamicItem[connectResponse.caseIndex].releaseTime = connectResponse.createdTime + } + this.dataForm.dynamicItem[connectResponse.caseIndex].expressingAttitude = connectResponse.participantsNum + this.requiredFlag = true }, - addConnect(index){ - this.connectListVisible = true - this.$nextTick(() => { - this.$refs.connectList.init(index) - }) + addConnect (index) { + this.connectListVisible = true + this.$nextTick(() => { + this.$refs.connectList.init(index) + }) }, // 动态添加 addItem () { this.dataForm.dynamicItem.push({ - caseSource: '', - associatedType: '', - contentDescription: '', - category: '', - associatedId: '', - sourceGridId: '', - publisherName: '', - publisherHeader: '', - releaseTime: '', - content: '', - expressingAttitude: '' - + caseSource: '', + associatedType: '', + contentDescription: '', + category: '', + associatedId: '', + sourceGridId: '', + publisherName: '', + publisherHeader: '', + releaseTime: '', + content: '', + expressingAttitude: '' }) }, - // 富文本编辑器 quillEditorHandle () { this.quillEditor = new Quill('#J_quillEditor', { @@ -323,11 +315,9 @@ export default { return false } }, - // 上传图片成功 (富文本) uploadSuccessHandle (res) { - let quill = this.$refs.myQuillEditor[this.imgIndex].quill; - console.log(quill) + let quill = this.$refs.myQuillEditor[this.imgIndex].quill if (res.code !== 0) { return this.$message.error(res.msg) } @@ -340,22 +330,22 @@ export default { this.$nextTick(() => { this.$refs['dataForm'].resetFields() if (this.dataForm.id) { - this.getInfo() + this.getInfo() } }) }, // 获取信息 getInfo () { - this.$http.get(`/cloudAnalysis/typicalcase/${this.dataForm.id}`).then(({ data: res }) => { - if (res.code !== 0) { - return this.$message.error(res.msg) - } - this.dataForm = { - ...this.dataForm, - ...res.data - } - }).catch(() => {}) - this.requiredFlag = true + this.$http.get(`/cloudAnalysis/typicalcase/${this.dataForm.id}`).then(({ data: res }) => { + if (res.code !== 0) { + return this.$message.error(res.msg) + } + this.dataForm = { + ...this.dataForm, + ...res.data + } + }).catch(() => {}) + this.requiredFlag = true }, // 表单提交 dataFormSubmitHandle: debounce(function () { @@ -363,19 +353,19 @@ export default { if (!valid) { return false } - if(!this.requiredFlag){ - alert("请关联案例!") - return false + if (!this.requiredFlag) { + alert('请关联案例!') + return false } - for(let item of this.dataForm.dynamicItem) { - if(item.associatedId != '') { - this.dataForm.caseNumber = this.dataForm.caseNumber + 1 - } + for (let item of this.dataForm.dynamicItem) { + if (item.associatedId != '') { + this.dataForm.caseNumber = this.dataForm.caseNumber + 1 } - this.isAble = true; + } + this.isAble = true this.$http[!this.dataForm.id ? 'post' : 'put']('/cloudAnalysis/typicalcase', this.dataForm).then(({ data: res }) => { if (res.code !== 0) { - this.isAble = false; + this.isAble = false return this.$message.error(res.msg) } this.$message({ @@ -383,23 +373,23 @@ export default { type: 'success', duration: 500, onClose: () => { - this.isAble = false; - this.back() + this.isAble = false + this.back() } }) }).catch(() => {}) }) }, 1000, { 'leading': true, 'trailing': false }), - handleAvatarActSuccess (res, file) { - this.loading = false - this.dataForm.mainPicture = res.data.url - }, - beforeAvatarUpload (file) { - this.loading = true - }, - handelError () { - this.loading = false - }, + handleAvatarActSuccess (res, file) { + this.loading = false + this.dataForm.mainPicture = res.data.url + }, + beforeAvatarUpload (file) { + this.loading = true + }, + handelError () { + this.loading = false + } } } diff --git a/src/views/modules/case/typicalcase-detail.vue b/src/views/modules/case/typicalcase-detail.vue index ef82b1b..4ede1f9 100644 --- a/src/views/modules/case/typicalcase-detail.vue +++ b/src/views/modules/case/typicalcase-detail.vue @@ -77,18 +77,18 @@ export default { getDataListURL: '/cloudAnalysis/typicalcase/detail' + '/' + this.$route.query.id }, dataForm: { - id: '', - caseTitle: '', - caseNumber: 0, - mainPicture: '', - typicalAbstract: '', - dynamicItem: [] + id: '', + caseTitle: '', + caseNumber: 0, + mainPicture: '', + typicalAbstract: '', + dynamicItem: [] } } }, mounted () { - this.dataForm.id = this.$route.query.id - this.init() + this.dataForm.id = this.$route.query.id + this.init() }, methods: { back () { diff --git a/src/views/modules/heart/actbanner-add-or-update.vue b/src/views/modules/heart/actbanner-add-or-update.vue index 403a20e..9679082 100644 --- a/src/views/modules/heart/actbanner-add-or-update.vue +++ b/src/views/modules/heart/actbanner-add-or-update.vue @@ -1,53 +1,31 @@