|
|
|
@ -35,6 +35,16 @@ |
|
|
|
ref="myQuillEditor" |
|
|
|
v-model="needContent" |
|
|
|
></quill-editor> |
|
|
|
<a-upload |
|
|
|
accept="image/png, image/jpeg" |
|
|
|
name="files" |
|
|
|
:multiple="false" |
|
|
|
style="display: none" |
|
|
|
:action="action" |
|
|
|
@change="fileChange" |
|
|
|
> |
|
|
|
<a-button id="upload-img"> <a-icon type="upload" /></a-button> |
|
|
|
</a-upload> |
|
|
|
</a-form-item> |
|
|
|
<!-- 现有基础 --> |
|
|
|
<a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" class="mb-3" label="现有基础"> |
|
|
|
@ -53,6 +63,7 @@ import { quillEditor } from 'vue-quill-editor'; //调用编辑器 |
|
|
|
import 'quill/dist/quill.core.css'; |
|
|
|
import 'quill/dist/quill.snow.css'; |
|
|
|
import 'quill/dist/quill.bubble.css'; |
|
|
|
import { upload, addTelease } from 'config/api'; |
|
|
|
|
|
|
|
const formItemLayout = { |
|
|
|
labelCol: { span: 5 }, |
|
|
|
@ -87,6 +98,7 @@ export default { |
|
|
|
form: this.$form.createForm(this, { name: 'submit' }), |
|
|
|
visible: false, |
|
|
|
title: '发榜', |
|
|
|
action: upload, |
|
|
|
formItemLayout, |
|
|
|
formTailLayout, |
|
|
|
confirmLoading: false, |
|
|
|
@ -99,7 +111,8 @@ export default { |
|
|
|
handlers: { |
|
|
|
image: function(value) { |
|
|
|
if (value) { |
|
|
|
alert('自定义图片'); |
|
|
|
// alert('自定义图片'); |
|
|
|
document.getElementById('upload-img').click(); |
|
|
|
} else { |
|
|
|
this.quill.format('image', false); |
|
|
|
} |
|
|
|
@ -122,6 +135,7 @@ export default { |
|
|
|
type: [], |
|
|
|
buildTime: '', |
|
|
|
}, |
|
|
|
hideMessage: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
@ -147,12 +161,19 @@ export default { |
|
|
|
// 上传图片事件 |
|
|
|
fileChange(info) { |
|
|
|
console.log(info); |
|
|
|
if (info.file.status === 'uploading') { |
|
|
|
if (!this.hideMessage) { |
|
|
|
this.hideMessage = this.$message.loading('上传中...'); |
|
|
|
} |
|
|
|
} |
|
|
|
// this.fileList = info.fileList; |
|
|
|
// if (info.file.status === 'done') { |
|
|
|
// this.files = []; |
|
|
|
// this.files = info.fileList[0].response.data[0].id; |
|
|
|
// console.log(this.files); |
|
|
|
// } |
|
|
|
if (info.file.status === 'done') { |
|
|
|
this.files = []; |
|
|
|
const img = `<img src=${info.file.response.data[0].visitUrl} >`; |
|
|
|
this.needContent += img; |
|
|
|
setTimeout(this.hideMessage, 0); |
|
|
|
this.$message.success('上传成功'); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 显示表单输入框 |
|
|
|
@ -166,28 +187,35 @@ export default { |
|
|
|
|
|
|
|
// 点击确定 |
|
|
|
handleOk() { |
|
|
|
console.log(this.needContent); |
|
|
|
// this.subMitAdd(); |
|
|
|
this.subMitAdd(); |
|
|
|
}, |
|
|
|
// 加入接口 |
|
|
|
async subMitAdd() { |
|
|
|
this.confirmLoading = true; |
|
|
|
try { |
|
|
|
// const params = { param: {} }; |
|
|
|
// const res = await apply(params); |
|
|
|
// const { code, msg, data } = res.data; |
|
|
|
// if (code === 200) { |
|
|
|
// this.$message.success('申请成功'); |
|
|
|
// this.visible = false; |
|
|
|
// this.confirmLoading = false; |
|
|
|
// for (let key in this.platform) { |
|
|
|
// this.platform[key] = ''; |
|
|
|
// } |
|
|
|
// this.platform.isTel = false; |
|
|
|
// } else { |
|
|
|
// throw msg; |
|
|
|
// this.confirmLoading = false; |
|
|
|
// } |
|
|
|
const params = { |
|
|
|
param: { |
|
|
|
title: this.platform.needName, |
|
|
|
content: this.needContent, |
|
|
|
servics: this.platform.technicalField, |
|
|
|
deadline: this.platform.buildTime, |
|
|
|
existingBasis: this.platform.basics, |
|
|
|
models: this.platform.type, |
|
|
|
}, |
|
|
|
}; |
|
|
|
const res = await addTelease(params); |
|
|
|
const { code, msg, data } = res.data; |
|
|
|
if (code === 200) { |
|
|
|
this.$message.success('发榜成功'); |
|
|
|
this.visible = false; |
|
|
|
this.confirmLoading = false; |
|
|
|
for (let key in this.platform) { |
|
|
|
this.platform[key] = ''; |
|
|
|
} |
|
|
|
} else { |
|
|
|
throw msg; |
|
|
|
this.confirmLoading = false; |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
this.$message.error(error); |
|
|
|
this.confirmLoading = false; |
|
|
|
|
