diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
new file mode 100644
index 0000000..527403d
--- /dev/null
+++ b/src/views/account/bankInfo.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="form-table">
+    <div style="margin-left: 20px">
+      <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"/>
+        <el-table-column prop="accountNumber" label="银行账号" width="300"/>
+        <el-table-column prop="depositBankName" label="开户行名称" width="300"/>
+        <el-table-column prop="depositBankNumber" label="开户行号" width="200"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delBankDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddBankAccount">添加银行账户</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加银行账户" :close-on-click-modal="false" append-to-body>
+      <el-form ref="dataForm" :rules="bankRules" :model="bankDetail" label-well-code="right" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="账户名称" prop="accountName">
+              <el-input v-model.trim="bankDetail.accountName" type="text" placeholder="请输入账户名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="银行账号" prop="accountNumber">
+              <el-input v-model.trim="bankDetail.accountNumber" type="text" placeholder="请输入银行账号"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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>
+
+export default {
+  name: 'BankInfo',
+  data() {
+    return {
+      busDetailBanks: [],
+      bankRules: {
+        accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
+        accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false
+    }
+  },
+  methods: {
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    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
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        if (this.busDetailBanks[i].index === row.index) {
+          this.busDetailBanks.splice(i, 1)
+          return
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .form-table {
+    display: flex;
+    margin: 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>

diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
new file mode 100644
index 0000000..527403d
--- /dev/null
+++ b/src/views/account/bankInfo.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="form-table">
+    <div style="margin-left: 20px">
+      <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"/>
+        <el-table-column prop="accountNumber" label="银行账号" width="300"/>
+        <el-table-column prop="depositBankName" label="开户行名称" width="300"/>
+        <el-table-column prop="depositBankNumber" label="开户行号" width="200"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delBankDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddBankAccount">添加银行账户</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加银行账户" :close-on-click-modal="false" append-to-body>
+      <el-form ref="dataForm" :rules="bankRules" :model="bankDetail" label-well-code="right" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="账户名称" prop="accountName">
+              <el-input v-model.trim="bankDetail.accountName" type="text" placeholder="请输入账户名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="银行账号" prop="accountNumber">
+              <el-input v-model.trim="bankDetail.accountNumber" type="text" placeholder="请输入银行账号"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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>
+
+export default {
+  name: 'BankInfo',
+  data() {
+    return {
+      busDetailBanks: [],
+      bankRules: {
+        accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
+        accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false
+    }
+  },
+  methods: {
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    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
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        if (this.busDetailBanks[i].index === row.index) {
+          this.busDetailBanks.splice(i, 1)
+          return
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .form-table {
+    display: flex;
+    margin: 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index dd19f51..6ab9fc3 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -52,7 +52,7 @@
         <div>
           <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
         </div>
-        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" append-to-body>
+        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" :close-on-click-modal="false" append-to-body>
           <el-form ref="dataForm" :rules="brandRules" :model="brandDetail" label-well-code="right" label-width="100px">
             <el-row :gutter="20">
               <el-col :span="12">
@@ -236,6 +236,11 @@
       }
       this.brandRegistScanFileList = []
       this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
     },
     saveData() {
       const brand = {}

diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
new file mode 100644
index 0000000..527403d
--- /dev/null
+++ b/src/views/account/bankInfo.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="form-table">
+    <div style="margin-left: 20px">
+      <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"/>
+        <el-table-column prop="accountNumber" label="银行账号" width="300"/>
+        <el-table-column prop="depositBankName" label="开户行名称" width="300"/>
+        <el-table-column prop="depositBankNumber" label="开户行号" width="200"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delBankDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddBankAccount">添加银行账户</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加银行账户" :close-on-click-modal="false" append-to-body>
+      <el-form ref="dataForm" :rules="bankRules" :model="bankDetail" label-well-code="right" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="账户名称" prop="accountName">
+              <el-input v-model.trim="bankDetail.accountName" type="text" placeholder="请输入账户名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="银行账号" prop="accountNumber">
+              <el-input v-model.trim="bankDetail.accountNumber" type="text" placeholder="请输入银行账号"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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>
+
+export default {
+  name: 'BankInfo',
+  data() {
+    return {
+      busDetailBanks: [],
+      bankRules: {
+        accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
+        accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false
+    }
+  },
+  methods: {
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    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
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        if (this.busDetailBanks[i].index === row.index) {
+          this.busDetailBanks.splice(i, 1)
+          return
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .form-table {
+    display: flex;
+    margin: 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index dd19f51..6ab9fc3 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -52,7 +52,7 @@
         <div>
           <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
         </div>
-        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" append-to-body>
+        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" :close-on-click-modal="false" append-to-body>
           <el-form ref="dataForm" :rules="brandRules" :model="brandDetail" label-well-code="right" label-width="100px">
             <el-row :gutter="20">
               <el-col :span="12">
@@ -236,6 +236,11 @@
       }
       this.brandRegistScanFileList = []
       this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
     },
     saveData() {
       const brand = {}
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 66e4128..4105a80 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -29,15 +29,6 @@
         业务信息
       </div>
       <business-info ref="supplierBusinussInfo"/>
-<!--      <el-form-->
-<!--        ref="elForm2"-->
-<!--        :model="personInfo"-->
-<!--        :rules="rules2"-->
-<!--        size="medium"-->
-<!--        label-width="134px"-->
-<!--        style="margin-top: 20px"-->
-<!--      >-->
-
     </div>
 
     <div class="information-from">
@@ -56,31 +47,35 @@
 
     <div class="information-from">
       <div class="from-title">
+        银行账户信息
+      </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">
+      <div class="from-title">
         管理体系认证信息
       </div>
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-<!--        <div class="from-title">-->
-<!--          银行账户信息-->
-<!--        </div>-->
-<!--        <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 class="from-title">-->
 <!--          资质认证信息-->
@@ -120,9 +115,10 @@
 import BusinessInfo from '@/views/account/businessInfo'
 import OperationInfo from '@/views/account/operationInfo'
 import LicenceInfo from '@/views/account/licenceInfo'
+import BankInfo from '@/views/account/bankInfo'
 import ManSystemInfo from '@/views/account/manSystemInfo'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
   data() {
     return {
       checked: false,

diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
new file mode 100644
index 0000000..527403d
--- /dev/null
+++ b/src/views/account/bankInfo.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="form-table">
+    <div style="margin-left: 20px">
+      <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"/>
+        <el-table-column prop="accountNumber" label="银行账号" width="300"/>
+        <el-table-column prop="depositBankName" label="开户行名称" width="300"/>
+        <el-table-column prop="depositBankNumber" label="开户行号" width="200"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delBankDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddBankAccount">添加银行账户</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加银行账户" :close-on-click-modal="false" append-to-body>
+      <el-form ref="dataForm" :rules="bankRules" :model="bankDetail" label-well-code="right" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="账户名称" prop="accountName">
+              <el-input v-model.trim="bankDetail.accountName" type="text" placeholder="请输入账户名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="银行账号" prop="accountNumber">
+              <el-input v-model.trim="bankDetail.accountNumber" type="text" placeholder="请输入银行账号"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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>
+
+export default {
+  name: 'BankInfo',
+  data() {
+    return {
+      busDetailBanks: [],
+      bankRules: {
+        accountName: [{ required: true, message: '请输入账户名称', trigger: 'blur' }],
+        accountNumber: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false
+    }
+  },
+  methods: {
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    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
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        if (this.busDetailBanks[i].index === row.index) {
+          this.busDetailBanks.splice(i, 1)
+          return
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .form-table {
+    display: flex;
+    margin: 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
index dd19f51..6ab9fc3 100644
--- a/src/views/account/businessInfo.vue
+++ b/src/views/account/businessInfo.vue
@@ -52,7 +52,7 @@
         <div>
           <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
         </div>
-        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" append-to-body>
+        <el-dialog :visible.sync="dialogVisible" title="添加主营品牌" :close-on-click-modal="false" append-to-body>
           <el-form ref="dataForm" :rules="brandRules" :model="brandDetail" label-well-code="right" label-width="100px">
             <el-row :gutter="20">
               <el-col :span="12">
@@ -236,6 +236,11 @@
       }
       this.brandRegistScanFileList = []
       this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
     },
     saveData() {
       const brand = {}
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index 66e4128..4105a80 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -29,15 +29,6 @@
         业务信息
       </div>
       <business-info ref="supplierBusinussInfo"/>
-<!--      <el-form-->
-<!--        ref="elForm2"-->
-<!--        :model="personInfo"-->
-<!--        :rules="rules2"-->
-<!--        size="medium"-->
-<!--        label-width="134px"-->
-<!--        style="margin-top: 20px"-->
-<!--      >-->
-
     </div>
 
     <div class="information-from">
@@ -56,31 +47,35 @@
 
     <div class="information-from">
       <div class="from-title">
+        银行账户信息
+      </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">
+      <div class="from-title">
         管理体系认证信息
       </div>
       <man-system-info ref="supplierManSystemInfo"/>
     </div>
 
-<!--        <div class="from-title">-->
-<!--          银行账户信息-->
-<!--        </div>-->
-<!--        <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 class="from-title">-->
 <!--          资质认证信息-->
@@ -120,9 +115,10 @@
 import BusinessInfo from '@/views/account/businessInfo'
 import OperationInfo from '@/views/account/operationInfo'
 import LicenceInfo from '@/views/account/licenceInfo'
+import BankInfo from '@/views/account/bankInfo'
 import ManSystemInfo from '@/views/account/manSystemInfo'
 export default {
-  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, ManSystemInfo },
+  components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo },
   data() {
     return {
       checked: false,
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
index 2bdf1de..a8a2190 100644
--- a/src/views/account/manSystemInfo.vue
+++ b/src/views/account/manSystemInfo.vue
@@ -1,36 +1,67 @@
 <template>
-  <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">
-              上传文件
+  <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-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
+          </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>
 </template>
 
 <script>
@@ -39,10 +70,12 @@
   name: 'ManSystemInfo',
   data() {
     return {
+      busDetailQualifyCertificates: [],
       manSystemInfo: {
         systemCertificateName: '',
         systemCertificateTerm: '',
-        systemCertificateScan: ''
+        systemCertificateScan: '',
+        systemCertificateScanFilename: ''
       },
       systemCertificateScanFileList: [],
       manSystemRules: {
@@ -50,6 +83,7 @@
         systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
         systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
       },
+      dialogVisible: false,
       manSystemInfoValid: false
     }
   },
@@ -59,6 +93,40 @@
         this.manSystemInfoValid = valid
       })
     },
+    showAddManSystem() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: '',
+        systemCertificateScanFilename: ''
+      }
+      this.systemCertificateScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.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)
@@ -71,6 +139,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.$message.success('文件上传成功')
         }
       })
@@ -126,6 +195,17 @@
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
 
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
 </style>