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/api/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
index 509c049..e0860ff 100644
--- a/src/views/account/personInfo.vue
+++ b/src/views/account/personInfo.vue
@@ -274,34 +274,34 @@
     }
     return {
       personInfo: {
-        legalPersonName: undefined,
-        legalPersonPhone: undefined,
-        legalPersonCertificateCode: undefined,
-        legalPersonCertificateType: undefined,
-        legalPersonCertificateFrontScan: null,
-        legalPersonCertificateBackScan: null,
-        businessLeaderName: undefined,
-        businessLeaderCertificateType: undefined,
-        businessLeaderCertificateCode: undefined,
-        businessLeaderPhone: undefined,
-        businessLeaderCertificateFrontScan: null,
-        businessLeaderCertificateBackScan: null,
-        backupPersonName: undefined,
-        backupPersonPhone: undefined,
-        backupPersonCertificateType: undefined,
-        backupPersonCertificateCode: undefined,
-        technicalLeaderName: undefined,
-        technicalLeaderPhone: undefined,
-        technicalLeaderCertificateType: undefined,
-        technicalLeaderCertificateCode: undefined,
-        saleLeaderName: undefined,
-        saleLeaderPhone: undefined,
-        saleLeaderCertificateType: undefined,
-        saleLeaderCertificateCode: undefined,
-        financeLeaderName: undefined,
-        financeLeaderPhone: undefined,
-        financeLeaderCertificateType: undefined,
-        financeLeaderCertificateCode: undefined
+        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: ''
       },
       certificateTypeOptions: [],
       legalPersonCertificateFrontScanFileList: [],
@@ -342,6 +342,46 @@
         this.personInfoValid = valid
       })
     },
+    clearForm() {
+      this.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: ''
+      }
+      this.legalPersonCertificateFrontScanFileList = []
+      this.legalPersonCertificateBackScanFileList = []
+      this.businessLeaderCertificateFrontScanFileList = []
+      this.businessLeaderCertificateBackScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.personInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLPIDFrontScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
@@ -354,6 +394,7 @@
           this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -369,6 +410,7 @@
           this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -384,6 +426,7 @@
           this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -399,6 +442,7 @@
           this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -406,18 +450,22 @@
     handleLPIDFrontScanFileRemove(file) {
       this.personInfo.legalPersonCertificateFrontScan = ''
       this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
     },
     handleLPIDBackScanFileRemove(file) {
       this.personInfo.legalPersonCertificateBackScan = ''
       this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
     },
     handleBLIDFrontScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateFrontScan = ''
       this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
     },
     handleBLIDBackScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateBackScan = ''
       this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
     },
     lPIDFrontScanFileExceed(file, fileList) {
       this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
index 509c049..e0860ff 100644
--- a/src/views/account/personInfo.vue
+++ b/src/views/account/personInfo.vue
@@ -274,34 +274,34 @@
     }
     return {
       personInfo: {
-        legalPersonName: undefined,
-        legalPersonPhone: undefined,
-        legalPersonCertificateCode: undefined,
-        legalPersonCertificateType: undefined,
-        legalPersonCertificateFrontScan: null,
-        legalPersonCertificateBackScan: null,
-        businessLeaderName: undefined,
-        businessLeaderCertificateType: undefined,
-        businessLeaderCertificateCode: undefined,
-        businessLeaderPhone: undefined,
-        businessLeaderCertificateFrontScan: null,
-        businessLeaderCertificateBackScan: null,
-        backupPersonName: undefined,
-        backupPersonPhone: undefined,
-        backupPersonCertificateType: undefined,
-        backupPersonCertificateCode: undefined,
-        technicalLeaderName: undefined,
-        technicalLeaderPhone: undefined,
-        technicalLeaderCertificateType: undefined,
-        technicalLeaderCertificateCode: undefined,
-        saleLeaderName: undefined,
-        saleLeaderPhone: undefined,
-        saleLeaderCertificateType: undefined,
-        saleLeaderCertificateCode: undefined,
-        financeLeaderName: undefined,
-        financeLeaderPhone: undefined,
-        financeLeaderCertificateType: undefined,
-        financeLeaderCertificateCode: undefined
+        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: ''
       },
       certificateTypeOptions: [],
       legalPersonCertificateFrontScanFileList: [],
@@ -342,6 +342,46 @@
         this.personInfoValid = valid
       })
     },
+    clearForm() {
+      this.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: ''
+      }
+      this.legalPersonCertificateFrontScanFileList = []
+      this.legalPersonCertificateBackScanFileList = []
+      this.businessLeaderCertificateFrontScanFileList = []
+      this.businessLeaderCertificateBackScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.personInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLPIDFrontScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
@@ -354,6 +394,7 @@
           this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -369,6 +410,7 @@
           this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -384,6 +426,7 @@
           this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -399,6 +442,7 @@
           this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -406,18 +450,22 @@
     handleLPIDFrontScanFileRemove(file) {
       this.personInfo.legalPersonCertificateFrontScan = ''
       this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
     },
     handleLPIDBackScanFileRemove(file) {
       this.personInfo.legalPersonCertificateBackScan = ''
       this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
     },
     handleBLIDFrontScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateFrontScan = ''
       this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
     },
     handleBLIDBackScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateBackScan = ''
       this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
     },
     lPIDFrontScanFileExceed(file, fileList) {
       this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/account/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>

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/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
index 509c049..e0860ff 100644
--- a/src/views/account/personInfo.vue
+++ b/src/views/account/personInfo.vue
@@ -274,34 +274,34 @@
     }
     return {
       personInfo: {
-        legalPersonName: undefined,
-        legalPersonPhone: undefined,
-        legalPersonCertificateCode: undefined,
-        legalPersonCertificateType: undefined,
-        legalPersonCertificateFrontScan: null,
-        legalPersonCertificateBackScan: null,
-        businessLeaderName: undefined,
-        businessLeaderCertificateType: undefined,
-        businessLeaderCertificateCode: undefined,
-        businessLeaderPhone: undefined,
-        businessLeaderCertificateFrontScan: null,
-        businessLeaderCertificateBackScan: null,
-        backupPersonName: undefined,
-        backupPersonPhone: undefined,
-        backupPersonCertificateType: undefined,
-        backupPersonCertificateCode: undefined,
-        technicalLeaderName: undefined,
-        technicalLeaderPhone: undefined,
-        technicalLeaderCertificateType: undefined,
-        technicalLeaderCertificateCode: undefined,
-        saleLeaderName: undefined,
-        saleLeaderPhone: undefined,
-        saleLeaderCertificateType: undefined,
-        saleLeaderCertificateCode: undefined,
-        financeLeaderName: undefined,
-        financeLeaderPhone: undefined,
-        financeLeaderCertificateType: undefined,
-        financeLeaderCertificateCode: undefined
+        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: ''
       },
       certificateTypeOptions: [],
       legalPersonCertificateFrontScanFileList: [],
@@ -342,6 +342,46 @@
         this.personInfoValid = valid
       })
     },
+    clearForm() {
+      this.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: ''
+      }
+      this.legalPersonCertificateFrontScanFileList = []
+      this.legalPersonCertificateBackScanFileList = []
+      this.businessLeaderCertificateFrontScanFileList = []
+      this.businessLeaderCertificateBackScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.personInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLPIDFrontScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
@@ -354,6 +394,7 @@
           this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -369,6 +410,7 @@
           this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -384,6 +426,7 @@
           this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -399,6 +442,7 @@
           this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -406,18 +450,22 @@
     handleLPIDFrontScanFileRemove(file) {
       this.personInfo.legalPersonCertificateFrontScan = ''
       this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
     },
     handleLPIDBackScanFileRemove(file) {
       this.personInfo.legalPersonCertificateBackScan = ''
       this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
     },
     handleBLIDFrontScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateFrontScan = ''
       this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
     },
     handleBLIDBackScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateBackScan = ''
       this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
     },
     lPIDFrontScanFileExceed(file, fileList) {
       this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/account/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
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/api/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
index 509c049..e0860ff 100644
--- a/src/views/account/personInfo.vue
+++ b/src/views/account/personInfo.vue
@@ -274,34 +274,34 @@
     }
     return {
       personInfo: {
-        legalPersonName: undefined,
-        legalPersonPhone: undefined,
-        legalPersonCertificateCode: undefined,
-        legalPersonCertificateType: undefined,
-        legalPersonCertificateFrontScan: null,
-        legalPersonCertificateBackScan: null,
-        businessLeaderName: undefined,
-        businessLeaderCertificateType: undefined,
-        businessLeaderCertificateCode: undefined,
-        businessLeaderPhone: undefined,
-        businessLeaderCertificateFrontScan: null,
-        businessLeaderCertificateBackScan: null,
-        backupPersonName: undefined,
-        backupPersonPhone: undefined,
-        backupPersonCertificateType: undefined,
-        backupPersonCertificateCode: undefined,
-        technicalLeaderName: undefined,
-        technicalLeaderPhone: undefined,
-        technicalLeaderCertificateType: undefined,
-        technicalLeaderCertificateCode: undefined,
-        saleLeaderName: undefined,
-        saleLeaderPhone: undefined,
-        saleLeaderCertificateType: undefined,
-        saleLeaderCertificateCode: undefined,
-        financeLeaderName: undefined,
-        financeLeaderPhone: undefined,
-        financeLeaderCertificateType: undefined,
-        financeLeaderCertificateCode: undefined
+        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: ''
       },
       certificateTypeOptions: [],
       legalPersonCertificateFrontScanFileList: [],
@@ -342,6 +342,46 @@
         this.personInfoValid = valid
       })
     },
+    clearForm() {
+      this.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: ''
+      }
+      this.legalPersonCertificateFrontScanFileList = []
+      this.legalPersonCertificateBackScanFileList = []
+      this.businessLeaderCertificateFrontScanFileList = []
+      this.businessLeaderCertificateBackScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.personInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLPIDFrontScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
@@ -354,6 +394,7 @@
           this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -369,6 +410,7 @@
           this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -384,6 +426,7 @@
           this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -399,6 +442,7 @@
           this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -406,18 +450,22 @@
     handleLPIDFrontScanFileRemove(file) {
       this.personInfo.legalPersonCertificateFrontScan = ''
       this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
     },
     handleLPIDBackScanFileRemove(file) {
       this.personInfo.legalPersonCertificateBackScan = ''
       this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
     },
     handleBLIDFrontScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateFrontScan = ''
       this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
     },
     handleBLIDBackScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateBackScan = ''
       this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
     },
     lPIDFrontScanFileExceed(file, fileList) {
       this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/account/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
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/api/supplier/supplier.js b/src/api/supplier/supplier.js
index e5a50b2..d8cbbce 100644
--- a/src/api/supplier/supplier.js
+++ b/src/api/supplier/supplier.js
@@ -65,7 +65,16 @@
   return instance.post('/supplierAnnualAssess/add', data)
 }
 
+// 新增供应商
+const addSupplierInfo = (data) => {
+  try {
+    return instance.post('/supplierInfo/add', data)
+  } catch (e) {
+    console.log(e)
+  }
+}
+
 export {
   S_list, listPage, i_list, historyInquiry, r_list, historyReview, e_list, historyEvaluate, a_list, historyAssess,
-  inquiryAdd, reviewAdd, evaluateAdd, assessAdd
+  inquiryAdd, reviewAdd, evaluateAdd, assessAdd, addSupplierInfo
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
index 527403d..03c8c37 100644
--- a/src/views/account/bankInfo.vue
+++ b/src/views/account/bankInfo.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="form-table">
-    <div style="margin-left: 20px">
+    <div>
       <el-table :data="busDetailBanks" class="el-tab" border size="small" header-cell-class-name="form-table-header">
         <el-table-column prop="index" label="序号" width="100"/>
         <el-table-column prop="accountName" label="账户名称" width="300"/>
@@ -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,24 +72,33 @@
       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: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
       this.bankDetail = {
         accountName: '',
         accountNumber: '',
+        depositBank: '',
         depositBankName: '',
         depositBankNumber: ''
       }
@@ -93,14 +109,19 @@
       })
     },
     saveData() {
-      const bank = {}
-      bank.index = this.busDetailBanks.length + 1
-      bank.accountName = this.bankDetail.accountName
-      bank.accountNumber = this.bankDetail.accountNumber
-      bank.depositBankName = this.bankDetail.depositBankName
-      bank.depositBankNumber = this.bankDetail.depositBankNumber
-      this.busDetailBanks.push(bank)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        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
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {
diff --git a/src/views/account/baseInfo.vue b/src/views/account/baseInfo.vue
index 5351287..10d6adb 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -2,15 +2,15 @@
   <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
     <el-row style="margin-top: 20px">
       <el-col :span="6">
-        <el-form-item label="企业名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入企业名称" clearable />
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyTypeOptions"
+              v-for="item in companyNatureOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -19,10 +19,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="6">
-        <el-form-item label="企业性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择企业性质" clearable :style="{ width: '100%' }">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
             <el-option
-              v-for="item in companyNatureOptions"
+              v-for="item in companyTypeOptions"
               :key="item.id"
               :label="item.name"
               :value="item.value"
@@ -222,6 +222,22 @@
       this.$refs.baseInfoForm.validate(valid => {
         this.baseInfoValid = valid
       })
+    },
+    clearForm() {
+      this.baseInfo = {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      }
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.baseInfoForm.clearValidate()
+      })
     }
   }
 }
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index 6ab9fc3..4f5cc42 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -33,7 +33,7 @@
     </el-row>
     <el-row>
       <div class="form-table">
-        <div style="margin-left: 20px">
+        <div>
           <el-table :data="busDetailBrands" class="el-tab" border size="small" header-cell-class-name="form-table-header">
             <el-table-column prop="index" label="序号" width="100"/>
             <el-table-column prop="brandName" label="品牌名称" width="250"/>
@@ -190,7 +190,8 @@
         brandAuthCertificateFilename: ''
       },
       dialogVisible: false,
-      businessInfoValid: false
+      businessInfoValid: false,
+      brandDetailValid: false
     }
   },
   mounted() {
@@ -225,6 +226,26 @@
         this.businessInfoValid = valid
       })
     },
+    clearForm() {
+      this.businessInfo = {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      }
+      this.busDetailBrands = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.businessInfoForm.clearValidate()
+      })
+    },
+    validateDialogForm() {
+      this.$refs.dataForm.validate(valid => {
+        this.brandDetailValid = valid
+      })
+    },
     showAddBrand() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -243,16 +264,19 @@
       })
     },
     saveData() {
-      const brand = {}
-      brand.index = this.busDetailBrands.length + 1
-      brand.brandName = this.brandDetail.brandName
-      brand.brandProperty = this.brandDetail.brandProperty
-      brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
-      brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
-      brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
-      brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
-      this.busDetailBrands.push(brand)
-      this.dialogVisible = false
+      this.validateDialogForm()
+      if (this.brandDetailValid === true) {
+        const brand = {}
+        brand.index = this.busDetailBrands.length + 1
+        brand.brandName = this.brandDetail.brandName
+        brand.brandProperty = this.brandDetail.brandProperty
+        brand.brandRegisterCertificate = this.brandDetail.brandRegisterCertificate
+        brand.brandRegisterCertificateFilename = this.brandDetail.brandRegisterCertificateFilename
+        brand.brandAuthCertificate = this.brandDetail.brandAuthCertificate
+        brand.brandAuthCertificateFilename = this.brandDetail.brandAuthCertificateFilename
+        this.busDetailBrands.push(brand)
+        this.dialogVisible = false
+      }
     },
     delBrandDetail(row) {
       for (const i in this.busDetailBrands) {
@@ -275,6 +299,7 @@
           this.brandRegistScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandRegisterCertificate = res.data.fileId
           this.brandDetail.brandRegisterCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandRegisterCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -291,6 +316,7 @@
           this.brandAuthScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.brandDetail.brandAuthCertificate = res.data.fileId
           this.brandDetail.brandAuthCertificateFilename = res.data.fileName
+          this.$refs.dataForm.validateField('brandAuthCertificate')
           this.$message.success('文件上传成功')
         }
       })
@@ -299,11 +325,13 @@
       this.brandDetail.brandRegisterCertificate = ''
       this.brandDetail.brandRegisterCertificateFilename = ''
       this.handleRemove(file, this.brandRegistScanFileList)
+      this.$refs.dataForm.validateField('brandRegisterCertificate')
     },
     handleBrandAuthScanFileRemove(file) {
       this.brandDetail.brandAuthCertificate = ''
       this.brandDetail.brandAuthCertificateFilename = ''
       this.handleRemove(file, this.brandAuthScanFileList)
+      this.$refs.dataForm.validateField('brandAuthCertificate')
     },
     brandRegistScanFileExceed(file, fileList) {
       this.handleExceed(file, this.brandRegistScanFileList)
@@ -358,7 +386,7 @@
 <style scoped lang="scss">
   .form-table {
     display: flex;
-    margin: 10px 20px 20px 20px;
+    margin: 0px 20px 20px 20px;
 
     .table-btn {
       margin-left: 100px;
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
index a8e6c99..97a6de7 100644
--- a/src/views/account/certInfo.vue
+++ b/src/views/account/certInfo.vue
@@ -176,6 +176,9 @@
           this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
         }
       }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
     }
   },
   data() {
@@ -206,20 +209,20 @@
     return {
       certInfo: {
         threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: undefined,
-        licenseRegisterNumber: undefined,
-        registerCapital: undefined,
-        registerAddress: undefined,
-        legalPerson: undefined,
-        establishDate: null,
-        businessTerm: undefined,
-        businessScope: undefined,
-        licenseScan: null,
-        organizeCode: undefined,
-        organizeCodeScan: null,
-        taxpayerNature: undefined,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
         taxRegisterCode: '',
-        taxRegisterCodeScan: null
+        taxRegisterCodeScan: ''
       },
       threeInOne: '1',
       yesOrNoOptions: [],
@@ -269,6 +272,32 @@
         this.certInfoValid = valid
       })
     },
+    clearForm() {
+      this.certInfo = {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      }
+      this.licenseScanFileList = []
+      this.organizeScanFileList = []
+      this.taxRegisterScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.certInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenseScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -281,6 +310,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.licenseScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -296,6 +326,7 @@
           this.organizeScanFileList = [] // 只保留一张图片或一个文件
           this.organizeScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.organizeCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('organizeCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -311,6 +342,7 @@
           this.taxRegisterScanFileList = [] // 只保留一张图片或一个文件
           this.taxRegisterScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.certInfo.taxRegisterCodeScan = res.data.fileId
+          this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -318,14 +350,17 @@
     handleLicenseScanFileRemove(file) {
       this.certInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.certInfoForm.validateField('licenseScan')
     },
     handleOrganizeScanFileRemove(file) {
       this.certInfo.organizeCodeScan = ''
       this.handleRemove(file, this.organizeScanFileList)
+      this.$refs.certInfoForm.validateField('organizeCodeScan')
     },
     handleTaxRegisterScanFileRemove(file) {
       this.certInfo.taxRegisterCodeScan = ''
       this.handleRemove(file, this.taxRegisterScanFileList)
+      this.$refs.certInfoForm.validateField('taxRegisterCodeScan')
     },
     licenseScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 4105a80..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">
@@ -14,7 +14,7 @@
       <div class="from-title">
         三证信息
       </div>
-      <cert-info ref="supplierCertInfo"/>
+      <cert-info ref="supplierCertInfo" @updateLegalPerson="cascadeUpdateLegalPerson"/>
     </div>
 
     <div class="information-from">
@@ -28,7 +28,7 @@
       <div class="from-title">
         业务信息
       </div>
-      <business-info ref="supplierBusinussInfo"/>
+      <business-info ref="supplierBusinessInfo"/>
     </div>
 
     <div class="information-from">
@@ -50,23 +50,6 @@
         银行账户信息
       </div>
       <bank-info ref="supplierBankInfo"/>
-      <!--        <div style="margin-left: 2px;margin-top:20px">-->
-      <!--          <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="">-->
-      <!--                <el-checkbox v-model="checked">-->
-      <!--                  是否启用-->
-      <!--                </el-checkbox>-->
-      <!--              </template>-->
-      <!--            </el-table-column>-->
-      <!--          </el-table>-->
-      <!--        </div>-->
     </div>
 
     <div class="information-from">
@@ -76,31 +59,12 @@
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-
-<!--        <div class="from-title">-->
-<!--          资质认证信息-->
-<!--        </div>-->
-<!--        <div class="from-table">-->
-<!--          <div style="margin-left: 2px;margin-top:20px">-->
-<!--            <el-table :data="tableData" border class="el-tab">-->
-<!--              <el-table-column prop="id" label="序号" width="100" />-->
-<!--              <el-table-column prop="name" label="资质要求名称" width="350" />-->
-<!--              <el-table-column prop="address" label="资质要求描述" width="550" />-->
-<!--              <el-table-column-->
-<!--                prop="address"-->
-<!--                label="资质要求材料上传"-->
-<!--                width="350"-->
-<!--              />-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--          <div>-->
-<!--            <el-button class="table-btn">-->
-<!--              添加资质要求-->
-<!--            </el-button>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </el-form>-->
-<!--    </div>-->
+    <div class="information-from">
+      <div class="from-title">
+        资质认证信息
+      </div>
+      <qualify-info ref="supplierQualifyInfo"/>
+    </div>
 
     <div class="btnBox">
       <el-button type="primary" class="save" style="background-color: #2483b3" @click="save">保存</el-button>
@@ -117,54 +81,273 @@
 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 { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
-      checked: false,
-      val: '',
       companyFormInfo: {
         baseInfo: {
-          supplierName: undefined,
-          supplierArea: undefined,
-          companyNature: undefined,
-          companyType: undefined,
-          companyProvince: undefined,
-          companyCity: undefined,
-          companyArea: undefined,
-          companyAddress: undefined
+          supplierName: '',
+          supplierArea: '',
+          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
     }
   },
   methods: {
+    cascadeUpdateLegalPerson(legalPerson) {
+      this.$refs.supplierPersonInfo.personInfo.legalPersonName = legalPerson
+    },
     save: function() {
-      // this.$refs.supplierBaseInfo.validateForm()
-      // this.$refs.supplierCertInfo.validateForm()
-      // this.$refs.supplierPersonInfo.validateForm()
-      // this.$refs.supplierOperationInfo.validateForm()
-      // this.$refs.supplierLicenceInfo.validateForm()
-      // this.$refs.supplierManSystemInfo.validateForm()
-      this.$refs.supplierBusinussInfo.validateForm()
-      // console.log('baseInfo object', this.$refs.supplierBaseInfo.baseInfo)
-      // console.log('certInfo object', this.$refs.supplierCertInfo.certInfo)
-      // console.log('personInfo object', this.$refs.supplierPersonInfo.personInfo)
-      // console.log('operInfo object', this.$refs.supplierOperationInfo.operationInfo)
-      // console.log(this.$refs.supplierLicenceInfo.licenceInfo)
-      // console.log(this.$refs.supplierManSystemInfo.manSystemInfo)
-      console.log(this.$refs.supplierBusinussInfo.businessInfo)
-      this.$message.success(this.$refs.supplierBusinussInfo.businessInfoValid + '')
+      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.supplierBusinessInfo.busDetailBrands
+      this.companyFormInfo.busDetailBanks = this.$refs.supplierBankInfo.busDetailBanks
+      this.companyFormInfo.busDetailQualifyCertificates = this.$refs.supplierQualifyInfo.busDetailQualifyCertificates
+
+      if (this.companyValid === true) {
+        addSupplierInfo(this.companyFormInfo).then(response => {
+          this.$message.success('新增供应商信息成功！')
+          this.clearSupplierInfoForm()
+        })
+      }
+    },
+    validateBaseForm() {
+      this.$refs.supplierBaseInfo.validateForm()
+      if (this.$refs.supplierBaseInfo.baseInfoValid === true) {
+        this.companyFormInfo.baseInfo.supplierName = this.$refs.supplierBaseInfo.baseInfo.name
+        this.companyFormInfo.baseInfo.supplierArea = this.$refs.supplierBaseInfo.baseInfo.area
+        this.companyFormInfo.baseInfo.companyNature = this.$refs.supplierBaseInfo.baseInfo.companyNature
+        this.companyFormInfo.baseInfo.companyType = this.$refs.supplierBaseInfo.baseInfo.companyType
+        this.companyFormInfo.baseInfo.companyProvince = this.$refs.supplierBaseInfo.baseInfo.companyProvince
+        this.companyFormInfo.baseInfo.companyCity = this.$refs.supplierBaseInfo.baseInfo.companyCity
+        this.companyFormInfo.baseInfo.companyArea = this.$refs.supplierBaseInfo.baseInfo.companyArea
+        this.companyFormInfo.baseInfo.companyAddress = this.$refs.supplierBaseInfo.baseInfo.companyAddress
+        return true
+      } else {
+        this.$message.error('基础信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateCertForm() {
+      this.$refs.supplierCertInfo.validateForm()
+      if (this.$refs.supplierCertInfo.certInfoValid === true) {
+        this.companyFormInfo.certificateInfo.threeCertificatesInOne = this.$refs.supplierCertInfo.certInfo.threeCertificatesInOne
+        this.companyFormInfo.certificateInfo.unifiedSocialCreditCode = this.$refs.supplierCertInfo.certInfo.unifiedSocialCreditCode
+        this.companyFormInfo.certificateInfo.licenseRegisterNumber = this.$refs.supplierCertInfo.certInfo.licenseRegisterNumber
+        this.companyFormInfo.certificateInfo.registerCapital = this.$refs.supplierCertInfo.certInfo.registerCapital
+        this.companyFormInfo.certificateInfo.registerAddress = this.$refs.supplierCertInfo.certInfo.registerAddress
+        this.companyFormInfo.certificateInfo.legalPerson = this.$refs.supplierCertInfo.certInfo.legalPerson
+        this.companyFormInfo.certificateInfo.establishDate = this.$refs.supplierCertInfo.certInfo.establishDate
+        this.companyFormInfo.certificateInfo.businessTerm = this.$refs.supplierCertInfo.certInfo.businessTerm
+        this.companyFormInfo.certificateInfo.businessScope = this.$refs.supplierCertInfo.certInfo.businessScope
+        this.companyFormInfo.certificateInfo.licenseScan = this.$refs.supplierCertInfo.certInfo.licenseScan
+        this.companyFormInfo.certificateInfo.organizeCode = this.$refs.supplierCertInfo.certInfo.organizeCode
+        this.companyFormInfo.certificateInfo.organizeCodeScan = this.$refs.supplierCertInfo.certInfo.organizeCodeScan
+        this.companyFormInfo.certificateInfo.taxpayerNature = this.$refs.supplierCertInfo.certInfo.taxpayerNature
+        this.companyFormInfo.certificateInfo.taxRegisterCode = this.$refs.supplierCertInfo.certInfo.taxRegisterCode
+        this.companyFormInfo.certificateInfo.taxRegisterCodeScan = this.$refs.supplierCertInfo.certInfo.taxRegisterCodeScan
+        return true
+      } else {
+        this.$message.error('三证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validatePersonForm() {
+      this.$refs.supplierPersonInfo.validateForm()
+      if (this.$refs.supplierPersonInfo.personInfoValid === true) {
+        this.companyFormInfo.personInfo.legalPersonName = this.$refs.supplierPersonInfo.personInfo.legalPersonName
+        this.companyFormInfo.personInfo.legalPersonPhone = this.$refs.supplierPersonInfo.personInfo.legalPersonPhone
+        this.companyFormInfo.personInfo.legalPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateCode
+        this.companyFormInfo.personInfo.legalPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateType
+        this.companyFormInfo.personInfo.legalPersonCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateFrontScan
+        this.companyFormInfo.personInfo.legalPersonCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.legalPersonCertificateBackScan
+        this.companyFormInfo.personInfo.businessLeaderName = this.$refs.supplierPersonInfo.personInfo.businessLeaderName
+        this.companyFormInfo.personInfo.businessLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateType
+        this.companyFormInfo.personInfo.businessLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateCode
+        this.companyFormInfo.personInfo.businessLeaderPhone = this.$refs.supplierPersonInfo.personInfo.businessLeaderPhone
+        this.companyFormInfo.personInfo.businessLeaderCertificateFrontScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateFrontScan
+        this.companyFormInfo.personInfo.businessLeaderCertificateBackScan = this.$refs.supplierPersonInfo.personInfo.businessLeaderCertificateBackScan
+        this.companyFormInfo.personInfo.backupPersonName = this.$refs.supplierPersonInfo.personInfo.backupPersonName
+        this.companyFormInfo.personInfo.backupPersonPhone = this.$refs.supplierPersonInfo.personInfo.backupPersonPhone
+        this.companyFormInfo.personInfo.backupPersonCertificateType = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateType
+        this.companyFormInfo.personInfo.backupPersonCertificateCode = this.$refs.supplierPersonInfo.personInfo.backupPersonCertificateCode
+        this.companyFormInfo.personInfo.technicalLeaderName = this.$refs.supplierPersonInfo.personInfo.technicalLeaderName
+        this.companyFormInfo.personInfo.technicalLeaderPhone = this.$refs.supplierPersonInfo.personInfo.technicalLeaderPhone
+        this.companyFormInfo.personInfo.technicalLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateType
+        this.companyFormInfo.personInfo.technicalLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.technicalLeaderCertificateCode
+        this.companyFormInfo.personInfo.saleLeaderName = this.$refs.supplierPersonInfo.personInfo.saleLeaderName
+        this.companyFormInfo.personInfo.saleLeaderPhone = this.$refs.supplierPersonInfo.personInfo.saleLeaderPhone
+        this.companyFormInfo.personInfo.saleLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateType
+        this.companyFormInfo.personInfo.saleLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.saleLeaderCertificateCode
+        this.companyFormInfo.personInfo.financeLeaderName = this.$refs.supplierPersonInfo.personInfo.financeLeaderName
+        this.companyFormInfo.personInfo.financeLeaderPhone = this.$refs.supplierPersonInfo.personInfo.financeLeaderPhone
+        this.companyFormInfo.personInfo.financeLeaderCertificateType = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateType
+        this.companyFormInfo.personInfo.financeLeaderCertificateCode = this.$refs.supplierPersonInfo.personInfo.financeLeaderCertificateCode
+        return true
+      } else {
+        this.$message.error('联系人校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateBusinessForm() {
+      this.$refs.supplierBusinessInfo.validateForm()
+      if (this.$refs.supplierBusinessInfo.businessInfoValid === true) {
+        this.companyFormInfo.businessInfo.businessType = this.$refs.supplierBusinessInfo.businessInfo.businessType
+        this.companyFormInfo.businessInfo.mainCategory = this.$refs.supplierBusinessInfo.businessInfo.mainCategory
+        this.companyFormInfo.businessInfo.businessNature = this.$refs.supplierBusinessInfo.businessInfo.businessNature
+        this.companyFormInfo.businessInfo.manageAddress = this.$refs.supplierBusinessInfo.businessInfo.manageAddress
+        this.companyFormInfo.businessInfo.officeNature = this.$refs.supplierBusinessInfo.businessInfo.officeNature
+        this.companyFormInfo.businessInfo.officeSpace = this.$refs.supplierBusinessInfo.businessInfo.officeSpace
+        return true
+      } else {
+        this.$message.error('业务信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateOperationForm() {
+      this.$refs.supplierOperationInfo.validateForm()
+      if (this.$refs.supplierOperationInfo.operationInfoValid === true) {
+        this.companyFormInfo.businessInfo.currentYear = this.$refs.supplierOperationInfo.operationInfo.currentYear
+        this.companyFormInfo.businessInfo.yearIncome = this.$refs.supplierOperationInfo.operationInfo.yearIncome
+        this.companyFormInfo.businessInfo.yearProfit = this.$refs.supplierOperationInfo.operationInfo.yearProfit
+        this.companyFormInfo.businessInfo.threeYearLiabilitiesTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLiabilitiesTable
+        this.companyFormInfo.businessInfo.threeYearLossTable = this.$refs.supplierOperationInfo.operationInfo.threeYearLossTable
+        this.companyFormInfo.businessInfo.threeYearFlowTable = this.$refs.supplierOperationInfo.operationInfo.threeYearFlowTable
+        return true
+      } else {
+        this.$message.error('经营信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateLicenceForm() {
+      this.$refs.supplierLicenceInfo.validateForm()
+      if (this.$refs.supplierLicenceInfo.licenceInfoValid === true) {
+        this.companyFormInfo.businessInfo.licenseName = this.$refs.supplierLicenceInfo.licenceInfo.licenseName
+        this.companyFormInfo.businessInfo.licenseTerm = this.$refs.supplierLicenceInfo.licenceInfo.licenseTerm
+        this.companyFormInfo.businessInfo.licenseScan = this.$refs.supplierLicenceInfo.licenceInfo.licenseScan
+        return true
+      } else {
+        this.$message.error('经营许可信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    validateManSystemForm() {
+      this.$refs.supplierManSystemInfo.validateForm()
+      if (this.$refs.supplierManSystemInfo.manSystemInfoValid === true) {
+        this.companyFormInfo.businessInfo.systemCertificateName = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateName
+        this.companyFormInfo.businessInfo.systemCertificateTerm = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateTerm
+        this.companyFormInfo.businessInfo.systemCertificateScan = this.$refs.supplierManSystemInfo.manSystemInfo.systemCertificateScan
+        return true
+      } else {
+        this.$message.error('管理体系认证信息校验未通过，请补充相关信息')
+        return false
+      }
+    },
+    clearSupplierInfoForm() {
+      this.$refs.supplierBaseInfo.clearForm()
+      this.$refs.supplierCertInfo.clearForm()
+      this.$refs.supplierPersonInfo.clearForm()
+      this.$refs.supplierBusinessInfo.clearForm()
+      this.$refs.supplierOperationInfo.clearForm()
+      this.$refs.supplierLicenceInfo.clearForm()
+      this.$refs.supplierManSystemInfo.clearForm()
+
+      this.companyFormInfo.busDetailQualifyCertificates = []
+      this.companyFormInfo.busDetailBrands = []
+      this.companyFormInfo.busDetailBanks = []
     }
   }
 }
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
index 365558b..e74e8aa 100644
--- a/src/views/account/licenceInfo.vue
+++ b/src/views/account/licenceInfo.vue
@@ -48,7 +48,7 @@
       licenceRules: {
         licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
         licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'blur' }]
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
       },
       licenceInfoValid: false
     }
@@ -59,6 +59,18 @@
         this.licenceInfoValid = valid
       })
     },
+    clearForm() {
+      this.licenceInfo = {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      }
+      this.licenseScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.licenceInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLicenceScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.licenseScanFileList)
@@ -71,6 +83,7 @@
           this.licenseScanFileList = [] // 只保留一张图片或一个文件
           this.licenseScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.licenceInfo.licenseScan = res.data.fileId
+          this.$refs.licenceInfoForm.validateField('licenseScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -78,6 +91,7 @@
     handleLicenceScanFileRemove(file) {
       this.licenceInfo.licenseScan = ''
       this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
     },
     licenceScanFileExceed(file, fileList) {
       this.handleExceed(file, this.licenseScanFileList)
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index a8a2190..3748058 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,67 +1,36 @@
 <template>
-  <div class="form-table">
-    <div style="margin-left: 20px">
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="systemCertificateName" label="管理体系认证名称" width="500"/>
-        <el-table-column prop="systemCertificateTerm" label="认证期限" width="300"/>
-        <el-table-column prop="systemCertificateScanFilename" label="扫描文件" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delManSystemDetail(scope.row)">
-              删除
+  <el-form ref="manSystemInfoForm" :model="manSystemInfo" :rules="manSystemRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="管理体系认证名称" prop="systemCertificateName">
+          <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
+          <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
+          <el-upload
+            ref="manSystemScanFileUpload"
+            action="action"
+            :file-list="systemCertificateScanFileList"
+            :http-request="uploadManSystemScanFile"
+            :on-remove="handleManSystemScanFileRemove"
+            :on-exceed="manSystemScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
             </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddManSystem">添加管理体系认证</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加管理体系认证" :close-on-click-modal="false" append-to-body>
-      <el-form ref="dataForm" :rules="manSystemRules" :model="manSystemInfo" label-well-code="right" label-width="150px">
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证名称" prop="systemCertificateName">
-              <el-input v-model="manSystemInfo.systemCertificateName" placeholder="请输入管理体系认证名称" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系认证期限" prop="systemCertificateTerm">
-              <el-input v-model="manSystemInfo.systemCertificateTerm" placeholder="请输入管理体系认证期限" clearable :style="{ width: '100%' }" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="18">
-            <el-form-item label="管理体系扫描件" prop="systemCertificateScan">
-              <el-upload
-                ref="manSystemScanFileUpload"
-                action="action"
-                :file-list="systemCertificateScanFileList"
-                :http-request="uploadManSystemScanFile"
-                :on-remove="handleManSystemScanFileRemove"
-                :on-exceed="manSystemScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
 </template>
 
 <script>
@@ -70,12 +39,10 @@
   name: 'ManSystemInfo',
   data() {
     return {
-      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -83,7 +50,6 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
-      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -93,40 +59,18 @@
         this.manSystemInfoValid = valid
       })
     },
-    showAddManSystem() {
-      this.dialogVisible = true
-      // 清除已有的内容
+    clearForm() {
       this.manSystemInfo = {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: '',
-        systemCertificateScanFilename: ''
+        systemCertificateScan: ''
       }
       this.systemCertificateScanFileList = []
-
+      // 清除验证
       this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
+        this.$refs.manSystemInfoForm.clearValidate()
       })
     },
-    saveData() {
-      const detail = {}
-      detail.index = this.busDetailQualifyCertificates.length + 1
-      detail.systemCertificateName = this.manSystemInfo.systemCertificateName
-      detail.systemCertificateTerm = this.manSystemInfo.systemCertificateTerm
-      detail.systemCertificateScan = this.manSystemInfo.systemCertificateScan
-      detail.systemCertificateScanFilename = this.manSystemInfo.systemCertificateScanFilename
-      this.busDetailQualifyCertificates.push(detail)
-      this.dialogVisible = false
-    },
-    delManSystemDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
     // 文件上传
     uploadManSystemScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
@@ -139,7 +83,7 @@
           this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
           this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.manSystemInfo.systemCertificateScanFilename = res.data.fileName
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -147,6 +91,7 @@
     handleManSystemScanFileRemove(file) {
       this.manSystemInfo.systemCertificateScan = ''
       this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
     },
     manSystemScanFileExceed(file, fileList) {
       this.handleExceed(file, this.systemCertificateScanFileList)
@@ -195,17 +140,6 @@
 }
 </script>
 
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
+<style scoped>
 
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
 </style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
index 47c4f80..6e70b6d 100644
--- a/src/views/account/operationInfo.vue
+++ b/src/views/account/operationInfo.vue
@@ -148,6 +148,23 @@
         this.operationInfoValid = valid
       })
     },
+    clearForm() {
+      this.operationInfo = {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      }
+      this.threeYearFlowFileList = []
+      this.threeYearLossFileList = []
+      this.threeYearLiabilitiesFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.operInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLiabilitiesScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.threeYearLiabilitiesFileList)
@@ -160,6 +177,7 @@
           this.threeYearLiabilitiesFileList = [] // 只保留一张图片或一个文件
           this.threeYearLiabilitiesFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLiabilitiesTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -175,6 +193,7 @@
           this.threeYearLossFileList = [] // 只保留一张图片或一个文件
           this.threeYearLossFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearLossTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearLossTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -190,6 +209,7 @@
           this.threeYearFlowFileList = [] // 只保留一张图片或一个文件
           this.threeYearFlowFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.operationInfo.threeYearFlowTable = res.data.fileId
+          this.$refs.operInfoForm.validateField('threeYearFlowTable')
           this.$message.success('文件上传成功')
         }
       })
@@ -197,14 +217,17 @@
     handleLiabilitiesScanFileRemove(file) {
       this.operationInfo.threeYearLiabilitiesTable = ''
       this.handleRemove(file, this.threeYearLiabilitiesFileList)
+      this.$refs.operInfoForm.validateField('threeYearLiabilitiesTable')
     },
     handleLossScanFileRemove(file) {
       this.operationInfo.threeYearLossTable = ''
       this.handleRemove(file, this.threeYearLossFileList)
+      this.$refs.operInfoForm.validateField('threeYearLossTable')
     },
     handleFlowScanFileRemove(file) {
       this.operationInfo.threeYearFlowTable = ''
       this.handleRemove(file, this.threeYearFlowFileList)
+      this.$refs.operInfoForm.validateField('threeYearFlowTable')
     },
     liabilitiesScanFileExceed(file, fileList) {
       this.handleExceed(file, this.threeYearLiabilitiesFileList)
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
index 509c049..e0860ff 100644
--- a/src/views/account/personInfo.vue
+++ b/src/views/account/personInfo.vue
@@ -274,34 +274,34 @@
     }
     return {
       personInfo: {
-        legalPersonName: undefined,
-        legalPersonPhone: undefined,
-        legalPersonCertificateCode: undefined,
-        legalPersonCertificateType: undefined,
-        legalPersonCertificateFrontScan: null,
-        legalPersonCertificateBackScan: null,
-        businessLeaderName: undefined,
-        businessLeaderCertificateType: undefined,
-        businessLeaderCertificateCode: undefined,
-        businessLeaderPhone: undefined,
-        businessLeaderCertificateFrontScan: null,
-        businessLeaderCertificateBackScan: null,
-        backupPersonName: undefined,
-        backupPersonPhone: undefined,
-        backupPersonCertificateType: undefined,
-        backupPersonCertificateCode: undefined,
-        technicalLeaderName: undefined,
-        technicalLeaderPhone: undefined,
-        technicalLeaderCertificateType: undefined,
-        technicalLeaderCertificateCode: undefined,
-        saleLeaderName: undefined,
-        saleLeaderPhone: undefined,
-        saleLeaderCertificateType: undefined,
-        saleLeaderCertificateCode: undefined,
-        financeLeaderName: undefined,
-        financeLeaderPhone: undefined,
-        financeLeaderCertificateType: undefined,
-        financeLeaderCertificateCode: undefined
+        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: ''
       },
       certificateTypeOptions: [],
       legalPersonCertificateFrontScanFileList: [],
@@ -342,6 +342,46 @@
         this.personInfoValid = valid
       })
     },
+    clearForm() {
+      this.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: ''
+      }
+      this.legalPersonCertificateFrontScanFileList = []
+      this.legalPersonCertificateBackScanFileList = []
+      this.businessLeaderCertificateFrontScanFileList = []
+      this.businessLeaderCertificateBackScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.personInfoForm.clearValidate()
+      })
+    },
     // 文件上传
     uploadLPIDFrontScanFile(file) {
       const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateFrontScanFileList)
@@ -354,6 +394,7 @@
           this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -369,6 +410,7 @@
           this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -384,6 +426,7 @@
           this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -399,6 +442,7 @@
           this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
           this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
           this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
           this.$message.success('文件上传成功')
         }
       })
@@ -406,18 +450,22 @@
     handleLPIDFrontScanFileRemove(file) {
       this.personInfo.legalPersonCertificateFrontScan = ''
       this.handleRemove(file, this.legalPersonCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
     },
     handleLPIDBackScanFileRemove(file) {
       this.personInfo.legalPersonCertificateBackScan = ''
       this.handleRemove(file, this.legalPersonCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
     },
     handleBLIDFrontScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateFrontScan = ''
       this.handleRemove(file, this.businessLeaderCertificateFrontScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
     },
     handleBLIDBackScanFileRemove(file) {
       this.personInfo.businessLeaderCertificateBackScan = ''
       this.handleRemove(file, this.businessLeaderCertificateBackScanFileList)
+      this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
     },
     lPIDFrontScanFileExceed(file, fileList) {
       this.handleExceed(file, this.legalPersonCertificateFrontScanFileList)
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/account/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
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 {