更新代码

src/views/IncubationPlatform/components/AddModel.vue

@@ -7,101 +7,42 @@
       v-if="value === 1"
     />
     <a-button @click="showModal" style="height: 100%; width: 100%" type="primary" v-else>{{ str }}</a-button>
-    <a-modal
+    <a-modal :confirm-loading="confirmLoading" :title="title" :visible="visible" @cancel="handleCancel" @ok="handleOk" width="50%">
-      :confirm-loading="confirmLoading"
+      <p style="text-align: center" v-show="value === 1">
-      :title="title"
+        <a-radio-group style="margin-bottom: 20px !important" v-model="platform.val">
-      :visible="visible"
-      @cancel="handleCancel"
-      @ok="handleOk"
-      width="50%"
-    >
-      <p style="text-align: center" v-show="value !== 1">
-        <a-radio-group style="margin-bottom: 20px !important" v-model="value">
           <a-radio :value="2" style="margin-right: 100px">实体空间</a-radio>
           <a-radio :value="3">虚拟空间</a-radio>
         </a-radio-group>
       </p>
       <a-form :form="form">
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="公司名称"
-        >
           <a-input placeholder="请输入公司名称..." v-model.trim="platform.companyName" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系人" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="联系人"
-          required
-        >
           <a-input placeholder="请输入联系人..." v-model.trim="platform.manName" />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required>
-          :label-col="formItemLayout.labelCol"
+          <a-input @change="changePhone" placeholder="请输入联系电话.." type="tel" v-decorator="['tel', { rules: phoneRules }]" />
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="联系电话"
-          required
-        >
-          <a-input
-            @change="changePhone"
-            placeholder="请输入联系电话.."
-            type="tel"
-            v-decorator="['tel', { rules: phoneRules }]"
-          />
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="图片验证码" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="图片验证码"
-          required
-        >
           <div class="d-flex flex-nowrap">
             <a-input placeholder="图片验证码" type="number" v-model="codeNum" />
-            <img
+            <img :src="picCode.imageBase64" @click="changePicCode" class="code_img ml-2" v-if="picCode && picCode.imageBase64" />
-              :src="picCode.imageBase64"
-              @click="changePicCode"
-              class="code_img ml-2"
-              v-if="picCode && picCode.imageBase64"
-            />
             <a-button @click="changePicCode" class="code_img ml-2" size="small" v-else>获取验证码</a-button>
             <!-- <a-input v-decorator="['account', { rules: rules.account }]" /> -->
           </div>
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="短信验证码" required>
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="短信验证码"
-          required
-        >
           <div class="d-flex flex-nowrap">
             <a-input placeholder="请输入验证码" type="number" v-model="platform.code" />
-            <a-button
+            <a-button class="code_img ml-2" disabled type="primary" v-if="showInterval">重新发送 {{ interval }}</a-button>
-              class="code_img ml-2"
+            <a-button :disabled="platform.isTel === false" @click="getCode" class="code_img ml-2" type="primary" v-else>
-              disabled
+              获取验证码
-              type="primary"
+            </a-button>
-              v-if="showInterval"
-            >重新发送 {{ interval }}</a-button>
-            <a-button
-              :disabled="platform.isTel === false"
-              @click="getCode"
-              class="code_img ml-2"
-              type="primary"
-              v-else
-            >获取验证码</a-button>
           </div>
         </a-form-item>
-        <a-form-item
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="合作信息简述" required>
-          :label-col="formItemLayout.labelCol"
+          <a-textarea placeholder="请输入合作信息简述..." style="height: 120px" v-model.trim="platform.describe" />
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="合作信息简述"
-          required
-        >
-          <a-textarea
-            placeholder="请输入合作信息简述..."
-            style="height: 120px"
-            v-model.trim="platform.describe"
-          />
         </a-form-item>
       </a-form>
     </a-modal>
@@ -142,6 +83,7 @@ export default {
         tel: '', // 联系电话
         describe: '', // 项目描述
         code: '', // 验证码
+        val: 0,
         isTel: false,
       },
       codeRules: [
@@ -199,6 +141,8 @@ export default {
         this.$message.error('请输入验证码');
       } else if (!this.platform.describe) {
         this.$message.error('请输入项目信息简述');
+      } else if (!this.platform.val) {
+        this.$message.error('请选择孵化器');
       } else {
         if (this.platform.isTel) {
           this.subMitAdd();
@@ -218,7 +162,7 @@ export default {
             contactName: this.platform.manName,
             contactPhone: this.platform.tel,
             description: this.platform.describe,
-            type: this.value,
+            type: this.platform.val,
           },
         };
         const res = await JoinPlatform(params);