From fa1bd95d533444d7360d1ada127b7a3279a3901f Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 26 Aug 2022 18:43:56 +0800 Subject: [PATCH] 新增图组等上传支持 新增编辑页 --- src/components/group/MyModal.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 48 insertions(+), 9 deletions(-) diff --git a/src/components/group/MyModal.vue b/src/components/group/MyModal.vue index b0e3233..bd193de 100644 --- a/src/components/group/MyModal.vue +++ b/src/components/group/MyModal.vue @@ -1,7 +1,7 @@ <template> <div class="myModal"> - <a-modal v-model="visible" title="日志添加" on-ok="handleOk" - :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}"> + <a-modal v-drag-modal ref="blogAddModal" v-model="visible" title="日志添加" on-ok="handleOk" + :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}" :destroyOnClose="destroyOnClose"> <template slot="footer"> <a-button key="reset" @click="reset" type="danger"> 擦掉重来 @@ -21,6 +21,11 @@ <script> import box10 from "../mini/box10-add.vue" + + import { + blogAdd + } from '../../api/blogArticle.js' + import md5 from 'js-md5'; export default { components: { box10 @@ -29,6 +34,7 @@ return { visible: false, loading: false, + destroyOnClose: false, } }, methods: { @@ -40,28 +46,61 @@ }, handleOk(e) { console.log(this.$refs.modalBox.form); - var res = this.$refs.modalBox.$refs.myForm.validate(valid => { + var res; + this.$refs.modalBox.$refs.myForm.validate(valid => { if (valid) { this.$message.info("校验通过") + res = true; } else { this.$message.info("校验失败") - return false; + res = false; } }); - if (!res) return; - this.$message.info("提交表单") + let tempData = this.$refs.modalBox.form; + var param = { + introduce: tempData.introduce, + secret: tempData.secret, + title: tempData.title, + articleTypeId: tempData.class, + isOnline: !tempData.online ? 1 : 0, + articleFileId: tempData.fileId, + content: tempData.content, + articleFileType: tempData.blogType, + coverFileId: tempData.coverFile, + pictureIds: tempData.pictureIds, + videoIds: tempData.videoIds, + 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; - setTimeout(() => { + blogAdd(param).then((res) => { + this.$message.info("生成日志成功..") this.visible = false; this.loading = false; - }, 3000); + }); + // setTimeout(() => { + // this.visible = false; + // this.loading = false; + // }, 3000); }, reset(e) { - var res = this.$refs.modalBox.$refs.myForm.resetFields() + // var res = this.$refs.modalBox.$refs.myForm.resetFields(); + //this.$refs.modalBox.reset(); + this.destroyOnClose = true; + this.visible = false; + setTimeout(() => { + this.destroyOnClose = false; + }, 500) }, handleCancel(e) { this.visible = false; -- Gitblit v1.9.1