<template>
|
<div class="myModal" ref="test">
|
<a-modal v-drag-modal v-model="visible" title="日志添加" on-ok="handleOk"
|
:bodyStyle="{'overflow':'overlay','maxHeight': '550px'}">
|
<template slot="footer">
|
<a-button key="reset" @click="reset" type="danger">
|
擦掉重来
|
</a-button>
|
<a-button key="back" @click="handleCancel">
|
歇会
|
</a-button>
|
<a-button key="submit" type="primary" :loading="loading" @click="handleOk">
|
完事<span style="font-size: 10px;">儿</span>..
|
</a-button>
|
</template>
|
<box10 ref="modalBox"></box10>
|
</a-modal>
|
</div>
|
|
</template>
|
|
<script>
|
import box10 from "../mini/box10-add.vue"
|
|
import {
|
blogAdd
|
} from '../../api/blogArticle.js'
|
import md5 from 'js-md5';
|
export default {
|
components: {
|
box10
|
},
|
data() {
|
return {
|
visible: false,
|
loading: false,
|
}
|
},
|
methods: {
|
getCalendarContainer(trigger) {
|
return this.$refs.myModal;
|
},
|
showModal() {
|
this.visible = true;
|
},
|
handleOk(e) {
|
console.log(this.$refs.modalBox.form);
|
var res;
|
this.$refs.modalBox.$refs.myForm.validate(valid => {
|
if (valid) {
|
this.$message.info("校验通过")
|
res = true;
|
} else {
|
this.$message.info("校验失败")
|
res = false;
|
}
|
});
|
|
if (!res) return;
|
this.$message.info("提交表单")
|
|
let tempData = this.$refs.modalBox.form;
|
var param = {
|
secret: tempData.secret,
|
title: tempData.title,
|
articleTypeId: tempData.class,
|
isOnline: !tempData.online ? 1 : 0,
|
articleFileId: tempData.fileId,
|
content: tempData.content,
|
articleFileType: tempData.blogType,
|
introduce: "",
|
coverFileId: tempData.coverFile,
|
publishDate: tempData.publishDate,
|
isTop: tempData.top ? 1 : 0,
|
topValue: tempData.sliderValue,
|
isLock: tempData.lock ? 1 : 0,
|
authStatus: tempData.auth,
|
authPassword: tempData.password == "" ? null : md5(tempData.password),
|
editorStatus: !tempData.tempSave?1:0
|
}
|
console.log(param)
|
this.loading = true;
|
blogAdd(param).then((res) => {
|
this.$message.info("生成日志成功..")
|
this.visible = false;
|
this.loading = false;
|
});
|
// setTimeout(() => {
|
// this.visible = false;
|
// this.loading = false;
|
// }, 3000);
|
},
|
reset(e) {
|
var res = this.$refs.modalBox.$refs.myForm.resetFields();
|
//this.$refs.modalBox.reset();
|
},
|
handleCancel(e) {
|
this.visible = false;
|
},
|
|
},
|
}
|
</script>
|
|
<style>
|
</style>
|
