add

src/views/collection/addCollection.vue

@@ -22,9 +22,47 @@
             class="el-icon-plus avatar-uploader-icon"
           ></i> </el-upload>
         </el-form-item> 
-          
+
+        <el-form-item label="3D模板:" prop="">
+          <el-upload
+          class="avatar-uploader"
+          action="https://jsonplaceholder.typicode.com/posts/"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          :before-upload="beforeAvatarUpload"
+        >
+          <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+          <i
+            v-else
+            class="el-icon-plus avatar-uploader-icon"
+          ></i> </el-upload>
+        </el-form-item> 
+        <el-form-item label="藏品价格:" prop="collectionPrice">
+          <el-input v-model="message.collectionPrice" style="width: 550px" placeholder="请输入藏品价格"></el-input>
+        </el-form-item> 
+        <el-form-item label="藏品数量:" prop="collectionCount">
+          <el-input v-model="message.collectionCount" style="width: 550px" placeholder="请输入藏品数量"></el-input>
+        </el-form-item> 
+        <el-form-item label="发行方:" prop="collectionPublisher">
+          <el-input v-model="message.collectionName" style="width: 550px" placeholder="请输入发行方"></el-input>
+        </el-form-item> 
+        <el-form-item label="藏品故事:" prop="collectionHistory">
+          <el-upload
+          class="avatar-uploader"
+          action="https://jsonplaceholder.typicode.com/posts/"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          :before-upload="beforeAvatarUpload"
+        >
+          <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+          <i
+            v-else
+            class="el-icon-plus avatar-uploader-icon"
+          ></i> </el-upload>
+          <label for="">点击查看</label>
+        </el-form-item> 
         <el-form-item>
-          <el-button type="primary" @click="addCollection('form')">提交</el-button>
+          <el-button type="primary" @click="submitForm('form')">提交</el-button>
           <el-button @click="resetForm('form')">重置</el-button>
           <el-button @click="importForm('form')">导入</el-button>
         </el-form-item>
@@ -42,12 +80,31 @@ import {addCollection} from '../../api/collection/collection.js'
       return {
         message: {
           collectionName:'',
-          imageUrl: ''
+          imageUrl: '',
+          collectionPrice:'' , 
+          collectionCount:'' ,
+          collectionPublisher:'' , 
+          collectionHistory:'',
         },
         rules:{
           collectionName: [
             { required: true, message: '请输入藏品名称', trigger: 'blur' }
           ],
+          imageUrl: [
+            { required: true, message: '请导入藏品图片', trigger: 'blur' }
+          ],
+          collectionPrice: [
+            { required: true, message: '请导入藏品图片', trigger: 'blur' }
+          ],
+          collectionCount: [
+            { required: true, message: '请导入藏品图片', trigger: 'blur' }
+          ],
+          collectionPublisher: [
+            { required: true, message: '请导入藏品图片', trigger: 'blur' }
+          ],
+          collectionHistory: [
+            { required: true, message: '请导入藏品图片', trigger: 'blur' }
+          ],
         }
     }
   },