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