add

src/api/collection/collection.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+// 添加套系
+export function addCollection() {
+  return request({
+    url: '/post/series' ,
+    method: 'post'
+  })
+}

src/views/collection/addCollection.vue

@@ -5,11 +5,10 @@
     <div class="message-add-box">
       <el-form :model="message" :rules="rules" ref="form" label-width="100px">
       
-        <el-form-item label="藏品名称:" prop="messageTitle">
-          <el-input v-model="message.messageTitle" style="width: 550px" placeholder="请输入藏品名称"></el-input>
+        <el-form-item label="藏品名称:" prop="collectionName">
+          <el-input v-model="message.collectionName" style="width: 550px" placeholder="请输入藏品名称"></el-input>
         </el-form-item> 
-      
-        <el-form-item label="藏品头图:" prop="messageTitle">
+        <el-form-item label="藏品头图:" prop="imageUrl">
           <el-upload
           class="avatar-uploader"
           action="https://jsonplaceholder.typicode.com/posts/"
@@ -23,64 +22,38 @@
             class="el-icon-plus avatar-uploader-icon"
           ></i> </el-upload>
         </el-form-item> 
-
+          
         <el-form-item>
-          <el-button type="primary" @click="submitForm('form')">提交</el-button>
+          <el-button type="primary" @click="addCollection('form')">提交</el-button>
           <el-button @click="resetForm('form')">重置</el-button>
           <el-button @click="importForm('form')">导入</el-button>
         </el-form-item>
       </el-form>
-
     </div>     
   </div>
 </template>
 
 <script>
-import {submitMessage} from '../../api/message/message.js'
+import {addCollection} from '../../api/collection/collection.js'
 
  export default {
   
     data() {
       return {
-        
         message: {
-          messageTitle: '',
-          // dateTime: '',
-          date1:'',
-          date2:'',
-          receivedUsers: '',
-          content: '请输入内容',
-          cnt : 1 ,
+          collectionName:'',
           imageUrl: ''
         },
-        rules: {
-          messageTitle: [
-            { required: true, message: '请输入消息标题', trigger: 'blur' }
-          ],
-          // dateTime: [
-          //   { type: 'date', required: true, message: '选择时间', trigger: 'change' }
-          // ],
-          date1: [
-            { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
-          ],
-          date2: [
-            { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
-          ],
-          receivedUsers: [
-            { required: true, message: '请导入接受用户', trigger: 'blur' }
+        rules:{
+          collectionName: [
+            { required: true, message: '请输入藏品名称', trigger: 'blur' }
           ],
-          content: [
-            { required: true, message: '请导入内容' , trigger: 'blur' }
-          ]
-        },
-
+        }
     }
   },
   mounted() {
-    console.log( "-****" , this.message.messageTitle);
-    console.log( "-****" , this.message.date1);
-    console.log( "-****" , this.message.date2);
-    console.log( "-****" , this.message.content);
+    console.log( "-****" , this.message.collectionName);
+    console.log( "-****" , this.message.imageUrl);
   },
   methods: {
         handleAvatarSuccess(res, file) {
@@ -98,66 +71,12 @@ import {submitMessage} from '../../api/message/message.js'
         }
         return isJPG && isLt2M;
       },
-      change(){
-        console.log(1);
-        this.cnt = this.cnt+ 1  
-        console.log(this.cnt);
-      },
-      onEditorChange() {
-      //内容改变事件
-        this.$emit("input", this.content);
-      },
-      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);
-        // console.log( "lxzhen-****content" , this.content);
-        var dateTime = this.message.date1;
-          function add0(m){return m<10?'0'+m:m }
-            function format(shijianchuo)
-            {
-                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({
-              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);
-                // 添加成功
-                this.$message({
-                  message:"消息添加成功！",
-                  type:"success",
-                });
-                this.$refs[message].resetFields();//添加成功后清空
-                this.$router.push('/message/messageList')//跳转
-              })
-              // 失败
-              .catch((err) => {
-                console.log(err);
-              });
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-        
+      addCollection() { 
+        console.log( "-****" , this.message.collectionName);
+        console.log( "-****" , this.message.imageUrl);
+        addCollection(this.collectionName) .then((res)=>{
+          console.log(res);
+        })
       },
       resetForm(formName) {
         this.$refs[formName].resetFields();