模型可不传

vu/src/views/face/components/FaceStarDetail.vue

@@ -3,7 +3,7 @@
     <el-form ref="postForm" :model="postForm" :rules="rules" class="form-container">
 
       <sticky :class-name="'sub-navbar '+postForm.status">
-        <el-button v-loading="loading" style="margin-left: 10px;" type="success" @click="submitForm" :disabled="isdisabledFn">保存
+        <el-button v-loading="loading" :disabled="isdisabledFn" style="margin-left: 10px;" type="success" @click="submitForm">保存
         </el-button>
       </sticky>
 
@@ -27,10 +27,16 @@
                     <el-col :span="12">
 
                       <el-form-item label-width="75px" label="*性别:" prop="gender">
-                        <el-select v-model="postForm.sex" :placeholder="'性别:'" clearable
+                        <el-select
+                          v-model="postForm.sex"
+                          :placeholder="'性别:'"
+                          clearable
                           class="postInfo-container-item"
                           style="width: 230px">
-                          <el-option v-for="item in GenderTypeOptions" :key="item.key" :label="item.display_name"
+                          <el-option
+                            v-for="item in GenderTypeOptions"
+                            :key="item.key"
+                            :label="item.display_name"
                             :value="item.key"/>
                         </el-select>
                       </el-form-item>
@@ -43,15 +49,15 @@
 
             <div>
               <el-form-item style="margin-bottom: 20px;" label-width="75px" label="*原图:" prop="avatar">
-                <span v-model="uploadType"></span>
-                <FaceUpload v-model="postForm.ordinary_image_url" :uploadType="uploadType"/>
+                <span v-model="uploadType"/>
+                <FaceUpload v-model="postForm.ordinary_image_url" :upload-type="uploadType"/>
               </el-form-item>
             </div>
 
             <div>
               <el-form-item style="margin-bottom: 20px;" label-width="75px" label="*模型:" prop="avatar">
-                <span v-model="uploadType"></span>
-                <FaceUpload v-model="postForm.modeling_obj_url" :uploadType="uploadType"/>
+                <span v-model="uploadType"/>
+                <FaceUpload v-model="postForm.modeling_obj_url" :upload-type="uploadType"/>
               </el-form-item>
             </div>
           </el-card>
@@ -63,44 +69,44 @@
 </template>
 
 <script>
-  import Tinymce from '@/components/Tinymce'
-  import FaceUpload from '@/components/Upload/faceupload'
-  import MDinput from '@/components/MDinput'
-  import Sticky from '@/components/Sticky' // 粘性header组件
-  import waves from '@/directive/waves'
-  import Pagination from '@/components/Pagination'
-  import {validateURL} from '@/utils/validate'
-  import {faceStarCreate, facestarDetail} from '@/api/face_image_upload'
+import Tinymce from '@/components/Tinymce'
+import FaceUpload from '@/components/Upload/faceupload'
+import MDinput from '@/components/MDinput'
+import Sticky from '@/components/Sticky' // 粘性header组件
+import waves from '@/directive/waves'
+import Pagination from '@/components/Pagination'
+import { validateURL } from '@/utils/validate'
+import { faceStarCreate, facestarDetail } from '@/api/face_image_upload'
 
- const SexOptions = [
-        {'key': 1, 'display_name': '男'},
-        {'key': 2, 'display_name': '女'},
-      ]
+const SexOptions = [
+  { 'key': 1, 'display_name': '男' },
+  { 'key': 2, 'display_name': '女' }
+]
 
-  const sexTypeKeyValue = SexOptions.reduce((acc, cur) => {
+const sexTypeKeyValue = SexOptions.reduce((acc, cur) => {
   acc[cur.key] = cur.display_name
   return acc
-  }, {})
+}, {})
 
-  const ValueToSexTypeKeyValue = SexOptions.reduce((acc, cur) => {
+const ValueToSexTypeKeyValue = SexOptions.reduce((acc, cur) => {
   acc[cur.key] = cur.display_name
   return acc
-  }, {})
+}, {})
 
-  const defaultForm = {
+const defaultForm = {
   status: 'draft',
   uploadType: '',
 
   name: '',
   sex: '',
   ordinary_image_url: '',
-    modeling_obj_url: '',
-  }
+  modeling_obj_url: ''
+}
 
-  export default {
+export default {
   name: 'FaceStarDetail',
-    components: {Tinymce, MDinput, FaceUpload, Sticky, Pagination},
-    directives: {waves},
+  components: { Tinymce, MDinput, FaceUpload, Sticky, Pagination },
+  directives: { waves },
   props: {
     isEdit: {
       type: Boolean,
@@ -127,13 +133,13 @@
       tags: [],
 
       rules: {
-          name: [{validator: validateRequire, trigger: 'blur'}],
-          sex: [{validator: validateRequire, trigger: 'blur'}],
+        name: [{ validator: validateRequire, trigger: 'blur' }],
+        sex: [{ validator: validateRequire, trigger: 'blur' }]
       },
       tempRoute: {},
       GenderTypeOptions: [
-          {'key': 1, 'display_name': '男'},
-          {'key': 2, 'display_name': '女'},
+        { 'key': 1, 'display_name': '男' },
+        { 'key': 2, 'display_name': '女' }
       ],
       uploadType: -99,
       isdisabledFn: false
@@ -164,26 +170,20 @@
       })
     },
     submitForm() {
-
       this.$refs.postForm.validate(valid => {
         if (valid) {
           this.loading = true
-            if (this.postForm.ordinary_image_url === ''){
+          if (this.postForm.ordinary_image_url === '') {
             this.$message.error('头像一不能为空~')
             this.loading = false
             return false
           }
-            if (this.postForm.modeling_obj_url === ''){
-              this.$message.error('头像二不能为空~')
-              this.loading = false
-              return false
-            }
           const gender = {
             '男': 1,
             '女': 2
           }
           this.isdisabledFn = true
-            if (gender.hasOwnProperty(this.postForm.sex)){
+          if (gender.hasOwnProperty(this.postForm.sex)) {
             this.postForm.sex = gender[this.postForm.sex]
           }
           this.isdisabledFn = true
@@ -202,8 +202,7 @@
               type: 'danger',
               duration: 2000
             })
-            });
-
+          })
 
           this.postForm.status = 'published'
           this.loading = false
@@ -224,9 +223,9 @@
         if (!response.data.data.data) return
         this.tagListOptions = response.data.data.data
       })
-      },
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>