format

src/views/message/addMessage.vue

@@ -35,7 +35,7 @@
         <el-form-item label="消息内容:" prop="messageContent">
           <quill-editor 
             class="ql-editor"
-            v-model="content" 
+            v-model="message.content" 
             ref="myQuillEditor" 
             :options="editorOption" 
             >
@@ -68,16 +68,26 @@ Font.whitelist = fonts
 Quill.register(Font, true)
 
  export default {
+    
+    props:['value'],
+    watch:{
+      value:function(){
+        this.message.content = this.value;
+      }
+    },
     data() {
       return {
+        
         message: {
           messageTitle: '',
           // dateTime: '',
           date1:'',
           date2:'',
           receivedUsers: '',
-          messageContent: '',
+          content: 'lxx这是 vue-quill-editor 的内容',
+          
         },
+        
         rules: {
           messageTitle: [
             { required: true, message: '请输入消息标题', trigger: 'blur' }
@@ -94,8 +104,8 @@ Quill.register(Font, true)
           receivedUsers: [
             { required: true, message: '请导入接受用户', trigger: 'blur' }
           ],
-          messageContent: [
-            { required: false, message: '请导入内容' , trigger: 'blur' }
+          content: [
+            { required: true, message: '请导入内容' , trigger: 'blur' }
           ]
         },
         content: `<p>这是 vue-quill-editor 的内容！</p>`, //双向数据绑定数据
@@ -123,13 +133,46 @@ Quill.register(Font, true)
       }
     }
   },
+  mounted() {
+    console.log( "-****" , this.message.messageTitle);
+    console.log( "-****" , this.message.date1);
+    console.log( "-****" , this.message.date2);
+    console.log( "-****" , this.message.content);
+  },
   methods: {
+      change(){
+        console.log(1);
+      },
       submitForm(formName) {
+        console.log( "-****title" , this.message.messageTitle);
+        console.log( "-****date1" , this.message.date1);
+        console.log( "-****date2" , this.message.date2);
+        console.log( "-****content" , this.message.content);
+        var dateTime = this.message.date1;
+          function add0(m){return m<10?'0'+m:m }
+            function format(shijianchuo)
+            {
+            //shijianchuo是整数，否则要parseInt转换
+                var time = new Date(shijianchuo);
+                var y = time.getFullYear();
+                var m = time.getMonth()+1;
+                var d = time.getDate()+1;
+                var h = time.getHours()+1;
+                var mm = time.getMinutes()+1;
+                var s = time.getSeconds()+1;
+                return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
+            }
+           var date = format(dateTime);
+        console.log(date);
         this.$refs[formName].validate((valid) => {
           if (valid) {
             // alert('submit!');
             submitMessage({
-              messageTitle:this.message.messageTitle
+              newsTitle:this.message.messageTitle,
+              newsContent:this.message.content,
+              userPhone :this.message.receivedUsers,
+              createTime:'1994-12-01 12:22:33',
+              updateTime:'1994-12-01 12:22:33',
             })
               .then((res) => {
                 console.log(res);
@@ -150,6 +193,7 @@ Quill.register(Font, true)
             return false;
           }
         });
+        
       },
       resetForm(formName) {
         this.$refs[formName].resetFields();

src/views/notice/addNotice.vue

@@ -59,8 +59,11 @@ Quill.register(Font, true);
 export default {
   data() {
     return {
+      
       form: {
         name: "",
+        content:"", 
+
       },
       rules: {
         title: [{ required: true, message: "请输入公告名称", trigger: "blur" }],
@@ -101,8 +104,13 @@ export default {
           placeholder: "请输入正文",
         },
       },
+
     };
   },
+  mounted() {
+    console.log( "-****" , this.form.name);
+    console.log( "-****" , this.form.content);
+  },
 };
 </script>