From 271ca6cb0ee2ff0a789bf74d1821e7891a7043bb Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Tue, 30 Aug 2022 21:57:42 +0800
Subject: [PATCH] 自定义表情组件
---
src/components/group/MyModal.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 11 deletions(-)
diff --git a/src/components/group/MyModal.vue b/src/components/group/MyModal.vue
index 6ccd798..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,11 +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
@@ -34,6 +34,7 @@
return {
visible: false,
loading: false,
+ destroyOnClose: false,
}
},
methods: {
@@ -45,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