|
|
@ -8,10 +8,11 @@ |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
|
:wrapper-col="formItemLayout.wrapperCol" |
|
|
|
label="标题" |
|
|
|
v-decorator="['titleCode', { initialValues:editItem.titleCode }]" |
|
|
|
v-model="edtiTitleCode" |
|
|
|
> |
|
|
|
<a-cascader :options="titles" placeholder="标题" /> |
|
|
|
<a-cascader :options="titles" :placeholder="titleCode" @change="onChange" /> |
|
|
|
</a-form-item> |
|
|
|
<a-cascader :options="titles" @change="onChange" placeholder="标题" /> |
|
|
|
<!-- 内容 --> |
|
|
|
<a-form-item |
|
|
|
:label-col="formItemLayout.labelCol" |
|
|
@ -26,7 +27,7 @@ |
|
|
|
</a-form-item> |
|
|
|
|
|
|
|
<a-form-item class="d-flex flex-row-reverse"> |
|
|
|
<a-button @click="$emit('closeModal')" class="mr-3">取消</a-button> |
|
|
|
<a-button @click="closeModal" class="mr-3">取消</a-button> |
|
|
|
<a-button class="white--text" html-type="submit" type="primary">保存</a-button> |
|
|
|
</a-form-item> |
|
|
|
</a-form> |
|
|
@ -57,33 +58,57 @@ export default { |
|
|
|
form: this.$form.createForm(this, { name: 'r-d-add' }), |
|
|
|
maxSize: 2048, |
|
|
|
content: '', |
|
|
|
titleCode: '', |
|
|
|
edtiTitleCode: '', |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
computed: mapState(['titles']), |
|
|
|
computed: { |
|
|
|
...mapState(['titles']), |
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
editVisible(value) { |
|
|
|
if (value === true && this.editItem && this.editItem.titleCode) { |
|
|
|
this.titleCode = this.editItem.titleCode.replace(/-/g, ' / '); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
// 修改内容 |
|
|
|
changeInput(value) { |
|
|
|
console.log('value: ', value); |
|
|
|
this.content = value; |
|
|
|
}, |
|
|
|
|
|
|
|
onChange(value) { |
|
|
|
if (value.length > 1) { |
|
|
|
this.edtiTitleCode = `${value[0]}-${value[1]}`; |
|
|
|
} else { |
|
|
|
this.edtiTitleCode = `${value[0]}`; |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
closeModal() { |
|
|
|
this.edtiTitleCode = ''; |
|
|
|
this.$emit('closeModal'); |
|
|
|
}, |
|
|
|
|
|
|
|
// 提交表单 |
|
|
|
handleSubmit(e) { |
|
|
|
e.preventDefault(); |
|
|
|
this.form.validateFieldsAndScroll(async (err, values) => { |
|
|
|
if (!err) { |
|
|
|
try { |
|
|
|
const { editItem } = this; |
|
|
|
console.log('editItem', editItem); |
|
|
|
const params = { param: values }; |
|
|
|
const { content, editItem, edtiTitleCode } = this; |
|
|
|
const params = { param: { content, id: editItem.id, titleCode: edtiTitleCode || editItem.titleCode } }; |
|
|
|
const res = await updatePage(params); |
|
|
|
const { data, msg, code } = res.data; |
|
|
|
this.$emit('closeModal'); |
|
|
|
if (code === 200) { |
|
|
|
this.$message.success('修改成功'); |
|
|
|
// TODO: 填到列表中 |
|
|
|
this.$emit('closeModal'); |
|
|
|
this.edtiTitleCode = ''; |
|
|
|
this.content = ''; |
|
|
|
} else { |
|
|
|
throw msg; |
|
|
|
} |
|
|
|