inleft
2022-08-26 87317f44d9cc20ad70b6971168667e1c843e03d8
commit | author | age
b505f3 1 <template>
6461f5 2     <div class="myModal" ref="test">
I 3         <a-modal v-drag-modal v-model="visible" title="日志添加" on-ok="handleOk"
b505f3 4             :bodyStyle="{'overflow':'overlay','maxHeight': '550px'}">
I 5             <template slot="footer">
6                 <a-button key="reset" @click="reset" type="danger">
7                     擦掉重来
8                 </a-button>
9                 <a-button key="back" @click="handleCancel">
10                     歇会
11                 </a-button>
12                 <a-button key="submit" type="primary" :loading="loading" @click="handleOk">
13                     完事<span style="font-size: 10px;">儿</span>..
14                 </a-button>
15             </template>
16             <box10 ref="modalBox"></box10>
17         </a-modal>
18     </div>
19
20 </template>
21
22 <script>
23     import box10 from "../mini/box10-add.vue"
c23efb 24
63f511 25     import {
I 26         blogAdd
27     } from '../../api/blogArticle.js'
c23efb 28     import md5 from 'js-md5';
b505f3 29     export default {
I 30         components: {
31             box10
32         },
33         data() {
34             return {
35                 visible: false,
36                 loading: false,
37             }
38         },
39         methods: {
40             getCalendarContainer(trigger) {
41                 return this.$refs.myModal;
42             },
43             showModal() {
44                 this.visible = true;
45             },
46             handleOk(e) {
47                 console.log(this.$refs.modalBox.form);
c23efb 48                 var res;
I 49                 this.$refs.modalBox.$refs.myForm.validate(valid => {
b505f3 50                     if (valid) {
I 51                         this.$message.info("校验通过")
c23efb 52                         res = true;
b505f3 53                     } else {
I 54                         this.$message.info("校验失败")
c23efb 55                         res = false;
b505f3 56                     }
I 57                 });
58
59                 if (!res) return;
60                 this.$message.info("提交表单")
61
c23efb 62                 let tempData = this.$refs.modalBox.form;
I 63                 var param = {
64                     secret: tempData.secret,
65                     title: tempData.title,
66                     articleTypeId: tempData.class,
67                     isOnline: !tempData.online ? 1 : 0,
68                     articleFileId: tempData.fileId,
69                     content: tempData.content,
70                     articleFileType: tempData.blogType,
71                     introduce: "",
72                     coverFileId: tempData.coverFile,
73                     publishDate: tempData.publishDate,
74                     isTop: tempData.top ? 1 : 0,
75                     topValue: tempData.sliderValue,
76                     isLock: tempData.lock ? 1 : 0,
77                     authStatus: tempData.auth,
78                     authPassword: tempData.password == "" ? null : md5(tempData.password),
79                     editorStatus: !tempData.tempSave?1:0
80                 }
81                 console.log(param)
b505f3 82                 this.loading = true;
c23efb 83                 blogAdd(param).then((res) => {
I 84                     this.$message.info("生成日志成功..")
b505f3 85                     this.visible = false;
I 86                     this.loading = false;
c23efb 87                 });
I 88                 // setTimeout(() => {
89                 //     this.visible = false;
90                 //     this.loading = false;
91                 // }, 3000);
b505f3 92             },
I 93             reset(e) {
af029b 94                 var res = this.$refs.modalBox.$refs.myForm.resetFields();
I 95                 //this.$refs.modalBox.reset();
b505f3 96             },
I 97             handleCancel(e) {
98                 this.visible = false;
99             },
100
101         },
102     }
103 </script>
104
105 <style>
106 </style>