入驻企业申请的验证码提交

src/components/Introduce/SettledModel.vue

@@ -1,98 +1,42 @@
 <template>
   <div>
     <a-button @click="showModal" type="primary">加入我们</a-button>
-    <a-modal
-      :confirm-loading="confirmLoading"
-      :title="title"
-      :visible="visible"
-      @cancel="handleCancel"
-      @ok="handleOk"
-      width="50%"
-    >
+    <a-modal :confirm-loading="confirmLoading" :title="title" :visible="visible" @cancel="handleCancel" @ok="handleOk" width="50%">
       <a-form :form="form" v-if="current === 0">
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="公司名称"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称" required>
           <a-input placeholder="请输入公司名称..." v-model.trim="platform.company" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="成立时间"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="成立时间" required>
           <!-- 时间选择器（时间点） -->
           <a-date-picker @change="changeBirthday" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="法人代码"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="法人代码" required>
           <a-input placeholder="请输入法人代码..." v-model.trim="platform.legalPerson" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="现注册地址"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="现注册地址" required>
           <a-input placeholder="请输入现注册地址..." v-model.trim="platform.registerSite" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="注册资金(单位：万)"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="注册资金(单位：万)">
           <a-input placeholder="请输入注册资金..." type="number" v-model.trim="platform.registerMoney" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="员工人数"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="员工人数">
           <a-input placeholder="请输入员工人数..." type="number" v-model.trim="platform.staffCount" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="其中研发人数"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="其中研发人数">
           <a-input placeholder="请输入研发人数..." type="number" v-model.trim="platform.resarchStaff" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="大专以上人员"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="大专以上人员">
           <a-input placeholder="请输入员工人数..." type="number" v-model.trim="platform.juniorCollege" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="主营业务"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="主营业务">
           <a-input placeholder="请输入主营业务..." v-model.trim="platform.mainBusiness" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="营业收入(单位：万)"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="营业收入(单位：万)">
           <a-input placeholder="请输入营业收入..." type="number" v-model.trim="platform.businessIncome" />
         </a-form-item>
       </a-form>
       <a-form :form="form" v-if="current === 1">
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="产品/技术阶段"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="产品/技术阶段" required>
           <!-- 单选 -->
           <a-radio-group v-model="platform.productTech">
             <a-radio :value="0" style="margin-right: 20px">创意阶段</a-radio>
@@ -102,60 +46,28 @@
             <a-radio :value="4">产业化开发</a-radio>
           </a-radio-group>
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="申请专利数"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="申请专利数">
           <a-input placeholder="请输入申请专利数..." type="number" v-model.trim="platform.patentApply" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="授权专利数"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="授权专利数">
           <a-input placeholder="请输入授权专利数..." type="number" v-model.trim="platform.patentGrented" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="发明专利数"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="发明专利数">
           <a-input placeholder="请输入发明专利数..." type="number" v-model.trim="platform.patentInvent" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="软件著作权"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="软件著作权">
           <a-input placeholder="请输入软件著作权..." v-model.trim="platform.softwareRegister" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="动植物新品种"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="动植物新品种">
           <a-input placeholder="请输入动植物新品种..." v-model.trim="platform.plantKind" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="集成电路布图设计"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="集成电路布图设计">
           <a-input placeholder="请输入集成电路布图设计..." v-model.trim="platform.electricDesign" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="合作单位"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="合作单位">
           <a-input placeholder="请输入合作单位..." v-model.trim="platform.friendCompany" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="上传附件"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="上传附件">
           <a-upload
             :action="action"
             :before-upload="beforeUpload"
@@ -167,9 +79,7 @@
             <p>1.营业执照复印件（尚无注册的无需梯控）</p>
             <p>2.法定代表或授权代表身份证复印件</p>
             <p>3.主导产品或技术简介</p>
-            <a-button>
-              <a-icon type="upload" />点击上传附件
-            </a-button>
+            <a-button> <a-icon type="upload" />点击上传附件 </a-button>
           </a-upload>
         </a-form-item>
       </a-form>
@@ -177,113 +87,46 @@
         <!-- <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="公司名称">
           <a-input v-model.trim="platform.companyName" placeholder="请输入公司名称..." />
         </a-form-item>-->
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="姓名"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="姓名" required>
           <a-input placeholder="请输入申请人姓名..." v-model.trim="platform.manName" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="性别"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="性别" required>
           <!-- 单选 -->
           <a-radio-group v-model="platform.sex">
             <a-radio :value="1" style="margin-right: 100px">男</a-radio>
             <a-radio :value="0">女</a-radio>
           </a-radio-group>
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="职务"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="职务" required>
           <a-input placeholder="请输入申请人职务..." v-model.trim="platform.position" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="联系电话"
-          required
-        >
-          <a-input
-            @change="changePhone"
-            placeholder="请输入联系电话.."
-            type="tel"
-            v-decorator="['tel', { rules: phoneRules }]"
-          />
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="联系电话" required>
+          <a-input @change="changePhone" placeholder="请输入联系电话.." type="tel" v-decorator="['tel', { rules: phoneRules }]" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="图片验证码"
-          required
-        >
+        <a-form-item :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
-              :src="picCode.imageBase64"
-              @click="changePicCode"
-              class="code_img ml-2"
-              v-if="picCode && picCode.imageBase64"
-            />
+            <img :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
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="短信验证码"
-          required
-        >
+        <a-form-item :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
-              class="code_img ml-2"
-              disabled
-              type="primary"
-              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>
+            <a-button class="code_img ml-2" disabled type="primary" 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
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="电子邮箱"
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="电子邮箱">
           <!-- 电子邮箱 -->
-          <a-input
-            @change="changeEamil"
-            placeholder="请输入电子邮箱..."
-            type="email"
-            v-decorator="['email', { rules: emailRules }]"
-          />
+          <a-input @change="changeEamil" placeholder="请输入电子邮箱..." type="email" v-decorator="['email', { rules: emailRules }]" />
         </a-form-item>
-        <a-form-item
-          :label-col="formItemLayout.labelCol"
-          :wrapper-col="formItemLayout.wrapperCol"
-          label="身份证号"
-          required
-        >
+        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="身份证号" required>
           <!-- 身份证号 -->
-          <a-input
-            @change="changeIdCard"
-            placeholder="请输入身份证号..."
-            v-decorator="['idCard', { rules: idCardRules }]"
-          />
+          <a-input @change="changeIdCard" placeholder="请输入身份证号..." v-decorator="['idCard', { rules: idCardRules }]" />
         </a-form-item>
       </a-form>
       <a-steps :current="current">
@@ -294,18 +137,8 @@
           </template>
           <span slot="description">企业基本信息</span>
         </a-step>
-        <a-step
-          :title="current > 1 ? '完成' : 'Waiting...'"
-          @click="current = 1"
-          description="企业详细信息"
-          style="cursor: pointer"
-        />
-        <a-step
-          :title="current > 2 ? '完成' : 'Waiting...'"
-          @click="current = 2"
-          description="申请人基本信息"
-          style="cursor: pointer"
-        />
+        <a-step :title="current > 1 ? '完成' : 'Waiting...'" @click="current = 1" description="企业详细信息" style="cursor: pointer" />
+        <a-step :title="current > 2 ? '完成' : 'Waiting...'" @click="current = 2" description="申请人基本信息" style="cursor: pointer" />
       </a-steps>
     </a-modal>
   </div>
@@ -534,6 +367,7 @@ export default {
             fileList: this.platform.files,
             friendCompany: this.platform.friendCompany,
             gender: this.platform.sex,
+            code: this.platform.code,
             idCard: this.platform.idCard,
             juniorCollege: this.platform.juniorCollege,
             legalPerson: this.platform.legalPerson,