修改品牌添加

src/views/components/BrandEditForm/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="brand-edit-form">
-    <el-form ref="brandEditForm" :model="formData" :rules="rules" label-width="90px">
+    <el-form ref="brandEditForm" :model="formData" :rules="rules" label-width="120px">
       <el-form-item label="品牌名:" prop="brandName">
         <el-input v-model="formData.brandName" placeholder="请输入品牌名" maxlength="50" show-word-limit />
       </el-form-item>
@@ -13,12 +13,30 @@
         />
         <el-input v-show="false" v-model="formData.brandLogo" />
       </el-form-item>
-      <el-form-item label="产地:" prop="producePlace">
+      <el-form-item label="产地类型" prop="producePlaceType">
+        <el-select v-model="formData.producePlaceType" placeholder="请选择产地类型">
+          <el-option label="产地" :value="1" />
+          <el-option label="技术授权方" :value="2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-if="formData.producePlaceType === 1" label="产地:" prop="producePlace">
         <el-input v-model="formData.producePlace" placeholder="请输入产地" maxlength="50" show-word-limit />
       </el-form-item>
-      <el-form-item label="制造商:" prop="manufacturer">
+      <el-form-item v-if="formData.producePlaceType === 2" label="技术授权方:" prop="producePlace">
+        <el-input v-model="formData.producePlace" placeholder="请输入技术授权方" maxlength="50" show-word-limit />
+      </el-form-item>
+      <el-form-item label="制造商类型" prop="manufacturerType">
+        <el-select v-model="formData.manufacturerType" placeholder="请选择制造商类型">
+          <el-option label="制造商" :value="1" />
+          <el-option label="制造受托方" :value="2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item v-if="formData.manufacturerType === 1" label="制造商:" prop="manufacturer">
         <el-input v-model="formData.manufacturer" placeholder="请输入制造商" maxlength="50" show-word-limit />
       </el-form-item>
+      <el-form-item v-if="formData.manufacturerType === 2" label="制造受托方:" prop="manufacturer">
+        <el-input v-model="formData.manufacturer" placeholder="请输入制造受托方" maxlength="50" show-word-limit />
+      </el-form-item>
     </el-form>
   </div>
 </template>
@@ -36,7 +54,9 @@ export default {
         infoId: '',
         brandName: '',
         brandLogo: '',
+        producePlaceType: '',
         producePlace: '',
+        manufacturerType: '',
         manufacturer: ''
       }),
       validator: (value) => {
@@ -52,13 +72,17 @@ export default {
         infoId: '',
         brandName: '',
         brandLogo: '',
+        producePlaceType: '',
         producePlace: '',
+        manufacturerType: '',
         manufacturer: ''
       },
       rules: {
         brandName: [{ required: true, message: '请输入品牌名称', trigger: ['blur'] }],
         brandLogo: [{ required: true, message: '请上传品牌logo', trigger: ['change'] }],
+        producePlaceType: [{ required: true, message: '请选择产地类型', trigger: ['blur'] }],
         producePlace: [{ required: true, message: '请输入产地', trigger: ['blur'] }],
+        manufacturerType: [{ required: true, message: '请选择制造商类型', trigger: ['blur'] }],
         manufacturer: [{ required: true, message: '请输入制造商', trigger: ['blur'] }]
       },
       imageList: []