diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index bb02563..5351287 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -1,12 +1,12 @@
 <template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="100px">
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
         <el-form-item label="企业名称" prop="name">
           <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业类型" prop="companyType">
           <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
@@ -18,7 +18,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业性质" prop="companyNature">
           <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
             <el-option
@@ -45,7 +45,7 @@
         </el-form-item>
       </el-col>
 
-      <el-col :span="16">
+      <el-col :span="18">
         <el-form-item label="详细地址" prop="companyAddress">
           <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
             <el-option

diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index bb02563..5351287 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -1,12 +1,12 @@
 <template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="100px">
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
         <el-form-item label="企业名称" prop="name">
           <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业类型" prop="companyType">
           <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
@@ -18,7 +18,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业性质" prop="companyNature">
           <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
             <el-option
@@ -45,7 +45,7 @@
         </el-form-item>
       </el-col>
 
-      <el-col :span="16">
+      <el-col :span="18">
         <el-form-item label="详细地址" prop="companyAddress">
           <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
             <el-option
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 234405f..ad72f65 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -17,471 +17,12 @@
       <cert-info ref="supplierCertInfo" />
     </div>
 
-<!--    <div class="information-from">-->
-<!--      <div class="from-title">-->
-<!--        联系人信息-->
-<!--      </div>-->
-<!--      <el-form-->
-<!--        ref="elForm2"-->
-<!--        :model="personInfo"-->
-<!--        :rules="rules2"-->
-<!--        size="medium"-->
-<!--        label-width="134px"-->
-<!--        style="margin-top: 20px"-->
-<!--      >-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="111px"-->
-<!--              label="法人代表姓名"-->
-<!--              prop="legalPersonName"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonName"-->
-<!--                placeholder="请输入法人代表姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label="法人代表证件类型"-->
-<!--              prop="legalPersonCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.legalPersonCertificateType"-->
-<!--                placeholder="请选择法人代表证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in legalPersonCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="法人代表证件号" prop="code">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonCertificateCode"-->
-<!--                placeholder="请输入法人代表证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="法人代表手机号" prop="legalPersonPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonPhone"-->
-<!--                placeholder="请输入法人代表手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="5">-->
-<!--            <el-form-item-->
-<!--              label="法人代表证件上传"-->
-<!--              prop="legalPersonCertificateFrontScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="legalPersonCertificateFrontScan"-->
-<!--                :file-list="legalPersonCertificateFrontScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="legalPersonCertificateFrontScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="legalPersonCertificateFrontScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照正面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="0"-->
-<!--              prop="legalPersonCertificateBackScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="legalPersonCertificateBackScan"-->
-<!--                :file-list="legalPersonCertificateBackScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="legalPersonCertificateBackScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="legalPersonCertificateBackScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照背面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="业务负责人姓名" prop="businessLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderName"-->
-<!--                placeholder="请输入业务负责人姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="业务负责人证件类型"-->
-<!--              prop="businessLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.businessLeaderCertificateType"-->
-<!--                placeholder="请选择业务负责人证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in businessLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label="业务负责人证件号"-->
-<!--              prop="businessLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderCertificateCode"-->
-<!--                placeholder="请输入业务负责人证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderPhone"-->
-<!--                placeholder="请输入业务负责人手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="5">-->
-<!--            <el-form-item-->
-<!--              label-width="153px"-->
-<!--              label=" 业务负责人证件上传"-->
-<!--              prop="businessLeaderCertificateFrontScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="businessLeaderCertificateFrontScan"-->
-<!--                :file-list="businessLeaderCertificateFrontScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="businessLeaderCertificateFrontScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="businessLeaderCertificateFrontScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  点击上传-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="0"-->
-<!--              prop="businessLeaderCertificateBackScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="businessLeaderCertificateBackScan"-->
-<!--                :file-list="businessLeaderCertificateBackScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="businessLeaderCertificateBackScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="businessLeaderCertificateBackScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照背面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="备用联系人姓名" prop="backupPersonName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="140px"-->
-<!--              label=" 备用联系人手机号"-->
-<!--              prop="backupPersonPhone"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="备用联系人证件类型"-->
-<!--              prop="backupPersonCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.backupPersonCertificateType"-->
-<!--                placeholder="请选证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in backupPersonCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="备用联系人证件号"-->
-<!--              prop="backupPersonCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="技术负责人姓名" prop="technicalLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="140px"-->
-<!--              label=" 技术负责人手机号"-->
-<!--              prop="technicalLeaderPhone"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="技术负责人证件类型"-->
-<!--              prop="technicalLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.technicalLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in technicalLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="技术负责人证件号"-->
-<!--              prop="technicalLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="售后负责人姓名" prop="saleLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="售后负责人证件类型"-->
-<!--              prop="saleLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.saleLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in saleLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="售后负责人证件号"-->
-<!--              prop="saleLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="财务负责人姓名" prop="financeLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="财务负责人证件类型"-->
-<!--              prop="financeLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.financeLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in financeLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="财务负责人证件号"-->
-<!--              prop="financeLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        联系人信息
+      </div>
+      <person-info ref="supplierPersonInfo" />
+    </div>
 
 <!--    <div class="information-from">-->
 <!--      <div class="from-title">-->
@@ -858,8 +399,9 @@
 <script>
 import BaseInfo from '@/views/account/baseInfo'
 import CertInfo from '@/views/account/certInfo'
+import PersonInfo from '@/views/account/personInfo'
 export default {
-  components: { BaseInfo, CertInfo },
+  components: { BaseInfo, CertInfo, PersonInfo },
   data() {
     return {
       checked: false,
@@ -881,34 +423,7 @@
 
         },
         personInfo: {
-          legalPersonName: undefined,
-          legalPersonPhone: undefined,
-          legalPersonCertificateCode: undefined,
-          legalPersonCertificateType: undefined,
-          legalPersonCertificateFrontScan: null,
-          legalPersonCertificateBackScan: null,
-          businessLeaderName: undefined,
-          businessLeaderCertificateType: undefined,
-          businessLeaderCertificateCode: undefined,
-          businessLeaderPhone: undefined,
-          businessLeaderCertificateFrontScan: null,
-          businessLeaderCertificateBackScan: null,
-          backupPersonName: undefined,
-          backupPersonPhone: undefined,
-          backupPersonCertificateType: undefined,
-          backupPersonCertificateCode: undefined,
-          technicalLeaderName: undefined,
-          technicalLeaderPhone: undefined,
-          technicalLeaderCertificateType: undefined,
-          technicalLeaderCertificateCode: undefined,
-          saleLeaderName: undefined,
-          saleLeaderPhone: undefined,
-          saleLeaderCertificateType: undefined,
-          saleLeaderCertificateCode: undefined,
-          financeLeaderName: undefined,
-          financeLeaderPhone: undefined,
-          financeLeaderCertificateType: undefined,
-          financeLeaderCertificateCode: undefined
+
         },
         businessInfo: {
         },
@@ -917,443 +432,6 @@
         busDetailQualifyCertificates: []
       },
 
-      field102Options: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      companyNatureOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyProvinceOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyCityOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyAreaOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      rules1: {
-        threeCertificatesInOne: [
-          {
-            required: true,
-            message: '请选择是否三证合一',
-            trigger: 'change'
-          }
-        ],
-        unifiedSocialCreditCode: [
-          {
-            required: true,
-            message: '请输入统一社会信用代码',
-            trigger: 'blur'
-          }
-        ],
-        licenseRegisterNumber: [
-          {
-            required: true,
-            message: '请输入营业执照注册号',
-            trigger: 'blur'
-          }
-        ],
-        registerCapital: [
-          {
-            required: true,
-            message: '请输入注册资金',
-            trigger: 'blur'
-          }
-        ],
-        registerAddress: [
-          {
-            required: true,
-            message: '请输入注册地址',
-            trigger: 'blur'
-          }
-        ],
-        legalPerson: [
-          {
-            required: true,
-            message: '请输入法人代表',
-            trigger: 'blur'
-          }
-        ],
-        establishDate: [
-          {
-            required: true,
-            message: '请选择成立日期',
-            trigger: 'change'
-          }
-        ],
-        businessTerm: [
-          {
-            required: true,
-            message: '请输入营业期限',
-            trigger: 'blur'
-          }
-        ],
-        businessScope: [
-          {
-            required: true,
-            message: '请输入经营范围',
-            trigger: 'blur'
-          }
-        ],
-        organizeCode: [
-          {
-            required: true,
-            message: '请输入组织机构代码',
-            trigger: 'blur'
-          }
-        ],
-        taxpayerNature: [
-          {
-            required: true,
-            message: '请选择纳税人性质',
-            trigger: 'change'
-          }
-        ],
-        taxRegisterCode: [
-          {
-            required: true,
-            message: '请输入税务登记证号',
-            trigger: 'blur'
-          }
-        ]
-      },
-      taxRegisterCodeScanAction: 'https://jsonplaceholder.typicode.com/posts/',
-      taxRegisterCodeScanfileList: [],
-      threeCertificatesInOneOptions: [
-        {
-          label: '是',
-          value: 1
-        },
-        {
-          label: '否',
-          value: 2
-        }
-      ],
-      taxpayerNatureOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      rules2: {
-        legalPersonName: [
-          {
-            required: true,
-            message: '请输入法人代表姓名',
-            trigger: 'blur'
-          }
-        ],
-        legalPersonCertificateType: [
-          {
-            required: true,
-            message: '请选择法人代表证件类型',
-            trigger: 'change'
-          }
-        ],
-        legalPersonCertificateCode: [
-          {
-            required: true,
-            message: '请输入法人代表证件号',
-            trigger: 'blur'
-          }
-        ],
-        legalPersonPhone: [
-          {
-            required: true,
-            message: '请输入法人代表手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderName: [
-          {
-            required: true,
-            message: '请输入业务负责人姓名',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择业务负责人证件类型',
-            trigger: 'change'
-          }
-        ],
-        businessLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入业务负责人证件号',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderPhone: [
-          {
-            required: true,
-            message: '请输入业务负责人手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonCertificateType: [
-          {
-            required: true,
-            message: '请选证件类型',
-            trigger: 'change'
-          }
-        ],
-        backupPersonCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        technicalLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        saleLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        financeLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ]
-      },
-      legalPersonCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      businessLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      backupPersonCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      technicalLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      saleLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      financeLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
       businessTypeOptions: [
         {
           label: '选项一',
@@ -1396,22 +474,19 @@
       ]
     }
   },
-  created() {},
   methods: {
-    taxRegisterCodeScanBeforeUpload(file) {
-      const isRightSize = file.size / 1024 / 1024 < 2
-      if (!isRightSize) {
-        this.$message.error('文件大小超过 2MB')
-      }
-      return isRightSize
-    },
     save: function() {
-      this.$refs.supplierBaseInfo.validateForm()
-      this.$refs.supplierCertInfo.validateForm()
-      console.log('baseInfo valid', this.$refs.supplierBaseInfo.baseInfoValid)
-      console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      console.log('certInfo valid', this.$refs.supplierCertInfo.certInfoValid)
-      console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
+      // this.$refs.supplierBaseInfo.validateForm()
+      // this.$refs.supplierCertInfo.validateForm()
+      this.$refs.supplierPersonInfo.validateForm()
+      // console.log('baseInfo valid', this.$refs.supplierBaseInfo.baseInfoValid)
+      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
+      // console.log('certInfo valid', this.$refs.supplierCertInfo.certInfoValid)
+      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
+      console.log('personInfo valid', this.$refs.supplierPersonInfo.personInfoValid)
+      console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
+
+      this.$message.success(this.$refs.supplierPersonInfo.personInfoValid + '')
     }
   }
 }

diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index bb02563..5351287 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -1,12 +1,12 @@
 <template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="100px">
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
         <el-form-item label="企业名称" prop="name">
           <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业类型" prop="companyType">
           <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
@@ -18,7 +18,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="6">
         <el-form-item label="企业性质" prop="companyNature">
           <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
             <el-option
@@ -45,7 +45,7 @@
         </el-form-item>
       </el-col>
 
-      <el-col :span="16">
+      <el-col :span="18">
         <el-form-item label="详细地址" prop="companyAddress">
           <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
             <el-option
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 234405f..ad72f65 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -17,471 +17,12 @@
       <cert-info ref="supplierCertInfo" />
     </div>
 
-<!--    <div class="information-from">-->
-<!--      <div class="from-title">-->
-<!--        联系人信息-->
-<!--      </div>-->
-<!--      <el-form-->
-<!--        ref="elForm2"-->
-<!--        :model="personInfo"-->
-<!--        :rules="rules2"-->
-<!--        size="medium"-->
-<!--        label-width="134px"-->
-<!--        style="margin-top: 20px"-->
-<!--      >-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="111px"-->
-<!--              label="法人代表姓名"-->
-<!--              prop="legalPersonName"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonName"-->
-<!--                placeholder="请输入法人代表姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label="法人代表证件类型"-->
-<!--              prop="legalPersonCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.legalPersonCertificateType"-->
-<!--                placeholder="请选择法人代表证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in legalPersonCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="法人代表证件号" prop="code">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonCertificateCode"-->
-<!--                placeholder="请输入法人代表证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="法人代表手机号" prop="legalPersonPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.legalPersonPhone"-->
-<!--                placeholder="请输入法人代表手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="5">-->
-<!--            <el-form-item-->
-<!--              label="法人代表证件上传"-->
-<!--              prop="legalPersonCertificateFrontScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="legalPersonCertificateFrontScan"-->
-<!--                :file-list="legalPersonCertificateFrontScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="legalPersonCertificateFrontScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="legalPersonCertificateFrontScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照正面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="0"-->
-<!--              prop="legalPersonCertificateBackScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="legalPersonCertificateBackScan"-->
-<!--                :file-list="legalPersonCertificateBackScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="legalPersonCertificateBackScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="legalPersonCertificateBackScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照背面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="业务负责人姓名" prop="businessLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderName"-->
-<!--                placeholder="请输入业务负责人姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="业务负责人证件类型"-->
-<!--              prop="businessLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.businessLeaderCertificateType"-->
-<!--                placeholder="请选择业务负责人证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in businessLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label="业务负责人证件号"-->
-<!--              prop="businessLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderCertificateCode"-->
-<!--                placeholder="请输入业务负责人证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.businessLeaderPhone"-->
-<!--                placeholder="请输入业务负责人手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="5">-->
-<!--            <el-form-item-->
-<!--              label-width="153px"-->
-<!--              label=" 业务负责人证件上传"-->
-<!--              prop="businessLeaderCertificateFrontScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="businessLeaderCertificateFrontScan"-->
-<!--                :file-list="businessLeaderCertificateFrontScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="businessLeaderCertificateFrontScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="businessLeaderCertificateFrontScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  点击上传-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="8">-->
-<!--            <el-form-item-->
-<!--              label-width="0"-->
-<!--              prop="businessLeaderCertificateBackScan"-->
-<!--              required-->
-<!--            >-->
-<!--              <el-upload-->
-<!--                ref="businessLeaderCertificateBackScan"-->
-<!--                :file-list="businessLeaderCertificateBackScanfileList"-->
-<!--                :auto-upload="false"-->
-<!--                :before-upload="businessLeaderCertificateBackScanBeforeUpload"-->
-<!--                accept="image/*"-->
-<!--                name="businessLeaderCertificateBackScan"-->
-<!--              >-->
-<!--                <el-button-->
-<!--                  size="small"-->
-<!--                  type="primary"-->
-<!--                  icon="el-icon-upload"-->
-<!--                >-->
-<!--                  证件照背面.jpg-->
-<!--                </el-button>-->
-<!--              </el-upload>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="备用联系人姓名" prop="backupPersonName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="140px"-->
-<!--              label=" 备用联系人手机号"-->
-<!--              prop="backupPersonPhone"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="备用联系人证件类型"-->
-<!--              prop="backupPersonCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.backupPersonCertificateType"-->
-<!--                placeholder="请选证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in backupPersonCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="备用联系人证件号"-->
-<!--              prop="backupPersonCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.backupPersonCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="技术负责人姓名" prop="technicalLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="140px"-->
-<!--              label=" 技术负责人手机号"-->
-<!--              prop="technicalLeaderPhone"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="技术负责人证件类型"-->
-<!--              prop="technicalLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.technicalLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in technicalLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="技术负责人证件号"-->
-<!--              prop="technicalLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.technicalLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="售后负责人姓名" prop="saleLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="售后负责人证件类型"-->
-<!--              prop="saleLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.saleLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in saleLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="售后负责人证件号"-->
-<!--              prop="saleLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.saleLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--        <el-row>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="财务负责人姓名" prop="financeLeaderName">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderName"-->
-<!--                placeholder="请输入姓名"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderPhone"-->
-<!--                placeholder="请输入手机号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label-width="148px"-->
-<!--              label="财务负责人证件类型"-->
-<!--              prop="financeLeaderCertificateType"-->
-<!--            >-->
-<!--              <el-select-->
-<!--                v-model="personInfo.financeLeaderCertificateType"-->
-<!--                placeholder="请选择证件类型"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              >-->
-<!--                <el-option-->
-<!--                  v-for="(item, index) in financeLeaderCertificateTypeOptions"-->
-<!--                  :key="index"-->
-<!--                  :label="item.label"-->
-<!--                  :value="item.value"-->
-<!--                  :disabled="item.disabled"-->
-<!--                />-->
-<!--              </el-select>-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--          <el-col :span="6">-->
-<!--            <el-form-item-->
-<!--              label="财务负责人证件号"-->
-<!--              prop="financeLeaderCertificateCode"-->
-<!--            >-->
-<!--              <el-input-->
-<!--                v-model="personInfo.financeLeaderCertificateCode"-->
-<!--                placeholder="请输入证件号"-->
-<!--                clearable-->
-<!--                :style="{ width: '100%' }"-->
-<!--              />-->
-<!--            </el-form-item>-->
-<!--          </el-col>-->
-<!--        </el-row>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        联系人信息
+      </div>
+      <person-info ref="supplierPersonInfo" />
+    </div>
 
 <!--    <div class="information-from">-->
 <!--      <div class="from-title">-->
@@ -858,8 +399,9 @@
 <script>
 import BaseInfo from '@/views/account/baseInfo'
 import CertInfo from '@/views/account/certInfo'
+import PersonInfo from '@/views/account/personInfo'
 export default {
-  components: { BaseInfo, CertInfo },
+  components: { BaseInfo, CertInfo, PersonInfo },
   data() {
     return {
       checked: false,
@@ -881,34 +423,7 @@
 
         },
         personInfo: {
-          legalPersonName: undefined,
-          legalPersonPhone: undefined,
-          legalPersonCertificateCode: undefined,
-          legalPersonCertificateType: undefined,
-          legalPersonCertificateFrontScan: null,
-          legalPersonCertificateBackScan: null,
-          businessLeaderName: undefined,
-          businessLeaderCertificateType: undefined,
-          businessLeaderCertificateCode: undefined,
-          businessLeaderPhone: undefined,
-          businessLeaderCertificateFrontScan: null,
-          businessLeaderCertificateBackScan: null,
-          backupPersonName: undefined,
-          backupPersonPhone: undefined,
-          backupPersonCertificateType: undefined,
-          backupPersonCertificateCode: undefined,
-          technicalLeaderName: undefined,
-          technicalLeaderPhone: undefined,
-          technicalLeaderCertificateType: undefined,
-          technicalLeaderCertificateCode: undefined,
-          saleLeaderName: undefined,
-          saleLeaderPhone: undefined,
-          saleLeaderCertificateType: undefined,
-          saleLeaderCertificateCode: undefined,
-          financeLeaderName: undefined,
-          financeLeaderPhone: undefined,
-          financeLeaderCertificateType: undefined,
-          financeLeaderCertificateCode: undefined
+
         },
         businessInfo: {
         },
@@ -917,443 +432,6 @@
         busDetailQualifyCertificates: []
       },
 
-      field102Options: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      companyNatureOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyProvinceOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyCityOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      companyAreaOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      rules1: {
-        threeCertificatesInOne: [
-          {
-            required: true,
-            message: '请选择是否三证合一',
-            trigger: 'change'
-          }
-        ],
-        unifiedSocialCreditCode: [
-          {
-            required: true,
-            message: '请输入统一社会信用代码',
-            trigger: 'blur'
-          }
-        ],
-        licenseRegisterNumber: [
-          {
-            required: true,
-            message: '请输入营业执照注册号',
-            trigger: 'blur'
-          }
-        ],
-        registerCapital: [
-          {
-            required: true,
-            message: '请输入注册资金',
-            trigger: 'blur'
-          }
-        ],
-        registerAddress: [
-          {
-            required: true,
-            message: '请输入注册地址',
-            trigger: 'blur'
-          }
-        ],
-        legalPerson: [
-          {
-            required: true,
-            message: '请输入法人代表',
-            trigger: 'blur'
-          }
-        ],
-        establishDate: [
-          {
-            required: true,
-            message: '请选择成立日期',
-            trigger: 'change'
-          }
-        ],
-        businessTerm: [
-          {
-            required: true,
-            message: '请输入营业期限',
-            trigger: 'blur'
-          }
-        ],
-        businessScope: [
-          {
-            required: true,
-            message: '请输入经营范围',
-            trigger: 'blur'
-          }
-        ],
-        organizeCode: [
-          {
-            required: true,
-            message: '请输入组织机构代码',
-            trigger: 'blur'
-          }
-        ],
-        taxpayerNature: [
-          {
-            required: true,
-            message: '请选择纳税人性质',
-            trigger: 'change'
-          }
-        ],
-        taxRegisterCode: [
-          {
-            required: true,
-            message: '请输入税务登记证号',
-            trigger: 'blur'
-          }
-        ]
-      },
-      taxRegisterCodeScanAction: 'https://jsonplaceholder.typicode.com/posts/',
-      taxRegisterCodeScanfileList: [],
-      threeCertificatesInOneOptions: [
-        {
-          label: '是',
-          value: 1
-        },
-        {
-          label: '否',
-          value: 2
-        }
-      ],
-      taxpayerNatureOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-
-      rules2: {
-        legalPersonName: [
-          {
-            required: true,
-            message: '请输入法人代表姓名',
-            trigger: 'blur'
-          }
-        ],
-        legalPersonCertificateType: [
-          {
-            required: true,
-            message: '请选择法人代表证件类型',
-            trigger: 'change'
-          }
-        ],
-        legalPersonCertificateCode: [
-          {
-            required: true,
-            message: '请输入法人代表证件号',
-            trigger: 'blur'
-          }
-        ],
-        legalPersonPhone: [
-          {
-            required: true,
-            message: '请输入法人代表手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderName: [
-          {
-            required: true,
-            message: '请输入业务负责人姓名',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择业务负责人证件类型',
-            trigger: 'change'
-          }
-        ],
-        businessLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入业务负责人证件号',
-            trigger: 'blur'
-          }
-        ],
-        businessLeaderPhone: [
-          {
-            required: true,
-            message: '请输入业务负责人手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        backupPersonCertificateType: [
-          {
-            required: true,
-            message: '请选证件类型',
-            trigger: 'change'
-          }
-        ],
-        backupPersonCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        technicalLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        technicalLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        saleLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        saleLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderName: [
-          {
-            required: true,
-            message: '请输入姓名',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderPhone: [
-          {
-            required: true,
-            message: '请输入手机号',
-            trigger: 'blur'
-          },
-          {
-            pattern:
-              /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$/,
-            message: '请输入正确的手机号',
-            trigger: 'blur'
-          }
-        ],
-        financeLeaderCertificateType: [
-          {
-            required: true,
-            message: '请选择证件类型',
-            trigger: 'change'
-          }
-        ],
-        financeLeaderCertificateCode: [
-          {
-            required: true,
-            message: '请输入证件号',
-            trigger: 'blur'
-          }
-        ]
-      },
-      legalPersonCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      businessLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      backupPersonCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      technicalLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      saleLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
-      financeLeaderCertificateTypeOptions: [
-        {
-          label: '选项一',
-          value: 1
-        },
-        {
-          label: '选项二',
-          value: 2
-        }
-      ],
       businessTypeOptions: [
         {
           label: '选项一',
@@ -1396,22 +474,19 @@
       ]
     }
   },
-  created() {},
   methods: {
-    taxRegisterCodeScanBeforeUpload(file) {
-      const isRightSize = file.size / 1024 / 1024 < 2
-      if (!isRightSize) {
-        this.$message.error('文件大小超过 2MB')
-      }
-      return isRightSize
-    },
     save: function() {
-      this.$refs.supplierBaseInfo.validateForm()
-      this.$refs.supplierCertInfo.validateForm()
-      console.log('baseInfo valid', this.$refs.supplierBaseInfo.baseInfoValid)
-      console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      console.log('certInfo valid', this.$refs.supplierCertInfo.certInfoValid)
-      console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
+      // this.$refs.supplierBaseInfo.validateForm()
+      // this.$refs.supplierCertInfo.validateForm()
+      this.$refs.supplierPersonInfo.validateForm()
+      // console.log('baseInfo valid', this.$refs.supplierBaseInfo.baseInfoValid)
+      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
+      // console.log('certInfo valid', this.$refs.supplierCertInfo.certInfoValid)
+      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
+      console.log('personInfo valid', this.$refs.supplierPersonInfo.personInfoValid)
+      console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
+
+      this.$message.success(this.$refs.supplierPersonInfo.personInfoValid + '')
     }
   }
 }
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
new file mode 100644
index 0000000..fb84eee
--- /dev/null
+++ b/src/views/account/personInfo.vue
@@ -0,0 +1,479 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label=" 业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: undefined,
+        legalPersonPhone: undefined,
+        legalPersonCertificateCode: undefined,
+        legalPersonCertificateType: undefined,
+        legalPersonCertificateFrontScan: null,
+        legalPersonCertificateBackScan: null,
+        businessLeaderName: undefined,
+        businessLeaderCertificateType: undefined,
+        businessLeaderCertificateCode: undefined,
+        businessLeaderPhone: undefined,
+        businessLeaderCertificateFrontScan: null,
+        businessLeaderCertificateBackScan: null,
+        backupPersonName: undefined,
+        backupPersonPhone: undefined,
+        backupPersonCertificateType: undefined,
+        backupPersonCertificateCode: undefined,
+        technicalLeaderName: undefined,
+        technicalLeaderPhone: undefined,
+        technicalLeaderCertificateType: undefined,
+        technicalLeaderCertificateCode: undefined,
+        saleLeaderName: undefined,
+        saleLeaderPhone: undefined,
+        saleLeaderCertificateType: undefined,
+        saleLeaderCertificateCode: undefined,
+        financeLeaderName: undefined,
+        financeLeaderPhone: undefined,
+        financeLeaderCertificateType: undefined,
+        financeLeaderCertificateCode: undefined
+      },
+      certificateTypeOptions: [],
+      legalPersonCertificateFrontScanFileList: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    // 文件上传
+    uploadLPIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleLPIDFrontScanFileRemove(file) {
+      this.personInfo.legalPersonCertificateFrontScan = ''
+      this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+    },
+    handleLPIDBackScanFileRemove(file) {
+      this.personInfo.legalPersonCertificateBackScan = ''
+      this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+    },
+    handleBLIDFrontScanFileRemove(file) {
+      this.personInfo.businessLeaderCertificateFrontScan = ''
+      this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    handleBLIDBackScanFileRemove(file) {
+      this.personInfo.businessLeaderCertificateBackScan = ''
+      this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    lPIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>