diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 5e4f75b..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -35,10 +35,17 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
+            <el-form-item label="开户行" prop="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="开户行名称" prop="depositBankName">
               <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="开户行号" prop="depositBankNumber">
               <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
@@ -65,11 +72,13 @@
       bankRules: {
         accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
         accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
         depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
       },
       bankDetail: {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       },
@@ -89,6 +98,7 @@
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -105,8 +115,10 @@
         bank.index = this.busDetailBanks.length + 1
         bank.accountName = this.bankDetail.accountName
         bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
         bank.depositBankName = this.bankDetail.depositBankName
         bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
         this.busDetailBanks.push(bank)
         this.dialogVisible = false
       }

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 5e4f75b..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -35,10 +35,17 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
+            <el-form-item label="开户行" prop="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="开户行名称" prop="depositBankName">
               <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="开户行号" prop="depositBankNumber">
               <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
@@ -65,11 +72,13 @@
       bankRules: {
         accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
         accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
         depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
       },
       bankDetail: {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       },
@@ -89,6 +98,7 @@
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -105,8 +115,10 @@
         bank.index = this.busDetailBanks.length + 1
         bank.accountName = this.bankDetail.accountName
         bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
         bank.depositBankName = this.bankDetail.depositBankName
         bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
         this.busDetailBanks.push(bank)
         this.dialogVisible = false
       }
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index a040ee2..c88bc93 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      供应商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
@@ -87,8 +87,6 @@
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
           supplierName: '',

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 5e4f75b..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -35,10 +35,17 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
+            <el-form-item label="开户行" prop="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="开户行名称" prop="depositBankName">
               <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="开户行号" prop="depositBankNumber">
               <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
@@ -65,11 +72,13 @@
       bankRules: {
         accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
         accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
         depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
       },
       bankDetail: {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       },
@@ -89,6 +98,7 @@
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -105,8 +115,10 @@
         bank.index = this.busDetailBanks.length + 1
         bank.accountName = this.bankDetail.accountName
         bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
         bank.depositBankName = this.bankDetail.depositBankName
         bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
         this.busDetailBanks.push(bank)
         this.dialogVisible = false
       }
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index a040ee2..c88bc93 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      供应商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
@@ -87,8 +87,6 @@
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
           supplierName: '',
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 201b1f8..61ab563 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -2,511 +2,357 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      经销商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
         基础信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位名称" placeholder="请输入单位名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="所在区域" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业地址" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="省/市" style="width:150px;margin-left: 55px;">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="市/区" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="县/街道" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue placeholder="请输入详细地址" class="inputWidth" width="440px" />
-        </div>
-      </div>
+      <base-info ref="dealerBaseInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         三证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="是否三证合一" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="统一社会信用代码" placeholder="三证合一为是可输入" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业执照注册号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册资金" placeholder="请输入注册资金" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册地址" placeholder="请输入注册地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表" placeholder="请输入法人代表" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="成立日期" class="inputWidth">
-            <el-date-picker v-model="datevalue" type="date" placeholder="请选择成立日期" style="width:380px" />
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业期限" placeholder="请输入营业期限" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营范围" placeholder="请输入经营范围" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="执照扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织机构代码" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织代码扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="纳税人性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="税务登记证号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item" style="width: 500px;">
-          <RedStar />
-          <inputVue title="税务登记扫描件" placeholder="扫描件.pdf" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+
+      <cert-info ref="dealerCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         联系人信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="备用联系人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="技术负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="售后负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="财务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
+      <person-info ref="dealerPersonInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         业务信息
       </div>
-      <div class="from-inputBox" style="margin: 10px 0px 10px 20px;">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务类别" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="主营品类" placeholder="请输入主营品类" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="150" />
-            <el-table-column prop="name" label="品牌名称" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="350" />
-            <el-table-column prop="address" label="品牌授权证明" width="400" />
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加主营品牌
-          </el-button>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营地址" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公场所性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公面积" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
+      <business-info ref="dealerBusinessInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度收入" placeholder="请输入上年度收入" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度利润" placeholder="请输入上年度利润" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年资产负债表" placeholder="资产负债表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年损益表" placeholder="损益表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年现金流量表" placeholder="现金流量表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+      <operation-info ref="dealerOperationInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营许可信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证名称" placeholder="请输入许可证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证期限" placeholder="请输入许可证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <licence-info ref="dealerLicenceInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         银行账户信息
       </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="55" />
-            <el-table-column prop="name" label="账户名称" width="200" />
-            <el-table-column prop="address" label="银行账号" width="200" />
-            <el-table-column prop="address" label="开户行" width="200" />
-            <el-table-column prop="address" label="开户行名称" width="300" />
-            <el-table-column prop="address" label="开户行行号" width="200" />
-            <el-table-column label="操作" width="200">
-              <template slot-scope="scope">
-                <el-checkbox v-model="checked">
-                  是否启用
-                </el-checkbox>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加银行账户
-          </el-button>
-        </div>
-      </div>
+      <bank-info ref="dealerBankInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         管理体系认证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证名称" placeholder="请输入管理体系认证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证期限" placeholder="请输入管理体系认证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <man-system-info ref="dealerManSystemInfo"/>
     </div>
+
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="dealerQualifyInfo"/>
+    </div>
+
     <div class="btnBox">
-      <el-button type="primary" class="save">
-        保存
-      </el-button>
-      <el-button type="info" class="close" @click="close">
-        取消
-      </el-button>
+      <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
     </div>
   </div>
 </template>
 
 <script>
-import RedStar from '../../components/mycomponent/redStar.vue'
-import inputVue from '../../components/mycomponent/input/inputVue.vue'
+import BaseInfo from '@/views/account/baseInfo'
+import CertInfo from '@/views/account/certInfo'
+import PersonInfo from '@/views/account/personInfo'
+import BusinessInfo from '@/views/account/businessInfo'
+import OperationInfo from '@/views/account/operationInfo'
+import LicenceInfo from '@/views/account/licenceInfo'
+import BankInfo from '@/views/account/bankInfo'
+import ManSystemInfo from '@/views/account/manSystemInfo'
+import QualifyInfo from '@/views/account/qualifyInfo'
+import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
   components: {
-    RedStar, inputVue
+    BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },
   data() {
     return {
-      checked: false,
-      datevalue: '',
-      val: '',
-      options: [
-        { value: '境内', label: '境内' }
-      ]
+      companyFormInfo: {
+        baseInfo: {
+          distributorName: '',
+          distributorArea: '',
+          companyNature: '',
+          companyType: '',
+          companyProvince: '',
+          companyCity: '',
+          companyArea: '',
+          companyAddress: ''
+        },
+        certificateInfo: {
+          threeCertificatesInOne: 1,
+          unifiedSocialCreditCode: '',
+          licenseRegisterNumber: '',
+          registerCapital: '',
+          registerAddress: '',
+          legalPerson: '',
+          establishDate: '',
+          businessTerm: '',
+          businessScope: '',
+          licenseScan: '',
+          organizeCode: '',
+          organizeCodeScan: '',
+          taxpayerNature: '',
+          taxRegisterCode: '',
+          taxRegisterCodeScan: ''
+        },
+        personInfo: {
+          legalPersonName: '',
+          legalPersonPhone: '',
+          legalPersonCertificateCode: '',
+          legalPersonCertificateType: '',
+          legalPersonCertificateFrontScan: '',
+          legalPersonCertificateBackScan: '',
+          businessLeaderName: '',
+          businessLeaderCertificateType: '',
+          businessLeaderCertificateCode: '',
+          businessLeaderPhone: '',
+          businessLeaderCertificateFrontScan: '',
+          businessLeaderCertificateBackScan: '',
+          backupPersonName: '',
+          backupPersonPhone: '',
+          backupPersonCertificateType: '',
+          backupPersonCertificateCode: '',
+          technicalLeaderName: '',
+          technicalLeaderPhone: '',
+          technicalLeaderCertificateType: '',
+          technicalLeaderCertificateCode: '',
+          saleLeaderName: '',
+          saleLeaderPhone: '',
+          saleLeaderCertificateType: '',
+          saleLeaderCertificateCode: '',
+          financeLeaderName: '',
+          financeLeaderPhone: '',
+          financeLeaderCertificateType: '',
+          financeLeaderCertificateCode: ''
+        },
+        businessInfo: {
+          businessType: '',
+          mainCategory: '',
+          businessNature: '',
+          manageAddress: '',
+          officeNature: '',
+          officeSpace: '',
+          currentYear: '',
+          yearIncome: '',
+          yearProfit: '',
+          threeYearLiabilitiesTable: '',
+          threeYearLossTable: '',
+          threeYearFlowTable: '',
+          licenseName: '',
+          licenseTerm: '',
+          licenseScan: '',
+          systemCertificateName: '',
+          systemCertificateTerm: '',
+          systemCertificateScan: ''
+        },
+        busDetailBrands: [],
+        busDetailBanks: [],
+        busDetailQualifyCertificates: []
+      },
+      companyValid: true
     }
   },
-  created() {
-
-  },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.dealerPersonInfo.personInfo.legalPersonName = legalPerson
+    },
+    save: function() {
+      this.companyValid = true
 
+      // 校验并赋值基础信息
+      this.companyValid = this.companyValid && this.validateBaseForm()
+      // 校验并赋值三证信息
+      this.companyValid = this.companyValid && this.validateCertForm()
+
+      // 校验并赋值联系人信息
+      this.companyValid = this.companyValid && this.validatePersonForm()
+
+      // 校验业务信息并赋值
+      this.companyValid = this.companyValid && this.validateBusinessForm()
+      this.companyValid = this.companyValid && this.validateOperationForm()
+      this.companyValid = this.companyValid && this.validateLicenceForm()
+      this.companyValid = this.companyValid && this.validateManSystemForm()
+
+      this.companyFormInfo.busDetailBrands = this.$refs.dealerBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.dealerBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.dealerQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addDistributorInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增经销商信息成功！')
+          this.clearDistributorInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.dealerBaseInfo.validateForm()
+      if (this.$refs.dealerBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.distributorName = this.$refs.dealerBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.distributorArea = this.$refs.dealerBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.dealerBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.dealerBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.dealerBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.dealerBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.dealerBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.dealerBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.dealerCertInfo.validateForm()
+      if (this.$refs.dealerCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.dealerCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.dealerCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.dealerCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.dealerCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.dealerCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.dealerCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.dealerCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.dealerCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.dealerCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.dealerCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.dealerCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.dealerCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.dealerCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.dealerCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.dealerCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.dealerPersonInfo.validateForm()
+      if (this.$refs.dealerPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.dealerPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.dealerPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.dealerPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.dealerPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.dealerPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.dealerPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.dealerPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.dealerPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.dealerPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.dealerPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.dealerPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.dealerPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.dealerBusinessInfo.validateForm()
+      if (this.$refs.dealerBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.dealerBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.dealerBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.dealerBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.dealerBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.dealerBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.dealerBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.dealerOperationInfo.validateForm()
+      if (this.$refs.dealerOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.dealerOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.dealerOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.dealerOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.dealerOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.dealerLicenceInfo.validateForm()
+      if (this.$refs.dealerLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.dealerLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.dealerLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.dealerLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.dealerManSystemInfo.validateForm()
+      if (this.$refs.dealerManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearDistributorInfoForm() {
+      this.$refs.dealerBaseInfo.clearForm()
+      this.$refs.dealerCertInfo.clearForm()
+      this.$refs.dealerPersonInfo.clearForm()
+      this.$refs.dealerBusinessInfo.clearForm()
+      this.$refs.dealerOperationInfo.clearForm()
+      this.$refs.dealerLicenceInfo.clearForm()
+      this.$refs.dealerManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
+    }
   }
 }
 </script>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 5e4f75b..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -35,10 +35,17 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
+            <el-form-item label="开户行" prop="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="开户行名称" prop="depositBankName">
               <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="开户行号" prop="depositBankNumber">
               <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
@@ -65,11 +72,13 @@
       bankRules: {
         accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
         accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
         depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
       },
       bankDetail: {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       },
@@ -89,6 +98,7 @@
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -105,8 +115,10 @@
         bank.index = this.busDetailBanks.length + 1
         bank.accountName = this.bankDetail.accountName
         bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
         bank.depositBankName = this.bankDetail.depositBankName
         bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
         this.busDetailBanks.push(bank)
         this.dialogVisible = false
       }
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index a040ee2..c88bc93 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      供应商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
@@ -87,8 +87,6 @@
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
           supplierName: '',
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 201b1f8..61ab563 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -2,511 +2,357 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      经销商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
         基础信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位名称" placeholder="请输入单位名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="所在区域" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业地址" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="省/市" style="width:150px;margin-left: 55px;">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="市/区" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="县/街道" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue placeholder="请输入详细地址" class="inputWidth" width="440px" />
-        </div>
-      </div>
+      <base-info ref="dealerBaseInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         三证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="是否三证合一" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="统一社会信用代码" placeholder="三证合一为是可输入" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业执照注册号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册资金" placeholder="请输入注册资金" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册地址" placeholder="请输入注册地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表" placeholder="请输入法人代表" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="成立日期" class="inputWidth">
-            <el-date-picker v-model="datevalue" type="date" placeholder="请选择成立日期" style="width:380px" />
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业期限" placeholder="请输入营业期限" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营范围" placeholder="请输入经营范围" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="执照扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织机构代码" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织代码扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="纳税人性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="税务登记证号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item" style="width: 500px;">
-          <RedStar />
-          <inputVue title="税务登记扫描件" placeholder="扫描件.pdf" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+
+      <cert-info ref="dealerCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         联系人信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="备用联系人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="技术负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="售后负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="财务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
+      <person-info ref="dealerPersonInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         业务信息
       </div>
-      <div class="from-inputBox" style="margin: 10px 0px 10px 20px;">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务类别" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="主营品类" placeholder="请输入主营品类" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="150" />
-            <el-table-column prop="name" label="品牌名称" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="350" />
-            <el-table-column prop="address" label="品牌授权证明" width="400" />
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加主营品牌
-          </el-button>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营地址" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公场所性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公面积" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
+      <business-info ref="dealerBusinessInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度收入" placeholder="请输入上年度收入" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度利润" placeholder="请输入上年度利润" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年资产负债表" placeholder="资产负债表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年损益表" placeholder="损益表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年现金流量表" placeholder="现金流量表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+      <operation-info ref="dealerOperationInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营许可信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证名称" placeholder="请输入许可证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证期限" placeholder="请输入许可证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <licence-info ref="dealerLicenceInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         银行账户信息
       </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="55" />
-            <el-table-column prop="name" label="账户名称" width="200" />
-            <el-table-column prop="address" label="银行账号" width="200" />
-            <el-table-column prop="address" label="开户行" width="200" />
-            <el-table-column prop="address" label="开户行名称" width="300" />
-            <el-table-column prop="address" label="开户行行号" width="200" />
-            <el-table-column label="操作" width="200">
-              <template slot-scope="scope">
-                <el-checkbox v-model="checked">
-                  是否启用
-                </el-checkbox>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加银行账户
-          </el-button>
-        </div>
-      </div>
+      <bank-info ref="dealerBankInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         管理体系认证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证名称" placeholder="请输入管理体系认证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证期限" placeholder="请输入管理体系认证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <man-system-info ref="dealerManSystemInfo"/>
     </div>
+
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="dealerQualifyInfo"/>
+    </div>
+
     <div class="btnBox">
-      <el-button type="primary" class="save">
-        保存
-      </el-button>
-      <el-button type="info" class="close" @click="close">
-        取消
-      </el-button>
+      <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
     </div>
   </div>
 </template>
 
 <script>
-import RedStar from '../../components/mycomponent/redStar.vue'
-import inputVue from '../../components/mycomponent/input/inputVue.vue'
+import BaseInfo from '@/views/account/baseInfo'
+import CertInfo from '@/views/account/certInfo'
+import PersonInfo from '@/views/account/personInfo'
+import BusinessInfo from '@/views/account/businessInfo'
+import OperationInfo from '@/views/account/operationInfo'
+import LicenceInfo from '@/views/account/licenceInfo'
+import BankInfo from '@/views/account/bankInfo'
+import ManSystemInfo from '@/views/account/manSystemInfo'
+import QualifyInfo from '@/views/account/qualifyInfo'
+import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
   components: {
-    RedStar, inputVue
+    BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },
   data() {
     return {
-      checked: false,
-      datevalue: '',
-      val: '',
-      options: [
-        { value: '境内', label: '境内' }
-      ]
+      companyFormInfo: {
+        baseInfo: {
+          distributorName: '',
+          distributorArea: '',
+          companyNature: '',
+          companyType: '',
+          companyProvince: '',
+          companyCity: '',
+          companyArea: '',
+          companyAddress: ''
+        },
+        certificateInfo: {
+          threeCertificatesInOne: 1,
+          unifiedSocialCreditCode: '',
+          licenseRegisterNumber: '',
+          registerCapital: '',
+          registerAddress: '',
+          legalPerson: '',
+          establishDate: '',
+          businessTerm: '',
+          businessScope: '',
+          licenseScan: '',
+          organizeCode: '',
+          organizeCodeScan: '',
+          taxpayerNature: '',
+          taxRegisterCode: '',
+          taxRegisterCodeScan: ''
+        },
+        personInfo: {
+          legalPersonName: '',
+          legalPersonPhone: '',
+          legalPersonCertificateCode: '',
+          legalPersonCertificateType: '',
+          legalPersonCertificateFrontScan: '',
+          legalPersonCertificateBackScan: '',
+          businessLeaderName: '',
+          businessLeaderCertificateType: '',
+          businessLeaderCertificateCode: '',
+          businessLeaderPhone: '',
+          businessLeaderCertificateFrontScan: '',
+          businessLeaderCertificateBackScan: '',
+          backupPersonName: '',
+          backupPersonPhone: '',
+          backupPersonCertificateType: '',
+          backupPersonCertificateCode: '',
+          technicalLeaderName: '',
+          technicalLeaderPhone: '',
+          technicalLeaderCertificateType: '',
+          technicalLeaderCertificateCode: '',
+          saleLeaderName: '',
+          saleLeaderPhone: '',
+          saleLeaderCertificateType: '',
+          saleLeaderCertificateCode: '',
+          financeLeaderName: '',
+          financeLeaderPhone: '',
+          financeLeaderCertificateType: '',
+          financeLeaderCertificateCode: ''
+        },
+        businessInfo: {
+          businessType: '',
+          mainCategory: '',
+          businessNature: '',
+          manageAddress: '',
+          officeNature: '',
+          officeSpace: '',
+          currentYear: '',
+          yearIncome: '',
+          yearProfit: '',
+          threeYearLiabilitiesTable: '',
+          threeYearLossTable: '',
+          threeYearFlowTable: '',
+          licenseName: '',
+          licenseTerm: '',
+          licenseScan: '',
+          systemCertificateName: '',
+          systemCertificateTerm: '',
+          systemCertificateScan: ''
+        },
+        busDetailBrands: [],
+        busDetailBanks: [],
+        busDetailQualifyCertificates: []
+      },
+      companyValid: true
     }
   },
-  created() {
-
-  },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.dealerPersonInfo.personInfo.legalPersonName = legalPerson
+    },
+    save: function() {
+      this.companyValid = true
 
+      // 校验并赋值基础信息
+      this.companyValid = this.companyValid && this.validateBaseForm()
+      // 校验并赋值三证信息
+      this.companyValid = this.companyValid && this.validateCertForm()
+
+      // 校验并赋值联系人信息
+      this.companyValid = this.companyValid && this.validatePersonForm()
+
+      // 校验业务信息并赋值
+      this.companyValid = this.companyValid && this.validateBusinessForm()
+      this.companyValid = this.companyValid && this.validateOperationForm()
+      this.companyValid = this.companyValid && this.validateLicenceForm()
+      this.companyValid = this.companyValid && this.validateManSystemForm()
+
+      this.companyFormInfo.busDetailBrands = this.$refs.dealerBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.dealerBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.dealerQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addDistributorInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增经销商信息成功！')
+          this.clearDistributorInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.dealerBaseInfo.validateForm()
+      if (this.$refs.dealerBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.distributorName = this.$refs.dealerBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.distributorArea = this.$refs.dealerBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.dealerBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.dealerBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.dealerBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.dealerBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.dealerBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.dealerBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.dealerCertInfo.validateForm()
+      if (this.$refs.dealerCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.dealerCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.dealerCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.dealerCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.dealerCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.dealerCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.dealerCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.dealerCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.dealerCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.dealerCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.dealerCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.dealerCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.dealerCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.dealerCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.dealerCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.dealerCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.dealerPersonInfo.validateForm()
+      if (this.$refs.dealerPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.dealerPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.dealerPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.dealerPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.dealerPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.dealerPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.dealerPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.dealerPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.dealerPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.dealerPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.dealerPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.dealerPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.dealerPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.dealerBusinessInfo.validateForm()
+      if (this.$refs.dealerBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.dealerBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.dealerBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.dealerBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.dealerBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.dealerBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.dealerBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.dealerOperationInfo.validateForm()
+      if (this.$refs.dealerOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.dealerOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.dealerOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.dealerOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.dealerOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.dealerLicenceInfo.validateForm()
+      if (this.$refs.dealerLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.dealerLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.dealerLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.dealerLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.dealerManSystemInfo.validateForm()
+      if (this.$refs.dealerManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearDistributorInfoForm() {
+      this.$refs.dealerBaseInfo.clearForm()
+      this.$refs.dealerCertInfo.clearForm()
+      this.$refs.dealerPersonInfo.clearForm()
+      this.$refs.dealerBusinessInfo.clearForm()
+      this.$refs.dealerOperationInfo.clearForm()
+      this.$refs.dealerLicenceInfo.clearForm()
+      this.$refs.dealerManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
+    }
   }
 }
 </script>
diff --git a/src/views/distributor/distributorList.vue b/src/views/distributor/distributorList.vue
index 690ddfd..a7ccb43 100644
--- a/src/views/distributor/distributorList.vue
+++ b/src/views/distributor/distributorList.vue
@@ -4,49 +4,18 @@
     <div class="productFun">
       <div class="productInput">
         经销商编号
-        <div class="inputBox" style="width: 120px">
-          <el-input
-            v-model="selectInfo.distributorCode"
-            placeholder="请输入编号"
-            clearable
-            class="product-input"
-          />
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.distributorCode" placeholder="请输入编号" clearable class="product-input"/>
         </div>
         经销商名称
-        <div class="inputBox" style="width: 144px">
-          <el-input
-            v-model="selectInfo.distributorName"
-            placeholder="请输入名称"
-            clearable
-            class="product-input"
-          />
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.distributorName" placeholder="请输入名称" clearable class="product-input"/>
         </div>
       </div>
       <div class="productBtn">
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          class="btnItem"
-          @click="selectData"
-        >
-          查询
-        </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-refresh-right"
-          class="btnItem"
-          @click="reset"
-        >
-          重置
-        </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-folder-opened"
-          class="btnItem"
-          @click="exportToExcel"
-        >
-          导出
-        </el-button>
+        <el-button type="primary" icon="el-icon-search" class="btnItem" @click="selectData">查询</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" class="btnItem" @click="reset">重置</el-button>
+        <el-button type="primary" icon="el-icon-folder-opened" class="btnItem" @click="reset">导出</el-button>
       </div>
     </div>
     <el-table
@@ -61,20 +30,15 @@
       :row-style="{ 'text-align': 'center' }"
       style="width: 100%"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
-      <el-table-column prop="index" label="序号" />
-      <el-table-column prop="distributorCode" label="经销商编号" />
-      <el-table-column prop="distributorName" label="经销商名称" />
-      <el-table-column prop="companyNature" label="单位性质" />
-      <el-table-column prop="companyType" label="企业类型" />
+      <el-table-column prop="index" width="100px" label="序号" />
+      <el-table-column prop="distributorCode" width="200px" label="经销商编号" />
+      <el-table-column prop="distributorName" width="400px" label="经销商名称" />
+      <el-table-column prop="companyNatureName" label="单位性质" />
+      <el-table-column prop="companyTypeName" label="企业类型" />
       <el-table-column prop="companyAddress" label="企业地址" />
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            size="small"
-            @click="showInfo(scope.row)"
-          >
+          <el-button type="text" size="small" @click="showInfo(scope.row)">
             详情
           </el-button>
           <!-- <el-button type="text" size="small">编辑</el-button> -->
@@ -89,13 +53,12 @@
 
 <script>
 // 组件
-import GroupPage from '../../components/mycomponent/groupPage.vue'
-import DistributorInfoDialog from '../../components/mycomponent/dialog/distributor/distributorInfoDialog.vue'
+import GroupPage from '@/components/mycomponent/groupPage.vue'
+import DistributorInfoDialog from '@/components/mycomponent/dialog/distributor/distributorInfoDialog.vue'
 // 逻辑
-import { tableRowClassName } from '../../utils/myUtils/changeTableTr'
-import { listMixin, elDataDialog } from '../../utils/myUtils/mixins/listPage'
-import { listPage } from '../../api/distributor/distributor'
-import { outToExcel } from '../../utils/myUtils/exportToExcel'
+import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
+import { listMixin, elDataDialog } from '@/utils/myUtils/mixins/listPage'
+import { listPage } from '@/api/distributor/distributor'
 export default { // 加入分页逻辑
   components: {
     GroupPage,
@@ -111,11 +74,14 @@
       }
     }
   },
+  mounted() {
+    this.getListPage()
+  },
   methods: {
     tableRowClassName: tableRowClassName,
     // 获取指定页面
-    getListPage(limit, offset) {
-      listPage(`limit=${limit}&offset=${offset}`, this.queryInfo).then(res => {
+    getListPage(limit = 10, offset = 1) {
+      listPage(`limit=${limit}&offset=${offset}`, this.selectInfo).then(res => {
       // 得到相关数据
         res.rows.forEach((item, index) => {
           item.index = (index + 1) + ((offset - 1) * 10)
@@ -128,11 +94,6 @@
         distributorCode: '',
         distributorName: ''
       }
-    },
-    exportToExcel() {
-      listPage('limit=1000000000&offset=1', {}).then(res => {
-        outToExcel(res.rows)
-      })
     }
   }
 }
@@ -153,7 +114,7 @@
     }
   }
   .productFun {
-    margin: 0px 0px 30px;
+    margin: 10px 20px;
     display: flex;
     justify-content: space-between;
     .productInput {

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 7a295db..6adc712 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -9,6 +9,10 @@
 const SelectList = () => {
   return instance.post(`/distributorInfo/list`, {})
 }
+
+const addDistributorInfo = (data) => {
+  return instance.post('/distributorInfo/add', data)
+}
 export {
-  SelectList, listPage
+  SelectList, listPage, addDistributorInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 5e4f75b..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -35,10 +35,17 @@
         </el-row>
         <el-row :gutter="20">
           <el-col :span="12">
+            <el-form-item label="开户行" prop="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="开户行名称" prop="depositBankName">
               <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="开户行号" prop="depositBankNumber">
               <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
@@ -65,11 +72,13 @@
       bankRules: {
         accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
         accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
         depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
       },
       bankDetail: {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       },
@@ -89,6 +98,7 @@
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -105,8 +115,10 @@
         bank.index = this.busDetailBanks.length + 1
         bank.accountName = this.bankDetail.accountName
         bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
         bank.depositBankName = this.bankDetail.depositBankName
         bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
         this.busDetailBanks.push(bank)
         this.dialogVisible = false
       }
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index a040ee2..c88bc93 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      供应商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
@@ -87,8 +87,6 @@
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
           supplierName: '',
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 201b1f8..61ab563 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -2,511 +2,357 @@
 <template>
   <div class="information-container">
     <div class="information-title">
-      信息填报
+      经销商信息填报
     </div>
     <div class="information-from">
       <div class="from-title">
         基础信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位名称" placeholder="请输入单位名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="所在区域" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="单位性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="企业地址" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="省/市" style="width:150px;margin-left: 55px;">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="市/区" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue title="" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="县/街道" style="width:150px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-          <inputVue placeholder="请输入详细地址" class="inputWidth" width="440px" />
-        </div>
-      </div>
+      <base-info ref="dealerBaseInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         三证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="是否三证合一" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="统一社会信用代码" placeholder="三证合一为是可输入" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业执照注册号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册资金" placeholder="请输入注册资金" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="注册地址" placeholder="请输入注册地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表" placeholder="请输入法人代表" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="成立日期" class="inputWidth">
-            <el-date-picker v-model="datevalue" type="date" placeholder="请选择成立日期" style="width:380px" />
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="营业期限" placeholder="请输入营业期限" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营范围" placeholder="请输入经营范围" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="执照扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织机构代码" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="组织代码扫描件" placeholder="扫描件.pdf" class="inputWidth" width="380px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="纳税人性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="税务登记证号" placeholder="三证合一将统一社会信用代码自动填充" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item" style="width: 500px;">
-          <RedStar />
-          <inputVue title="税务登记扫描件" placeholder="扫描件.pdf" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+
+      <cert-info ref="dealerCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         联系人信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="法人代表证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:350px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="350px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="350px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务负责人证件上传" placeholder="证件照正面.jpg" class="inputWidth" width="350px" />
-        </div>
-        <el-button type="text" style="margin-right: 5px;">
-          选择
-        </el-button>
-        <inputVue placeholder="证件照背面.jpg" class="inputWidth" width="350px" />
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="备用联系人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="备用联系人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="技术负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="技术负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="售后负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="售后负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <inputVue title="财务负责人姓名" placeholder="请输入姓名" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人手机号" placeholder="请输入手机号" class="inputWidth" width="200px" />
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件类型" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:200px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <inputVue title="财务负责人证件号" placeholder="请输入证件号" class="inputWidth" width="200px" />
-        </div>
-      </div>
+      <person-info ref="dealerPersonInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         业务信息
       </div>
-      <div class="from-inputBox" style="margin: 10px 0px 10px 20px;">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务类别" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="主营品类" placeholder="请输入主营品类" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="业务性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-      </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="150" />
-            <el-table-column prop="name" label="品牌名称" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="250" />
-            <el-table-column prop="address" label="品牌性质" width="350" />
-            <el-table-column prop="address" label="品牌授权证明" width="400" />
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加主营品牌
-          </el-button>
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="经营地址" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公场所性质" class="inputWidth">
-            <el-select v-model="val" clearable placeholder="请选择" style="width:380px">
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-          </inputVue>
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="办公面积" placeholder="请输入经营地址" class="inputWidth" width="380px" />
-        </div>
-      </div>
+      <business-info ref="dealerBusinessInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度收入" placeholder="请输入上年度收入" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="上年度利润" placeholder="请输入上年度利润" class="inputWidth" width="380px" />
-        </div>
-      </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年资产负债表" placeholder="资产负债表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年损益表" placeholder="损益表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="近三年现金流量表" placeholder="现金流量表.xlsx" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text">
-          选择
-        </el-button>
-      </div>
+      <operation-info ref="dealerOperationInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         经营许可信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证名称" placeholder="请输入许可证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证期限" placeholder="请输入许可证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="许可证扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <licence-info ref="dealerLicenceInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         银行账户信息
       </div>
-      <div class="from-table">
-        <div style="margin-left: 2px;">
-          <el-table :data="tableData" border class="el-tab">
-            <el-table-column prop="id" label="序号" width="55" />
-            <el-table-column prop="name" label="账户名称" width="200" />
-            <el-table-column prop="address" label="银行账号" width="200" />
-            <el-table-column prop="address" label="开户行" width="200" />
-            <el-table-column prop="address" label="开户行名称" width="300" />
-            <el-table-column prop="address" label="开户行行号" width="200" />
-            <el-table-column label="操作" width="200">
-              <template slot-scope="scope">
-                <el-checkbox v-model="checked">
-                  是否启用
-                </el-checkbox>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn">
-            添加银行账户
-          </el-button>
-        </div>
-      </div>
+      <bank-info ref="dealerBankInfo"/>
     </div>
+
     <div class="information-from">
       <div class="from-title">
         管理体系认证信息
       </div>
-      <div class="from-inputBox">
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证名称" placeholder="请输入管理体系认证名称" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系认证期限" placeholder="请输入管理体系认证期限" class="inputWidth" width="380px" />
-        </div>
-        <div class="input-item">
-          <RedStar />
-          <inputVue title="管理体系扫描件" placeholder="扫描件.pdf" class="inputWidth" width="300px" />
-        </div>
-        <el-button type="text" style="margin-right: 10px;">
-          选择
-        </el-button>
-      </div>
+      <man-system-info ref="dealerManSystemInfo"/>
     </div>
+
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="dealerQualifyInfo"/>
+    </div>
+
     <div class="btnBox">
-      <el-button type="primary" class="save">
-        保存
-      </el-button>
-      <el-button type="info" class="close" @click="close">
-        取消
-      </el-button>
+      <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
     </div>
   </div>
 </template>
 
 <script>
-import RedStar from '../../components/mycomponent/redStar.vue'
-import inputVue from '../../components/mycomponent/input/inputVue.vue'
+import BaseInfo from '@/views/account/baseInfo'
+import CertInfo from '@/views/account/certInfo'
+import PersonInfo from '@/views/account/personInfo'
+import BusinessInfo from '@/views/account/businessInfo'
+import OperationInfo from '@/views/account/operationInfo'
+import LicenceInfo from '@/views/account/licenceInfo'
+import BankInfo from '@/views/account/bankInfo'
+import ManSystemInfo from '@/views/account/manSystemInfo'
+import QualifyInfo from '@/views/account/qualifyInfo'
+import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
   components: {
-    RedStar, inputVue
+    BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },
   data() {
     return {
-      checked: false,
-      datevalue: '',
-      val: '',
-      options: [
-        { value: '境内', label: '境内' }
-      ]
+      companyFormInfo: {
+        baseInfo: {
+          distributorName: '',
+          distributorArea: '',
+          companyNature: '',
+          companyType: '',
+          companyProvince: '',
+          companyCity: '',
+          companyArea: '',
+          companyAddress: ''
+        },
+        certificateInfo: {
+          threeCertificatesInOne: 1,
+          unifiedSocialCreditCode: '',
+          licenseRegisterNumber: '',
+          registerCapital: '',
+          registerAddress: '',
+          legalPerson: '',
+          establishDate: '',
+          businessTerm: '',
+          businessScope: '',
+          licenseScan: '',
+          organizeCode: '',
+          organizeCodeScan: '',
+          taxpayerNature: '',
+          taxRegisterCode: '',
+          taxRegisterCodeScan: ''
+        },
+        personInfo: {
+          legalPersonName: '',
+          legalPersonPhone: '',
+          legalPersonCertificateCode: '',
+          legalPersonCertificateType: '',
+          legalPersonCertificateFrontScan: '',
+          legalPersonCertificateBackScan: '',
+          businessLeaderName: '',
+          businessLeaderCertificateType: '',
+          businessLeaderCertificateCode: '',
+          businessLeaderPhone: '',
+          businessLeaderCertificateFrontScan: '',
+          businessLeaderCertificateBackScan: '',
+          backupPersonName: '',
+          backupPersonPhone: '',
+          backupPersonCertificateType: '',
+          backupPersonCertificateCode: '',
+          technicalLeaderName: '',
+          technicalLeaderPhone: '',
+          technicalLeaderCertificateType: '',
+          technicalLeaderCertificateCode: '',
+          saleLeaderName: '',
+          saleLeaderPhone: '',
+          saleLeaderCertificateType: '',
+          saleLeaderCertificateCode: '',
+          financeLeaderName: '',
+          financeLeaderPhone: '',
+          financeLeaderCertificateType: '',
+          financeLeaderCertificateCode: ''
+        },
+        businessInfo: {
+          businessType: '',
+          mainCategory: '',
+          businessNature: '',
+          manageAddress: '',
+          officeNature: '',
+          officeSpace: '',
+          currentYear: '',
+          yearIncome: '',
+          yearProfit: '',
+          threeYearLiabilitiesTable: '',
+          threeYearLossTable: '',
+          threeYearFlowTable: '',
+          licenseName: '',
+          licenseTerm: '',
+          licenseScan: '',
+          systemCertificateName: '',
+          systemCertificateTerm: '',
+          systemCertificateScan: ''
+        },
+        busDetailBrands: [],
+        busDetailBanks: [],
+        busDetailQualifyCertificates: []
+      },
+      companyValid: true
     }
   },
-  created() {
-
-  },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.dealerPersonInfo.personInfo.legalPersonName = legalPerson
+    },
+    save: function() {
+      this.companyValid = true
 
+      // 校验并赋值基础信息
+      this.companyValid = this.companyValid && this.validateBaseForm()
+      // 校验并赋值三证信息
+      this.companyValid = this.companyValid && this.validateCertForm()
+
+      // 校验并赋值联系人信息
+      this.companyValid = this.companyValid && this.validatePersonForm()
+
+      // 校验业务信息并赋值
+      this.companyValid = this.companyValid && this.validateBusinessForm()
+      this.companyValid = this.companyValid && this.validateOperationForm()
+      this.companyValid = this.companyValid && this.validateLicenceForm()
+      this.companyValid = this.companyValid && this.validateManSystemForm()
+
+      this.companyFormInfo.busDetailBrands = this.$refs.dealerBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.dealerBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.dealerQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addDistributorInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增经销商信息成功！')
+          this.clearDistributorInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.dealerBaseInfo.validateForm()
+      if (this.$refs.dealerBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.distributorName = this.$refs.dealerBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.distributorArea = this.$refs.dealerBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.dealerBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.dealerBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.dealerBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.dealerBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.dealerBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.dealerBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.dealerCertInfo.validateForm()
+      if (this.$refs.dealerCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.dealerCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.dealerCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.dealerCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.dealerCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.dealerCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.dealerCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.dealerCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.dealerCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.dealerCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.dealerCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.dealerCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.dealerCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.dealerCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.dealerCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.dealerCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.dealerPersonInfo.validateForm()
+      if (this.$refs.dealerPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.dealerPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.dealerPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.dealerPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.dealerPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.dealerPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.dealerPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.dealerPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.dealerPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.dealerPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.dealerPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.dealerPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.dealerPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.dealerPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.dealerPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.dealerPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.dealerBusinessInfo.validateForm()
+      if (this.$refs.dealerBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.dealerBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.dealerBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.dealerBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.dealerBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.dealerBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.dealerBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.dealerOperationInfo.validateForm()
+      if (this.$refs.dealerOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.dealerOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.dealerOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.dealerOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.dealerOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.dealerOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.dealerLicenceInfo.validateForm()
+      if (this.$refs.dealerLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.dealerLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.dealerLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.dealerLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.dealerManSystemInfo.validateForm()
+      if (this.$refs.dealerManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.dealerManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearDistributorInfoForm() {
+      this.$refs.dealerBaseInfo.clearForm()
+      this.$refs.dealerCertInfo.clearForm()
+      this.$refs.dealerPersonInfo.clearForm()
+      this.$refs.dealerBusinessInfo.clearForm()
+      this.$refs.dealerOperationInfo.clearForm()
+      this.$refs.dealerLicenceInfo.clearForm()
+      this.$refs.dealerManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
+    }
   }
 }
 </script>
diff --git a/src/views/distributor/distributorList.vue b/src/views/distributor/distributorList.vue
index 690ddfd..a7ccb43 100644
--- a/src/views/distributor/distributorList.vue
+++ b/src/views/distributor/distributorList.vue
@@ -4,49 +4,18 @@
     <div class="productFun">
       <div class="productInput">
         经销商编号
-        <div class="inputBox" style="width: 120px">
-          <el-input
-            v-model="selectInfo.distributorCode"
-            placeholder="请输入编号"
-            clearable
-            class="product-input"
-          />
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.distributorCode" placeholder="请输入编号" clearable class="product-input"/>
         </div>
         经销商名称
-        <div class="inputBox" style="width: 144px">
-          <el-input
-            v-model="selectInfo.distributorName"
-            placeholder="请输入名称"
-            clearable
-            class="product-input"
-          />
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.distributorName" placeholder="请输入名称" clearable class="product-input"/>
         </div>
       </div>
       <div class="productBtn">
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          class="btnItem"
-          @click="selectData"
-        >
-          查询
-        </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-refresh-right"
-          class="btnItem"
-          @click="reset"
-        >
-          重置
-        </el-button>
-        <el-button
-          type="primary"
-          icon="el-icon-folder-opened"
-          class="btnItem"
-          @click="exportToExcel"
-        >
-          导出
-        </el-button>
+        <el-button type="primary" icon="el-icon-search" class="btnItem" @click="selectData">查询</el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" class="btnItem" @click="reset">重置</el-button>
+        <el-button type="primary" icon="el-icon-folder-opened" class="btnItem" @click="reset">导出</el-button>
       </div>
     </div>
     <el-table
@@ -61,20 +30,15 @@
       :row-style="{ 'text-align': 'center' }"
       style="width: 100%"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
-      <el-table-column prop="index" label="序号" />
-      <el-table-column prop="distributorCode" label="经销商编号" />
-      <el-table-column prop="distributorName" label="经销商名称" />
-      <el-table-column prop="companyNature" label="单位性质" />
-      <el-table-column prop="companyType" label="企业类型" />
+      <el-table-column prop="index" width="100px" label="序号" />
+      <el-table-column prop="distributorCode" width="200px" label="经销商编号" />
+      <el-table-column prop="distributorName" width="400px" label="经销商名称" />
+      <el-table-column prop="companyNatureName" label="单位性质" />
+      <el-table-column prop="companyTypeName" label="企业类型" />
       <el-table-column prop="companyAddress" label="企业地址" />
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            size="small"
-            @click="showInfo(scope.row)"
-          >
+          <el-button type="text" size="small" @click="showInfo(scope.row)">
             详情
           </el-button>
           <!-- <el-button type="text" size="small">编辑</el-button> -->
@@ -89,13 +53,12 @@
 
 <script>
 // 组件
-import GroupPage from '../../components/mycomponent/groupPage.vue'
-import DistributorInfoDialog from '../../components/mycomponent/dialog/distributor/distributorInfoDialog.vue'
+import GroupPage from '@/components/mycomponent/groupPage.vue'
+import DistributorInfoDialog from '@/components/mycomponent/dialog/distributor/distributorInfoDialog.vue'
 // 逻辑
-import { tableRowClassName } from '../../utils/myUtils/changeTableTr'
-import { listMixin, elDataDialog } from '../../utils/myUtils/mixins/listPage'
-import { listPage } from '../../api/distributor/distributor'
-import { outToExcel } from '../../utils/myUtils/exportToExcel'
+import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
+import { listMixin, elDataDialog } from '@/utils/myUtils/mixins/listPage'
+import { listPage } from '@/api/distributor/distributor'
 export default { // 加入分页逻辑
   components: {
     GroupPage,
@@ -111,11 +74,14 @@
       }
     }
   },
+  mounted() {
+    this.getListPage()
+  },
   methods: {
     tableRowClassName: tableRowClassName,
     // 获取指定页面
-    getListPage(limit, offset) {
-      listPage(`limit=${limit}&offset=${offset}`, this.queryInfo).then(res => {
+    getListPage(limit = 10, offset = 1) {
+      listPage(`limit=${limit}&offset=${offset}`, this.selectInfo).then(res => {
       // 得到相关数据
         res.rows.forEach((item, index) => {
           item.index = (index + 1) + ((offset - 1) * 10)
@@ -128,11 +94,6 @@
         distributorCode: '',
         distributorName: ''
       }
-    },
-    exportToExcel() {
-      listPage('limit=1000000000&offset=1', {}).then(res => {
-        outToExcel(res.rows)
-      })
     }
   }
 }
@@ -153,7 +114,7 @@
     }
   }
   .productFun {
-    margin: 0px 0px 30px;
+    margin: 10px 20px;
     display: flex;
     justify-content: space-between;
     .productInput {
diff --git a/src/views/supplier/supplierList.vue b/src/views/supplier/supplierList.vue
index 587afa3..ec37280 100644
--- a/src/views/supplier/supplierList.vue
+++ b/src/views/supplier/supplierList.vue
@@ -4,57 +4,41 @@
     <div class="productFun">
       <div class="productInput">
         供应商编号
-        <div class="inputBox" style="width: 120px">
-          <el-input
-            placeholder="请输入编号"
-            v-model="selectInfo.supplierCode"
-            clearable
-            class="product-input"
-          >
-          </el-input>
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.supplierCode" placeholder="请输入编号" clearable class="product-input" />
         </div>
         供应商名称
-        <div class="inputBox" style="width: 144px">
-          <el-input
-            placeholder="请输入名称"
-            v-model="selectInfo.supplierName"
-            clearable
-            class="product-input"
-          >
-          </el-input>
+        <div class="inputBox" style="width: 200px">
+          <el-input v-model="selectInfo.supplierName" placeholder="请输入名称" clearable class="product-input" />
         </div>
-        供应商
-        <div class="inputBox" style="width: 144px">
-          <input-vue title="商机状态" class="inputWidth">
-              <el-select
-                v-model="selectInfo.supplierStatus"
-                filterable
-                clearable
-                placeholder="商机状态"
-                style="width: 200px"
-              >
-                <el-option
-                  v-for="item in options"
-                  :key="item.supplierStatus"
-                  :label="item.supplierStatusName"
-                  :value="item.supplierStatus"
-                >
-                </el-option> </el-select
-            ></input-vue>
+        供应商状态
+        <div class="inputBox" style="width: 200px">
+          <input-vue title="供应商状态" class="inputWidth">
+            <el-select v-model="selectInfo.supplierStatus" clearable placeholder="供应商状态" style="width: 200px">
+              <el-option
+                v-for="item in supplierStatusOptions"
+                :key="item.id"
+                :label="item.name"
+                :value="item.value"
+              />
+            </el-select>
+          </input-vue>
         </div>
       </div>
       <div class="productBtn">
-        <el-button type="primary" icon="el-icon-search" class="btnItem"
-          @click="selectData">查询</el-button>
-        <el-button type="primary" icon="el-icon-refresh-right" class="btnItem"
-         @click="reset" >重置</el-button>
-         <el-button type="primary" icon="el-icon-folder-opened" class="btnItem"
-          @click="exportToExcel">导出</el-button
-        >
+        <el-button type="primary" icon="el-icon-search" class="btnItem" @click="selectData">
+          查询
+        </el-button>
+        <el-button type="primary" icon="el-icon-refresh-right" class="btnItem" @click="reset">
+          重置
+        </el-button>
+        <el-button type="primary" icon="el-icon-folder-opened" class="btnItem" @click="exportToExcel">
+          导出
+        </el-button>
       </div>
     </div>
     <el-table
-     ref="multipleTable"
+      ref="multipleTable"
       :data="tableData.rows"
       :row-class-name="tableRowClassName"
       :header-cell-style="{
@@ -65,101 +49,104 @@
       :row-style="{ 'text-align': 'center' }"
       style="width: 100%"
     >
-      <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
-      <el-table-column prop="index" label="序号"> </el-table-column>
-      <el-table-column prop="supplierCode" label="供应商编号"> </el-table-column>
-      <el-table-column prop="supplierName" label="供应商名称"> </el-table-column>
-      <el-table-column prop="supplierStatusName" label="供应商状态"> </el-table-column>
-      <el-table-column prop="preReviewResultName" label="资料预审结果"> </el-table-column>
-      <el-table-column prop="preReviewResult" label="录库评审结果"> </el-table-column>
-      <el-table-column prop="latestQuarterlyEvaluateResultName" label="最近赛季评价结果"> </el-table-column>
-      <el-table-column prop="inputReviewResultName" label="最新年度考核结果"> </el-table-column>
+      <el-table-column prop="index" width="100px" label="序号" />
+      <el-table-column prop="supplierCode" width="200px" label="供应商编号" />
+      <el-table-column prop="supplierName" width="400px" label="供应商名称" />
+      <el-table-column prop="supplierStatusName" label="供应商状态" />
+      <el-table-column prop="preReviewResultName" label="资料预审结果" />
+      <el-table-column prop="inputReviewResultName" label="录库评审结果" />
+      <el-table-column prop="latestQuarterlyEvaluateResultName" label="最近季度评价结果" />
+      <el-table-column prop="latestAnnualAssessResultName" label="最新年度考核结果" />
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button @click="handleClick(scope.row)" type="text" size="small"
-            >详情</el-button
-          >
+          <el-button type="text" size="small" @click="handleClick(scope.row)">
+            详情
+          </el-button>
           <!-- <el-button type="text" size="small">编辑</el-button> -->
         </template>
       </el-table-column>
     </el-table>
-   <!-- 分页组件 -->
-   <group-page :limit ="limit" :total="total" :offset="offset" :count="tableData.total" @setOffset="setOffset"  @setLimit ="setLimit" v-model="isFristPage" />
+    <!-- 分页组件 -->
+    <group-page v-model="isFristPage" :limit="limit" :total="total" :offset="offset" :count="tableData.total" @setOffset="setOffset" @setLimit="setLimit" />
     <!-- 新增弹框 -->
     <!-- <category-add-dialog  :isShowInfo="isShowAdd"  @close ="closeAdd"></category-add-dialog> -->
-    <supplier-info-dialog :isShowInfo="isShowAdd"  @close ="closeAdd" :dataInfo="dataInfo"></supplier-info-dialog>
-
+    <supplier-info-dialog :is-show-info="isShowAdd" :data-info="dataInfo" @close="closeAdd" />
   </div>
 </template>
 
 <script>
-//组件
-import GroupPage from '../../components/mycomponent/groupPage.vue';
-import SupplierInfoDialog from '../../components/mycomponent/dialog/salesDialog/supplierInfoDialog.vue';
-//逻辑
-import { tableRowClassName } from "../../utils/myUtils/changeTableTr";
-import { listMixin} from '../../utils/myUtils/mixins/listPage'
-import {  listPage,S_list} from '../../api/supplier/supplier'
-import { outToExcel } from '../../utils/myUtils/exportToExcel'
-export default {
-  mixins:[listMixin],  // 加入分页逻辑
+// 组件
+import GroupPage from '@/components/mycomponent/groupPage'
+import SupplierInfoDialog from '@/components/mycomponent/dialog/salesDialog/supplierInfoDialog'
+// 逻辑
+import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
+import { getDictByCode } from '@/api/system/dict'
+import { listMixin } from '@/utils/myUtils/mixins/listPage'
+import { listPage } from '@/api/supplier/supplier'
+import { outToExcel } from '@/utils/myUtils/exportToExcel'
+export default { // 加入分页逻辑
   components: {
     SupplierInfoDialog,
     GroupPage
   },
+  mixins: [listMixin],
   data() {
     return {
-      isShowAdd:false,//显示新增功能
-      selectInfo :{
-        supplierCode: "",
-        supplierName	:"",
-        supplierStatus	:""
+      isShowAdd: false, // 显示新增功能
+      selectInfo: {
+        supplierCode: '',
+        supplierName: '',
+        supplierStatus: ''
       },
-      options:[],
-      dataInfo:''
-    };
+      supplierStatusOptions: [],
+      dataInfo: ''
+    }
   },
-  mounted(){
-    S_list().then(res => {
-      console.log(res);
-      this.options =res
-    })
+  mounted() {
+    this.getSupplierStatusDict()
+    this.getListPage()
   },
   methods: {
     tableRowClassName: tableRowClassName,
-    closeAdd(){
-      this.isShowAdd=false
+    closeAdd() {
+      this.isShowAdd = false
     },
-    handleClick(row){
-      this.isShowAdd=true
+    handleClick(row) {
+      this.isShowAdd = true
 
       this.dataInfo = row
     },
-     // 获取指定页面
-     getListPage(limit,offset){
-
-      listPage(`limit=${limit}&offset=${offset}`,this.queryInfo).then(res => {
-      // 得到相关数据
-      res.rows.forEach((item,index)=>{
-        item.index =(index+1)+((offset-1)*10)
+    getSupplierStatusDict() {
+      getDictByCode('supplierStatus').then(response => {
+        if (response.code === 200) {
+          this.supplierStatusOptions = response.data
+        }
       })
-      this.tableData = res
-     })
     },
-    reset(){
-      this.selectInfo ={
-        distributorCode: "",
-        distributorName	:""
+    // 获取指定页面
+    getListPage(limit, offset) {
+      listPage(`limit=${limit}&offset=${offset}`, this.queryInfo).then(res => {
+      // 得到相关数据
+        res.rows.forEach((item, index) => {
+          item.index = (index + 1) + ((offset - 1) * 10)
+        })
+        this.tableData = res
+      })
+    },
+    reset() {
+      this.selectInfo = {
+        distributorCode: '',
+        distributorName: ''
       }
     },
-    exportToExcel(){
+    exportToExcel() {
       listPage('limit=1000000000&offset=1', {}).then(res => {
         outToExcel(res.rows)
       })
     }
 
-  },
-};
+  }
+}
 </script>
 
 <style lang="scss" scoped>
@@ -177,7 +164,7 @@
     }
   }
   .productFun {
-    margin: 0px 0px 30px;
+    margin: 10px 20px;
     display: flex;
     justify-content: space-between;
     .productInput {