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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
     },
     delBankDetail(row) {
       for (const i in this.busDetailBanks) {

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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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/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..5e4f75b 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"/>
@@ -73,10 +73,16 @@
         depositBankName: '',
         depositBankNumber: ''
       },
-      dialogVisible: false
+      dialogVisible: false,
+      bankDetailValid: false
     }
   },
   methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
     showAddBankAccount() {
       this.dialogVisible = true
       // 清除已有的内容
@@ -93,14 +99,17 @@
       })
     },
     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.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        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..ad63122 100644
--- a/src/views/account/baseInfo.vue
+++ b/src/views/account/baseInfo.vue
@@ -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..a040ee2 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -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,275 @@
 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>