diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
new file mode 100644
index 0000000..02a6d43
--- /dev/null
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="法人代表姓名">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件">{{ personInfo.legalPersonCertificateTypeName }}  {{ personInfo.legalPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="业务负责人姓名">{{ personInfo.businessLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人手机号">{{ personInfo.businessLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人证件">{{ personInfo.businessLeaderCertificateTypeName }}  {{ personInfo.businessLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="备用联系人姓名">{{ personInfo.backupPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人手机号">{{ personInfo.backupPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人手机号">{{ personInfo.technicalLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人证件">{{ personInfo.technicalLeaderCertificateTypeName }}  {{ personInfo.technicalLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="售后负责人姓名">{{ personInfo.saleLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人手机号">{{ personInfo.saleLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人证件">{{ personInfo.saleLeaderCertificateTypeName }}  {{ personInfo.saleLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="财务负责人姓名">{{ personInfo.financeLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人手机号">{{ personInfo.financeLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人证件">{{ personInfo.financeLeaderCertificateTypeName }}  {{ personInfo.financeLeaderCertificateCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="3">
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateFrontScan" :disabled="personInfo.legalPersonCertificateFrontScan === '#'" type="primary" target="_blank">法人代表证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateBackScan" :disabled="personInfo.legalPersonCertificateBackScan === '#'" type="primary" target="_blank">法人代表证件照背面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateFrontScan" :disabled="personInfo.businessLeaderCertificateFrontScan === '#'" type="primary" target="_blank">业务负责人证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateBackScan" :disabled="personInfo.businessLeaderCertificateBackScan === '#'" type="primary" target="_blank">业务负责人证件照背面</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PersonInfoDetail',
+  data() {
+    return {
+      personInfo: {
+        legalPersonName: '',
+        legalPersonPhone: '',
+        legalPersonCertificateCode: '',
+        legalPersonCertificateTypeName: '',
+        legalPersonCertificateFrontScan: '#',
+        legalPersonCertificateBackScan: '#',
+        businessLeaderName: '',
+        businessLeaderCertificateTypeName: '',
+        businessLeaderCertificateCode: '',
+        businessLeaderPhone: '',
+        businessLeaderCertificateFrontScan: '#',
+        businessLeaderCertificateBackScan: '#',
+        backupPersonName: '',
+        backupPersonPhone: '',
+        backupPersonCertificateTypeName: '',
+        backupPersonCertificateCode: '',
+        technicalLeaderName: '',
+        technicalLeaderPhone: '',
+        technicalLeaderCertificateTypeName: '',
+        technicalLeaderCertificateCode: '',
+        saleLeaderName: '',
+        saleLeaderPhone: '',
+        saleLeaderCertificateTypeName: '',
+        saleLeaderCertificateCode: '',
+        financeLeaderName: '',
+        financeLeaderPhone: '',
+        financeLeaderCertificateTypeName: '',
+        financeLeaderCertificateCode: ''
+      },
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showPersonDetail(person) {
+      this.personInfo = person
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
new file mode 100644
index 0000000..02a6d43
--- /dev/null
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="法人代表姓名">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件">{{ personInfo.legalPersonCertificateTypeName }}  {{ personInfo.legalPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="业务负责人姓名">{{ personInfo.businessLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人手机号">{{ personInfo.businessLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人证件">{{ personInfo.businessLeaderCertificateTypeName }}  {{ personInfo.businessLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="备用联系人姓名">{{ personInfo.backupPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人手机号">{{ personInfo.backupPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人手机号">{{ personInfo.technicalLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人证件">{{ personInfo.technicalLeaderCertificateTypeName }}  {{ personInfo.technicalLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="售后负责人姓名">{{ personInfo.saleLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人手机号">{{ personInfo.saleLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人证件">{{ personInfo.saleLeaderCertificateTypeName }}  {{ personInfo.saleLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="财务负责人姓名">{{ personInfo.financeLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人手机号">{{ personInfo.financeLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人证件">{{ personInfo.financeLeaderCertificateTypeName }}  {{ personInfo.financeLeaderCertificateCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="3">
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateFrontScan" :disabled="personInfo.legalPersonCertificateFrontScan === '#'" type="primary" target="_blank">法人代表证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateBackScan" :disabled="personInfo.legalPersonCertificateBackScan === '#'" type="primary" target="_blank">法人代表证件照背面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateFrontScan" :disabled="personInfo.businessLeaderCertificateFrontScan === '#'" type="primary" target="_blank">业务负责人证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateBackScan" :disabled="personInfo.businessLeaderCertificateBackScan === '#'" type="primary" target="_blank">业务负责人证件照背面</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PersonInfoDetail',
+  data() {
+    return {
+      personInfo: {
+        legalPersonName: '',
+        legalPersonPhone: '',
+        legalPersonCertificateCode: '',
+        legalPersonCertificateTypeName: '',
+        legalPersonCertificateFrontScan: '#',
+        legalPersonCertificateBackScan: '#',
+        businessLeaderName: '',
+        businessLeaderCertificateTypeName: '',
+        businessLeaderCertificateCode: '',
+        businessLeaderPhone: '',
+        businessLeaderCertificateFrontScan: '#',
+        businessLeaderCertificateBackScan: '#',
+        backupPersonName: '',
+        backupPersonPhone: '',
+        backupPersonCertificateTypeName: '',
+        backupPersonCertificateCode: '',
+        technicalLeaderName: '',
+        technicalLeaderPhone: '',
+        technicalLeaderCertificateTypeName: '',
+        technicalLeaderCertificateCode: '',
+        saleLeaderName: '',
+        saleLeaderPhone: '',
+        saleLeaderCertificateTypeName: '',
+        saleLeaderCertificateCode: '',
+        financeLeaderName: '',
+        financeLeaderPhone: '',
+        financeLeaderCertificateTypeName: '',
+        financeLeaderCertificateCode: ''
+      },
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showPersonDetail(person) {
+      this.personInfo = person
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/qualifyInfo.vue b/src/views/companyDetail/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/companyDetail/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
new file mode 100644
index 0000000..02a6d43
--- /dev/null
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="法人代表姓名">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件">{{ personInfo.legalPersonCertificateTypeName }}  {{ personInfo.legalPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="业务负责人姓名">{{ personInfo.businessLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人手机号">{{ personInfo.businessLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人证件">{{ personInfo.businessLeaderCertificateTypeName }}  {{ personInfo.businessLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="备用联系人姓名">{{ personInfo.backupPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人手机号">{{ personInfo.backupPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人手机号">{{ personInfo.technicalLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人证件">{{ personInfo.technicalLeaderCertificateTypeName }}  {{ personInfo.technicalLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="售后负责人姓名">{{ personInfo.saleLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人手机号">{{ personInfo.saleLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人证件">{{ personInfo.saleLeaderCertificateTypeName }}  {{ personInfo.saleLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="财务负责人姓名">{{ personInfo.financeLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人手机号">{{ personInfo.financeLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人证件">{{ personInfo.financeLeaderCertificateTypeName }}  {{ personInfo.financeLeaderCertificateCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="3">
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateFrontScan" :disabled="personInfo.legalPersonCertificateFrontScan === '#'" type="primary" target="_blank">法人代表证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateBackScan" :disabled="personInfo.legalPersonCertificateBackScan === '#'" type="primary" target="_blank">法人代表证件照背面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateFrontScan" :disabled="personInfo.businessLeaderCertificateFrontScan === '#'" type="primary" target="_blank">业务负责人证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateBackScan" :disabled="personInfo.businessLeaderCertificateBackScan === '#'" type="primary" target="_blank">业务负责人证件照背面</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PersonInfoDetail',
+  data() {
+    return {
+      personInfo: {
+        legalPersonName: '',
+        legalPersonPhone: '',
+        legalPersonCertificateCode: '',
+        legalPersonCertificateTypeName: '',
+        legalPersonCertificateFrontScan: '#',
+        legalPersonCertificateBackScan: '#',
+        businessLeaderName: '',
+        businessLeaderCertificateTypeName: '',
+        businessLeaderCertificateCode: '',
+        businessLeaderPhone: '',
+        businessLeaderCertificateFrontScan: '#',
+        businessLeaderCertificateBackScan: '#',
+        backupPersonName: '',
+        backupPersonPhone: '',
+        backupPersonCertificateTypeName: '',
+        backupPersonCertificateCode: '',
+        technicalLeaderName: '',
+        technicalLeaderPhone: '',
+        technicalLeaderCertificateTypeName: '',
+        technicalLeaderCertificateCode: '',
+        saleLeaderName: '',
+        saleLeaderPhone: '',
+        saleLeaderCertificateTypeName: '',
+        saleLeaderCertificateCode: '',
+        financeLeaderName: '',
+        financeLeaderPhone: '',
+        financeLeaderCertificateTypeName: '',
+        financeLeaderCertificateCode: ''
+      },
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showPersonDetail(person) {
+      this.personInfo = person
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/qualifyInfo.vue b/src/views/companyDetail/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/companyDetail/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 61ab563..d686355 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -75,17 +75,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
+  name: 'DealerInfomation',
   components: {
     BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
new file mode 100644
index 0000000..02a6d43
--- /dev/null
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="法人代表姓名">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件">{{ personInfo.legalPersonCertificateTypeName }}  {{ personInfo.legalPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="业务负责人姓名">{{ personInfo.businessLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人手机号">{{ personInfo.businessLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人证件">{{ personInfo.businessLeaderCertificateTypeName }}  {{ personInfo.businessLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="备用联系人姓名">{{ personInfo.backupPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人手机号">{{ personInfo.backupPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人手机号">{{ personInfo.technicalLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人证件">{{ personInfo.technicalLeaderCertificateTypeName }}  {{ personInfo.technicalLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="售后负责人姓名">{{ personInfo.saleLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人手机号">{{ personInfo.saleLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人证件">{{ personInfo.saleLeaderCertificateTypeName }}  {{ personInfo.saleLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="财务负责人姓名">{{ personInfo.financeLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人手机号">{{ personInfo.financeLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人证件">{{ personInfo.financeLeaderCertificateTypeName }}  {{ personInfo.financeLeaderCertificateCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="3">
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateFrontScan" :disabled="personInfo.legalPersonCertificateFrontScan === '#'" type="primary" target="_blank">法人代表证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateBackScan" :disabled="personInfo.legalPersonCertificateBackScan === '#'" type="primary" target="_blank">法人代表证件照背面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateFrontScan" :disabled="personInfo.businessLeaderCertificateFrontScan === '#'" type="primary" target="_blank">业务负责人证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateBackScan" :disabled="personInfo.businessLeaderCertificateBackScan === '#'" type="primary" target="_blank">业务负责人证件照背面</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PersonInfoDetail',
+  data() {
+    return {
+      personInfo: {
+        legalPersonName: '',
+        legalPersonPhone: '',
+        legalPersonCertificateCode: '',
+        legalPersonCertificateTypeName: '',
+        legalPersonCertificateFrontScan: '#',
+        legalPersonCertificateBackScan: '#',
+        businessLeaderName: '',
+        businessLeaderCertificateTypeName: '',
+        businessLeaderCertificateCode: '',
+        businessLeaderPhone: '',
+        businessLeaderCertificateFrontScan: '#',
+        businessLeaderCertificateBackScan: '#',
+        backupPersonName: '',
+        backupPersonPhone: '',
+        backupPersonCertificateTypeName: '',
+        backupPersonCertificateCode: '',
+        technicalLeaderName: '',
+        technicalLeaderPhone: '',
+        technicalLeaderCertificateTypeName: '',
+        technicalLeaderCertificateCode: '',
+        saleLeaderName: '',
+        saleLeaderPhone: '',
+        saleLeaderCertificateTypeName: '',
+        saleLeaderCertificateCode: '',
+        financeLeaderName: '',
+        financeLeaderPhone: '',
+        financeLeaderCertificateTypeName: '',
+        financeLeaderCertificateCode: ''
+      },
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showPersonDetail(person) {
+      this.personInfo = person
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/qualifyInfo.vue b/src/views/companyDetail/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/companyDetail/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 61ab563..d686355 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -75,17 +75,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
+  name: 'DealerInfomation',
   components: {
     BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },
diff --git a/src/views/distributor/distributorDetail.vue b/src/views/distributor/distributorDetail.vue
new file mode 100644
index 0000000..78b2bbb
--- /dev/null
+++ b/src/views/distributor/distributorDetail.vue
@@ -0,0 +1,475 @@
+<!--经销商详情弹窗-->
+<template>
+  <el-dialog title="经销商详情" width="75%" :visible.sync="isShowInfo" append-to-body :close-on-click-modal="false">
+    <el-descriptions title="" :column="2" border>
+      <el-descriptions-item label="经销商名称">{{ baseInfo.distributorName }}</el-descriptions-item>
+      <el-descriptions-item label="经销商编号">{{ baseInfo.distributorCode }}</el-descriptions-item>
+      <el-descriptions-item label="单位性质">{{ baseInfo.companyNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="单位类型">{{ baseInfo.companyTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="详细地址" span="2">
+        {{ baseInfo.companyProvince }} / {{ baseInfo.companyCity }} / {{ baseInfo.companyArea }} / {{ baseInfo.companyAddress }}
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-tabs v-model="activeTabName" style="margin-top: 20px;">
+      <el-tab-pane label="三证信息" name="certDetail">
+        <cert-info-detail ref="certDetail"/>
+      </el-tab-pane>
+
+      <el-tab-pane label="联系人信息" name="personDetail">
+        <person-info-detail ref="personDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="业务信息" name="businessDetail">
+        <business-info-detail ref="businessDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="经营信息" name="operationDetail">
+        <operation-info-detail ref="operationDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="其他信息" name="extraDetail">
+        其他附加
+      </el-tab-pane>
+    </el-tabs>
+
+<!--    <div class="deviceDialog ">-->
+<!--      &lt;!&ndash; {{personInfo}} &ndash;&gt;-->
+<!--      <div class="headInfo">-->
+<!--      </div>-->
+<!--      <div class="content">-->
+<!--        <div class="content_nav">-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 0 }" @click="changeNav(0)">-->
+<!--            三证信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 1 }" @click="changeNav(1)">-->
+<!--            联系人信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 2 }" @click="changeNav(2)">-->
+<!--            业务信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 3 }" @click="changeNav(3)">-->
+<!--            经营信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 4 }" @click="changeNav(4)">-->
+<!--            评审信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 5 }" @click="changeNav(5)">-->
+<!--            其他信息-->
+<!--          </div>-->
+<!--        </div>-->
+<!--          <div v-if="navSelect == 4" class="reviewbox">-->
+<!--            <div class="inputContent">-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.supplierStatusName"-->
+<!--                title="供应商状态"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.preReviewResultName"-->
+<!--                title="资料预审结果"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.inputReviewResult"-->
+<!--                title="录库评审结果"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--            </div>-->
+<!--            <div class="title">-->
+<!--              历史季度评价-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="reviewInfo.quarterlyEvaluateList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="supplierCode" label="序号" />-->
+<!--              <el-table-column prop="evaluateQuarterly" label="评价季度" />-->
+<!--              <el-table-column prop="quarterlyEvaluateResult" label="季度评价结果" />-->
+<!--              <el-table-column prop="quarterlyEvaluateIllustration" label="季度评价说明" />-->
+<!--              <el-table-column prop="quarterlyEvaluateDate" label="季度评价时间" />-->
+<!--              <el-table-column prop="quarterlyEvaluateFile" label="评价详情" />-->
+<!--            </el-table>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="reviewInfo.annualAssessList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="supplierCode" label="序号" />-->
+<!--              <el-table-column prop="assessAnnual" label="考核年度" />-->
+<!--              <el-table-column prop="annualAssessResult" label="年度考核结果" />-->
+<!--              <el-table-column prop="annualAssessIllustration" label="年度考核时说明" />-->
+<!--              <el-table-column prop="annualAssessDate" label="年度考核时间" />-->
+<!--              <el-table-column prop="annualAssessFile" label="考核详情" />-->
+<!--            </el-table>-->
+<!--          </div>-->
+<!--          <div v-if="navSelect == 5" class="othernfo">-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="businessInfo.bankList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              &lt;!&ndash; <el-table-column prop="date" label="序号" > </el-table-column> &ndash;&gt;-->
+<!--              <el-table-column prop="accountName" label="账户名称" />-->
+<!--              <el-table-column prop="accountNumber" label="银行账号" />-->
+<!--              <el-table-column prop="depositBank" label="开户行" />-->
+<!--              <el-table-column prop="depositBankName" label="开户行名称" />-->
+<!--              <el-table-column prop="depositBankNumber" label="开户行号" />-->
+<!--              &lt;!&ndash; <el-table-column prop="address" label="操作"> </el-table-column> &ndash;&gt;-->
+<!--            </el-table>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <div class="inputContent">-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateName"-->
+<!--                title="管理体系认证名称"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateTerm"-->
+<!--                title="管理体系认证期限"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateScan"-->
+<!--                title="管理体系扫描件"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--            </div>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="businessInfo.qualifyCertificateList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="id" label="序号" />-->
+<!--              <el-table-column prop="qualifyName" label="资质需要名称" />-->
+<!--              <el-table-column prop="qualifyDesc" label="资质需求描述" />-->
+<!--              <el-table-column prop="proveMaterialDesc" label="资质要求材料" />-->
+<!--            </el-table>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </div>-->
+  </el-dialog>
+</template>
+
+<script>
+
+import CertInfoDetail from '@/views/companyDetail/certInfoDetail'
+import PersonInfoDetail from '@/views/companyDetail/personInfoDetail'
+import BusinessInfoDetail from '@/views/companyDetail/businessInfoDetail'
+import OperationInfoDetail from '@/views/companyDetail/operationInfoDetail'
+import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
+import { certificateDetail, personDetail, businessDetail } from '@/api/distributor/distributor'
+
+export default {
+  name: 'DistributorDetail',
+  components: {
+    CertInfoDetail, PersonInfoDetail, BusinessInfoDetail, OperationInfoDetail
+  },
+  data() {
+    return {
+      baseInfo: {
+        distributorCode: '',
+        distributorName: '',
+        companyNatureName: '',
+        companyTypeName: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      activeTabName: 'certDetail',
+      certificateInfo: '',
+      personInfo: '',
+      businessInfo: '',
+      reviewInfo: '',
+      isShowInfo: false
+    }
+  },
+  methods: {
+    tableRowClassName: tableRowClassName,
+    initDialog(dialogStatus, row = null) {
+      this.isShowInfo = true
+      this.activeTabName = 'certDetail'
+      if (row !== null) {
+        this.baseInfo.distributorCode = row.distributorCode
+        this.baseInfo.distributorName = row.distributorName
+        this.baseInfo.companyNatureName = row.companyNatureName
+        this.baseInfo.companyTypeName = row.companyTypeName
+        this.baseInfo.companyProvince = row.companyProvince
+        this.baseInfo.companyCity = row.companyCity
+        this.baseInfo.companyArea = row.companyArea
+        this.baseInfo.companyAddress = row.companyAddress
+      }
+
+      this.getCertDetail(row.distributorCode)
+      this.getPersonDetail(row.distributorCode)
+      this.getBusinessDetail(row.distributorCode)
+    },
+    getCertDetail(distributorCode) {
+      certificateDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.certDetail.showCertDetail(res)
+        }
+      })
+    },
+    getPersonDetail(distributorCode) {
+      personDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.personDetail.showPersonDetail(res)
+        }
+      })
+    },
+    getBusinessDetail(distributorCode) {
+      businessDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.businessDetail.showBusinessDetail(res)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.deviceDialog {
+  border-radius: 5px;
+  // overflow: hidden;
+  // padding: 10px ;
+  width: 1125px;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.selectNav {
+  border: 1px solid #999;
+  border-bottom: 3px solid #fff;
+  position: relative;
+  z-index: 9;
+  box-sizing: border-box;
+  top: 2px;
+}
+
+.content {
+  width: 100%;
+
+  .content_nav {
+    box-sizing: border-box;
+    display: flex;
+    margin: 10px 0;
+    border-bottom: 1px solid #999;
+
+    .nav_item {
+      width: 130px;
+      height: 60px;
+      margin: 0 10px;
+      line-height: 60px;
+      text-align: center;
+    }
+  }
+}
+
+.content_content {
+  // padding: 20px 0 60px 0;
+  // box-sizing: border-box;
+
+}
+
+.headInfo {
+  width: 1000px;
+
+  .inputContent {
+    // flex: 1;
+    display: flex;
+    // flex-direction: column;
+
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+.baseInfo {
+  width: 1000px;
+  display: flex;
+
+  .inputContent {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin: 0 10px;
+    // justify-content: space-between;
+    // align-items: center;
+  }
+}
+
+.deviceInfo {
+  display: flex;
+  // align-items: center;
+  justify-content: space-between;
+  height: 100%;
+
+  .inputContent {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+
+.dataInfo {
+  display: flex;
+  // align-items: center;
+  justify-content: space-between;
+  height: 100%;
+
+  .inputContent {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+
+.relation {
+  .topbox {
+    .inputContent {
+      display: flex;
+      justify-content: space-between;
+
+      .input-vue {
+        // flex: 1;
+        width: 364px;
+      }
+
+      .doulbe {
+        // width: 572px;
+        width: 602px;
+        padding-left: 27px;
+        // padding-left: 4px;
+      }
+
+      .doulbe2 {
+        padding-left: 12px;
+        width: 588px;
+      }
+    }
+  }
+}
+
+.business, .reviewbox {
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .title {
+    padding: 10px 0;
+  }
+}
+
+.manage {
+  .title {
+    background-color: rgb(40, 115, 158);
+    color: #fff;
+    font-size: 22px;
+    padding: 10px;
+    font-weight: bold;
+  }
+
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+
+    .tableDown {
+      width: 200px;
+      display: flex;
+      align-items: center;
+      padding: 0 10px;
+
+      input {
+        outline: none;
+        border: none;
+        width: 140px;
+      }
+
+      span {
+        margin-left: 5px;
+      }
+
+      color: rgb(40, 115, 158);
+      border: 1px solid lightgray;
+      height: 40px;
+    }
+  }
+
+  .inputbox {
+    display: flex;
+  }
+
+}
+
+.othernfo {
+  .title {
+    background-color: rgb(40, 115, 158);
+    color: #fff;
+    font-size: 22px;
+    padding: 10px;
+    font-weight: bold;
+    margin: 10px 0;
+  }
+
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+</style>

diff --git a/src/api/distributor/distributor.js b/src/api/distributor/distributor.js
index 6adc712..78d9767 100644
--- a/src/api/distributor/distributor.js
+++ b/src/api/distributor/distributor.js
@@ -13,6 +13,18 @@
 const addDistributorInfo = (data) => {
   return instance.post('/distributorInfo/add', data)
 }
+
+const certificateDetail = (data) => {
+  return instance.post('/distributorInfo/certificate/detail', data)
+}
+
+const personDetail = (data) => {
+  return instance.post('/distributorInfo/person/detail', data)
+}
+
+const businessDetail = (data) => {
+  return instance.post('/distributorInfo/business/detail', data)
+}
 export {
-  SelectList, listPage, addDistributorInfo
+  SelectList, listPage, addDistributorInfo, certificateDetail, personDetail, businessDetail
 }
diff --git a/src/views/account/bankInfo.vue b/src/views/account/bankInfo.vue
deleted file mode 100644
index 03c8c37..0000000
--- a/src/views/account/bankInfo.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div class="form-table">
-    <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"/>
-        <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="depositBank">
-              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="开户行名称" prop="depositBankName">
-              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="开户行号" prop="depositBankNumber">
-              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
-            </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' }],
-        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
-        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
-      },
-      bankDetail: {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      },
-      dialogVisible: false,
-      bankDetailValid: false
-    }
-  },
-  methods: {
-    validateDialogForm: function() {
-      this.$refs.dataForm.validate(valid => {
-        this.bankDetailValid = valid
-      })
-    },
-    showAddBankAccount() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.bankDetail = {
-        accountName: '',
-        accountNumber: '',
-        depositBank: '',
-        depositBankName: '',
-        depositBankNumber: ''
-      }
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateDialogForm()
-      if (this.bankDetailValid === true) {
-        const bank = {}
-        bank.index = this.busDetailBanks.length + 1
-        bank.accountName = this.bankDetail.accountName
-        bank.accountNumber = this.bankDetail.accountNumber
-        bank.depositBank = this.bankDetail.depositBank
-        bank.depositBankName = this.bankDetail.depositBankName
-        bank.depositBankNumber = this.bankDetail.depositBankNumber
-        bank.open = 1 // 新增的时候默认启用
-        this.busDetailBanks.push(bank)
-        this.dialogVisible = false
-      }
-    },
-    delBankDetail(row) {
-      for (const i in this.busDetailBanks) {
-        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/baseInfo.vue b/src/views/account/baseInfo.vue
deleted file mode 100644
index 10d6adb..0000000
--- a/src/views/account/baseInfo.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-<template>
-  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="单位名称" prop="name">
-          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="单位性质" prop="companyNature">
-          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="企业类型" prop="companyType">
-          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in companyTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="所在区域" prop="area">
-          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
-            <el-option
-              v-for="item in areaOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="18">
-        <el-form-item label="详细地址" prop="companyAddress">
-          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
-            <el-option
-              v-for="item in provinceList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
-            <el-option
-              v-for="item in citiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
-            <el-option
-              v-for="item in countiesList"
-              :key="item.id"
-              :label="item.areaName"
-              :value="item.id"
-            />
-          </el-select>
-
-          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { getAreaList } from '@/api/system/area'
-
-export default {
-  name: 'BaseInfo',
-  data() {
-    const addressValidator = (rule, value, callback) => {
-      const provCode = this.$refs.provSelect.selected.value
-      const cityCode = this.$refs.citySelect.selected.value
-      const countyCode = this.$refs.countySelect.selected.value
-      if (value === '') {
-        callback(new Error('请输入详细地址'))
-      }
-      if (countyCode === '') {
-        callback(new Error('请选择县/区'))
-      }
-      if (cityCode === '') {
-        callback(new Error('请选择市/地区'))
-      }
-      if (provCode === '') {
-        callback(new Error('请选择省/市/自治区'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      baseInfo: {
-        name: '',
-        area: '',
-        companyNature: '',
-        companyType: '',
-        companyProvince: '',
-        companyCity: '',
-        companyArea: '',
-        companyAddress: ''
-      },
-      province: '',
-      city: '',
-      county: '',
-      companyTypeOptions: [],
-      companyNatureOptions: [],
-      areaOptions: [],
-      provinceList: [],
-      citiesList: [],
-      countiesList: [],
-      baseRules: {
-        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
-        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
-        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
-        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
-        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
-      },
-      baseInfoValid: false
-    }
-  },
-  watch: {
-    province: function(val, oldval) {
-      const selected = this.provinceList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyProvince = selected[0].areaName
-      }
-    },
-    city: function(val, oldVal) {
-      const selected = this.citiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyCity = selected[0].areaName
-      }
-    },
-    county: function(val, oldVal) {
-      const selected = this.countiesList.filter(item => item.id === val)
-      if (selected.length > 0) {
-        this.baseInfo.companyArea = selected[0].areaName
-      }
-    }
-  },
-  mounted() {
-    this.getAreaOptions()
-    this.getCompanyType()
-    this.getCompanyNature()
-    this.getAreaProvince()
-  },
-  methods: {
-    getAreaOptions: function() {
-      getDictByCode('companyRegion').then(response => {
-        if (response.code === 200) {
-          this.areaOptions = response.data
-
-          this.baseInfo.area = this.areaOptions[0].value
-        }
-      })
-    },
-    getCompanyType: function() {
-      getDictByCode('companyType').then(response => {
-        if (response.code === 200) {
-          this.companyTypeOptions = response.data
-        }
-      })
-    },
-    getCompanyNature: function() {
-      getDictByCode('companyNature').then(response => {
-        if (response.code === 200) {
-          this.companyNatureOptions = response.data
-        }
-      })
-    },
-    getAreaProvince: function() {
-      getAreaList('0').then(response => {
-        if (response.code === 200) {
-          this.provinceList = response.data
-        }
-      })
-    },
-    getAreaCityByProv: function() {
-      getAreaList(this.province).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyCity = []
-          this.baseInfo.companyArea = []
-          this.citiesList = response.data
-        }
-      })
-    },
-    getAreaCountyByCity: function() {
-      getAreaList(this.city).then(response => {
-        if (response.code === 200) {
-          this.baseInfo.companyArea = []
-          this.countiesList = response.data
-        }
-      })
-    },
-    changeCompanyArea: function() {
-      if (this.baseInfo.area === '2') {
-        this.baseInfo.companyProvince = '0'
-        this.baseInfo.companyCity = '0'
-        this.baseInfo.companyArea = '0'
-      }
-    },
-    validateForm: function() {
-      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()
-      })
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/businessInfo.vue b/src/views/account/businessInfo.vue
deleted file mode 100644
index 4f5cc42..0000000
--- a/src/views/account/businessInfo.vue
+++ /dev/null
@@ -1,399 +0,0 @@
-<template>
-  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="业务类别" prop="businessType">
-          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="主营品类" prop="mainCategory">
-          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务性质" prop="businessNature">
-          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in businessNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <div class="form-table">
-        <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"/>
-            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
-            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
-            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
-            <el-table-column label="操作" width="100">
-              <template slot-scope="scope">
-                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
-                  删除
-                </el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-        <div>
-          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
-        </div>
-        <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">
-                <el-form-item label="品牌名称" prop="brandName">
-                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="品牌性质" prop="brandProperty">
-                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
-                  <el-upload
-                    ref="brandRegistScanFileUpload"
-                    action="action"
-                    :file-list="brandRegistScanFileList"
-                    :http-request="uploadBrandRegistScanFile"
-                    :on-remove="handleBrandRegistScanFileRemove"
-                    :on-exceed="brandRegistScanFileExceed"
-                    :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-col :span="12">
-                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
-                  <el-upload
-                    ref="brandAuthScanFileUpload"
-                    action="action"
-                    :file-list="brandAuthScanFileList"
-                    :http-request="uploadBrandAuthScanFile"
-                    :on-remove="handleBrandAuthScanFileRemove"
-                    :on-exceed="brandAuthScanFileExceed"
-                    :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-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="经营地址" prop="manageAddress">
-          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公场所性质" prop="officeNature">
-          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in officeNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="办公面积(平方米)" prop="officeSpace">
-          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { validateIntPlus } from '@/utils/validate'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'BusinessInfo',
-  data() {
-    const squareValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
-        callback(new Error('请输入非负整数'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      businessInfo: {
-        businessType: '',
-        mainCategory: '',
-        businessNature: '',
-        manageAddress: '',
-        officeNature: '',
-        officeSpace: ''
-      },
-      businessTypeOptions: [],
-      businessNatureOptions: [],
-      officeNatureOptions: [],
-      busDetailBrands: [],
-      businessRules: {
-        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
-        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
-        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
-        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
-        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
-        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
-      },
-      brandRules: {
-        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
-        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
-      },
-      brandRegistScanFileList: [],
-      brandAuthScanFileList: [],
-      brandDetail: {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandRegisterCertificateFilename: '',
-        brandAuthCertificate: '',
-        brandAuthCertificateFilename: ''
-      },
-      dialogVisible: false,
-      businessInfoValid: false,
-      brandDetailValid: false
-    }
-  },
-  mounted() {
-    this.getBusinessType()
-    this.getBusinessNature()
-    this.getOfficeNature()
-  },
-  methods: {
-    getBusinessType: function() {
-      getDictByCode('businessType').then(response => {
-        if (response.code === 200) {
-          this.businessTypeOptions = response.data
-        }
-      })
-    },
-    getBusinessNature: function() {
-      getDictByCode('businessNature').then(response => {
-        if (response.code === 200) {
-          this.businessNatureOptions = response.data
-        }
-      })
-    },
-    getOfficeNature: function() {
-      getDictByCode('officeNature').then(response => {
-        if (response.code === 200) {
-          this.officeNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.businessInfoForm.validate(valid => {
-        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
-      // 清除已有的内容
-      this.brandDetail = {
-        brandName: '',
-        brandProperty: '',
-        brandRegisterCertificate: '',
-        brandAuthCertificate: ''
-      }
-      this.brandRegistScanFileList = []
-      this.brandAuthScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.dataForm.clearValidate()
-      })
-    },
-    saveData() {
-      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) {
-        if (this.busDetailBrands[i].index === row.index) {
-          this.busDetailBrands.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadBrandRegistScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadBrandAuthScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
-          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('文件上传成功')
-        }
-      })
-    },
-    handleBrandRegistScanFileRemove(file) {
-      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)
-    },
-    brandAuthScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.brandAuthScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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: 0px 20px 20px 20px;
-
-    .table-btn {
-      margin-left: 100px;
-    }
-
-    ::v-deep .form-table-header {
-      font-size: 16px;
-    }
-  }
-</style>
diff --git a/src/views/account/certInfo.vue b/src/views/account/certInfo.vue
deleted file mode 100644
index 97a6de7..0000000
--- a/src/views/account/certInfo.vue
+++ /dev/null
@@ -1,420 +0,0 @@
-<template>
-  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
-          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in yesOrNoOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
-        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
-          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="执照扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScan"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenseScanFile"
-            :on-remove="handleLicenseScanFileRemove"
-            :on-exceed="licenseScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              营业执照扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
-          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册资金" prop="registerCapital">
-          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="注册地址" prop="registerAddress">
-          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表" prop="legalPerson">
-          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="成立日期" prop="establishDate">
-          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="营业期限" prop="businessTerm">
-          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="18">
-        <el-form-item label="经营范围" prop="businessScope">
-          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="组织机构代码" prop="organizeCode">
-          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
-          <el-upload
-            ref="organizeScan"
-            action="action"
-            :file-list="organizeScanFileList"
-            :http-request="uploadOrganizeScanFile"
-            :on-remove="handleOrganizeScanFileRemove"
-            :on-exceed="organizeScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              组织机构代码证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="纳税人性质" prop="taxpayerNature">
-          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in taxpayerNatureOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记证号" prop="taxRegisterCode">
-          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
-          <el-upload
-            ref="taxRegisterScan"
-            action="action"
-            :file-list="taxRegisterScanFileList"
-            :http-request="uploadTaxRegisterScanFile"
-            :on-remove="handleTaxRegisterScanFileRemove"
-            :on-exceed="taxRegisterScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png,.pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              税务登记证扫描件.pdf
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'CertInfo',
-  mounted() {
-    this.getYesOrNoDict()
-    this.getTaxNatureDict()
-  },
-  watch: {
-    threeInOne: function(val, oldval) {
-      if (val === '1') {
-        this.certInfo.threeCertificatesInOne = 1
-        // 三证合一则自动填充其他字段
-        this.certInfo.unifiedSocialCreditCode = ''
-      } else {
-        this.certInfo.threeCertificatesInOne = 0
-        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
-        this.certInfo.unifiedSocialCreditCode = '0'
-      }
-
-      this.certInfo.licenseRegisterNumber = ''
-      this.certInfo.organizeCode = ''
-      this.certInfo.taxRegisterCode = ''
-    },
-    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
-      if (this.threeInOne === '1') {
-        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
-        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
-        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
-          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
-        }
-      }
-    },
-    'certInfo.legalPerson': function(val, oldval) {
-      this.$emit('updateLegalPerson', val)
-    }
-  },
-  data() {
-    const uscCodeValidator = (rule, value, callback) => {
-      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    const regCapValidator = (rule, value, callback) => {
-      const reg = /^\d+(\.\d+)?$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    const orgCodeValidator = (rule, value, callback) => {
-      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
-      if (value.length > 0 && reg.test(value) === false) {
-        callback(new Error('格式不正确，请核对后重新输入'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      certInfo: {
-        threeCertificatesInOne: 1,
-        unifiedSocialCreditCode: '',
-        licenseRegisterNumber: '',
-        registerCapital: '',
-        registerAddress: '',
-        legalPerson: '',
-        establishDate: '',
-        businessTerm: '',
-        businessScope: '',
-        licenseScan: '',
-        organizeCode: '',
-        organizeCodeScan: '',
-        taxpayerNature: '',
-        taxRegisterCode: '',
-        taxRegisterCodeScan: ''
-      },
-      threeInOne: '1',
-      yesOrNoOptions: [],
-      taxpayerNatureOptions: [],
-      licenseScanFileList: [],
-      organizeScanFileList: [],
-      taxRegisterScanFileList: [],
-      dialogImageUrl: '',
-      dialogVisible: false,
-      certRules: {
-        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
-        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
-        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
-        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
-        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
-        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
-        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
-        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
-        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
-        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
-        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
-        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
-        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
-      },
-      certInfoValid: false
-    }
-  },
-  methods: {
-    getYesOrNoDict: function() {
-      getDictByCode('sysYesOrNo').then(response => {
-        if (response.code === 200) {
-          this.yesOrNoOptions = response.data
-        }
-      })
-    },
-    getTaxNatureDict: function() {
-      getDictByCode('taxpayerNature').then(response => {
-        if (response.code === 200) {
-          this.taxpayerNatureOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.certInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadOrganizeScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadTaxRegisterScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    organizeScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.organizeScanFileList)
-    },
-    taxRegisterScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.taxRegisterScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/information.vue b/src/views/account/information.vue
index c88bc93..4d69c24 100644
--- a/src/views/account/information.vue
+++ b/src/views/account/information.vue
@@ -73,17 +73,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addSupplierInfo } from '@/api/supplier/supplier'
 export default {
+  name: 'SupplierInfomation',
   components: { BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo },
   data() {
     return {
diff --git a/src/views/account/licenceInfo.vue b/src/views/account/licenceInfo.vue
deleted file mode 100644
index e74e8aa..0000000
--- a/src/views/account/licenceInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="许可证名称" prop="licenseName">
-          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证期限" prop="licenseTerm">
-          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="许可证扫描件" prop="licenseScan">
-          <el-upload
-            ref="licenseScanFileUpload"
-            action="action"
-            :file-list="licenseScanFileList"
-            :http-request="uploadLicenceScanFile"
-            :on-remove="handleLicenceScanFileRemove"
-            :on-exceed="licenceScanFileExceed"
-            :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>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'LicenceInfo',
-  data() {
-    return {
-      licenceInfo: {
-        licenseName: '',
-        licenseTerm: '',
-        licenseScan: ''
-      },
-      licenseScanFileList: [],
-      licenceRules: {
-        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
-        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
-        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
-      },
-      licenceInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.licenceInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    handleLicenceScanFileRemove(file) {
-      this.licenceInfo.licenseScan = ''
-      this.handleRemove(file, this.licenseScanFileList)
-      this.$refs.licenceInfoForm.validateField('licenseScan')
-    },
-    licenceScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.licenseScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/manSystemInfo.vue b/src/views/account/manSystemInfo.vue
deleted file mode 100644
index 3748058..0000000
--- a/src/views/account/manSystemInfo.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<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">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-export default {
-  name: 'ManSystemInfo',
-  data() {
-    return {
-      manSystemInfo: {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      },
-      systemCertificateScanFileList: [],
-      manSystemRules: {
-        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
-        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
-        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
-      },
-      manSystemInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.manSystemInfoForm.validate(valid => {
-        this.manSystemInfoValid = valid
-      })
-    },
-    clearForm() {
-      this.manSystemInfo = {
-        systemCertificateName: '',
-        systemCertificateTerm: '',
-        systemCertificateScan: ''
-      }
-      this.systemCertificateScanFileList = []
-      // 清除验证
-      this.$nextTick(() => {
-        this.$refs.manSystemInfoForm.clearValidate()
-      })
-    },
-    // 文件上传
-    uploadManSystemScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
-          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.manSystemInfo.systemCertificateScan = res.data.fileId
-          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleManSystemScanFileRemove(file) {
-      this.manSystemInfo.systemCertificateScan = ''
-      this.handleRemove(file, this.systemCertificateScanFileList)
-      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
-    },
-    manSystemScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.systemCertificateScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    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>
-
-</style>
diff --git a/src/views/account/operationInfo.vue b/src/views/account/operationInfo.vue
deleted file mode 100644
index 6e70b6d..0000000
--- a/src/views/account/operationInfo.vue
+++ /dev/null
@@ -1,286 +0,0 @@
-<template>
-  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row style="margin-top: 20px">
-      <el-col :span="6">
-        <el-form-item label="年份" prop="currentYear">
-          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearIncome" prop="yearIncome">
-          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item :label="lastYearProfit" prop="yearProfit">
-          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
-          <el-upload
-            ref="liabilitiesFileUpload"
-            action="action"
-            :file-list="threeYearLiabilitiesFileList"
-            :http-request="uploadLiabilitiesScanFile"
-            :on-remove="handleLiabilitiesScanFileRemove"
-            :on-exceed="liabilitiesScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年损益表" prop="threeYearLossTable">
-          <el-upload
-            ref="lossFileUpload"
-            action="action"
-            :file-list="threeYearLossFileList"
-            :http-request="uploadLossScanFile"
-            :on-remove="handleLossScanFileRemove"
-            :on-exceed="lossScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
-          <el-upload
-            ref="flowFileUpload"
-            action="action"
-            :file-list="threeYearFlowFileList"
-            :http-request="uploadFlowScanFile"
-            :on-remove="handleFlowScanFileRemove"
-            :on-exceed="flowScanFileExceed"
-            :limit="1"
-            accept=".pdf"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-import { validateFloat, validateFloatPlus } from '@/utils/validate'
-export default {
-  name: 'OperationInfo',
-  mounted() {
-    this.getCurrentYear()
-  },
-  computed: {
-    lastYear: function() {
-      return parseInt(this.operationInfo.currentYear) - 1
-    },
-    lastYearIncome() {
-      return '上年度(' + this.lastYear + ')收入'
-    },
-    lastYearProfit() {
-      return '上年度(' + this.lastYear + ')利润'
-    }
-  },
-  watch: {
-    'operationInfo.currentYear': function() {
-      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
-        this.getCurrentYear()
-      }
-    }
-  },
-  data() {
-    const incomeValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
-        callback(new Error('请输入非负数字'))
-      } else {
-        callback()
-      }
-    }
-    const profitValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validateFloat(value) === false) {
-        callback(new Error('请输入数字'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      operationInfo: {
-        currentYear: '',
-        yearIncome: '',
-        yearProfit: '',
-        threeYearLiabilitiesTable: '',
-        threeYearLossTable: '',
-        threeYearFlowTable: ''
-      },
-      threeYearLiabilitiesFileList: [],
-      threeYearLossFileList: [],
-      threeYearFlowFileList: [],
-      operationRules: {
-        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
-        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
-        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
-        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
-        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
-      },
-      operationInfoValid: false
-    }
-  },
-  methods: {
-    getCurrentYear() {
-      this.operationInfo.currentYear = new Date().getFullYear() + ''
-    },
-    validateForm: function() {
-      this.$refs.operInfoForm.validate(valid => {
-        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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadLossScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    uploadFlowScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          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('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lossScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearLossFileList)
-    },
-    flowScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.threeYearFlowFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isPDF = file.type === 'application/pdf'
-      if (!isPDF) {
-        this.$message.error('上传文件只能是 PDF文档 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt10M = file.size / 1024 / 1024 < 10
-      if (!isLt10M) {
-        this.$message.error('上传文件大小不能超过 10MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/personInfo.vue b/src/views/account/personInfo.vue
deleted file mode 100644
index e0860ff..0000000
--- a/src/views/account/personInfo.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表姓名" prop="legalPersonName">
-          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
-          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
-          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
-          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
-            <el-upload
-              ref="legalPersonCertificateFrontScan"
-              action="action"
-              :file-list="legalPersonCertificateFrontScanFileList"
-              :http-request="uploadLPIDFrontScanFile"
-              :on-remove="handleLPIDFrontScanFileRemove"
-              :on-exceed="lPIDFrontScanFileExceed"
-              :limit="1"
-              accept=".jpg,.jpeg,.png"
-            >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
-          <el-upload
-            ref="legalPersonCertificateBackScan"
-            action="action"
-            :file-list="legalPersonCertificateBackScanFileList"
-            :http-request="uploadLPIDBackScanFile"
-            :on-remove="handleLPIDBackScanFileRemove"
-            :on-exceed="lPIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
-          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
-          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
-          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
-          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="5">
-        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
-          <el-upload
-            ref="businessLeaderCertificateFrontScan"
-            action="action"
-            :file-list="businessLeaderCertificateFrontScanFileList"
-            :http-request="uploadBLIDFrontScanFile"
-            :on-remove="handleBLIDFrontScanFileRemove"
-            :on-exceed="bLIDFrontScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照正面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-      <el-col :span="3">
-        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
-          <el-upload
-            ref="businessLeaderCertificateBackScan"
-            action="action"
-            :file-list="businessLeaderCertificateBackScanFileList"
-            :http-request="uploadBLIDBackScanFile"
-            :on-remove="handleBLIDBackScanFileRemove"
-            :on-exceed="bLIDBackScanFileExceed"
-            :limit="1"
-            accept=".jpg,.jpeg,.png"
-          >
-            <el-button size="small" type="primary" icon="el-icon-upload">
-              证件照背面
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="备用联系人姓名" prop="backupPersonName">
-          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
-          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
-          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
-          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
-          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
-          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
-          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
-          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
-          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
-          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
-          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
-          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :span="6">
-        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
-          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
-          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
-          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
-            <el-option
-              v-for="item in certificateTypeOptions"
-              :key="item.id"
-              :label="item.name"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-      </el-col>
-      <el-col :span="6">
-        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
-          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script>
-import { getDictByCode } from '@/api/system/dict'
-import { Uploadimg } from '@/api/common'
-import { validatePhone } from '@/utils/validate'
-export default {
-  name: 'PersonInfo',
-  mounted() {
-    this.getPersonCertificateTypeDict()
-  },
-  data() {
-    const phoneValidator = (rule, value, callback) => {
-      if (value !== undefined && value !== '' && validatePhone(value) === false) {
-        callback(new Error('手机号格式不正确'))
-      } else {
-        callback()
-      }
-    }
-    return {
-      personInfo: {
-        legalPersonName: '',
-        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: [],
-      legalPersonCertificateBackScanFileList: [],
-      businessLeaderCertificateFrontScanFileList: [],
-      businessLeaderCertificateBackScanFileList: [],
-      personRules: {
-        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
-        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
-        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
-        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
-        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
-        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
-        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
-        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
-        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
-        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
-        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
-        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
-        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
-      },
-      personInfoValid: false
-    }
-  },
-  methods: {
-    getPersonCertificateTypeDict() {
-      getDictByCode('legalPersonCertificateType').then(response => {
-        if (response.code === 200) {
-          this.certificateTypeOptions = response.data
-        }
-      })
-    },
-    validateForm: function() {
-      this.$refs.personInfoForm.validate(valid => {
-        this.personInfoValid = valid
-      })
-    },
-    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)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadLPIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDFrontScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    uploadBLIDBackScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
-          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
-          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    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)
-    },
-    lPIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
-    },
-    bLIDFrontScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
-    },
-    bLIDBackScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      if (!isJPG) {
-        this.$message.error('上传文件只能是 图片 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他图片')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
diff --git a/src/views/account/qualifyInfo.vue b/src/views/account/qualifyInfo.vue
deleted file mode 100644
index be26c20..0000000
--- a/src/views/account/qualifyInfo.vue
+++ /dev/null
@@ -1,226 +0,0 @@
-<template>
-  <div class="form-table">
-    <div>
-      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
-        <el-table-column prop="index" label="序号" width="100"/>
-        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
-        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
-        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
-        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
-        <el-table-column label="操作" width="100">
-          <template slot-scope="scope">
-            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
-              删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <div>
-      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
-    </div>
-    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
-      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
-        <el-row :gutter="20">
-          <el-col :span="8">
-            <el-form-item label="资质要求编号" prop="qualifyCode">
-              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="资质要求名称" prop="qualifyName">
-              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="20">
-            <el-form-item label="资质描述" prop="qualifyDesc">
-              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
-              <el-upload
-                ref="qualifyProvScanFileUpload"
-                action="action"
-                :file-list="qualifyProvScanFileList"
-                :http-request="uploadQualifyProvScanFile"
-                :on-remove="handleQualifyProvScanFileRemove"
-                :on-exceed="qualifyProvScanFileExceed"
-                :limit="1"
-                accept=".jpg,.jpeg,.png,.pdf"
-              >
-                <el-button size="small" type="primary" icon="el-icon-upload">
-                  上传文件
-                </el-button>
-              </el-upload>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="saveData">
-          保存
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import { Uploadimg } from '@/api/common'
-
-export default {
-  name: 'QualifyInfo',
-  data() {
-    return {
-      qualifyInfo: {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      },
-      busDetailQualifyCertificates: [],
-      qualifyRules: {
-        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
-        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
-      },
-      qualifyProvScanFileList: [],
-      dialogVisible: false,
-      qualifyInfoValid: false
-    }
-  },
-  methods: {
-    validateForm: function() {
-      this.$refs.qualifyInfoForm.validate(valid => {
-        this.qualifyInfoValid = valid
-      })
-    },
-    showAddQualify() {
-      this.dialogVisible = true
-      // 清除已有的内容
-      this.qualifyInfo = {
-        qualifyCode: '',
-        qualifyName: '',
-        qualifyDesc: '',
-        proveMaterialDesc: '',
-        qualifyProvScanFilename: ''
-      }
-      this.qualifyProvScanFileList = []
-
-      this.$nextTick(() => {
-        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
-        this.$refs.qualifyInfoForm.clearValidate()
-      })
-    },
-    saveData() {
-      this.validateForm()
-      if (this.qualifyInfoValid === true) {
-        const qualify = {}
-        qualify.index = this.busDetailQualifyCertificates.length + 1
-        qualify.qualifyCode = this.qualifyInfo.qualifyCode
-        qualify.qualifyName = this.qualifyInfo.qualifyName
-        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
-        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
-        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
-        this.busDetailQualifyCertificates.push(qualify)
-        this.dialogVisible = false
-      }
-    },
-    delQualifyDetail(row) {
-      for (const i in this.busDetailQualifyCertificates) {
-        if (this.busDetailQualifyCertificates[i].index === row.index) {
-          this.busDetailQualifyCertificates.splice(i, 1)
-          return
-        }
-      }
-    },
-    // 文件上传
-    uploadQualifyProvScanFile(file) {
-      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
-      if (upload === false) {
-        return
-      }
-      const base_url = this.baseConfig.baseUrl + '/static/'
-      Uploadimg(file).then(res => {
-        if (res.code === 200) {
-          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
-          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
-          this.qualifyInfo.provScanFileList = res.data.fileId
-          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
-          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-          this.$message.success('文件上传成功')
-        }
-      })
-    },
-    handleQualifyProvScanFileRemove(file) {
-      this.qualifyInfo.qualifyProvScanFilename = ''
-      this.qualifyInfo.proveMaterialDesc = ''
-      this.handleRemove(file, this.qualifyProvScanFileList)
-      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
-    },
-    qualifyProvScanFileExceed(file, fileList) {
-      this.handleExceed(file, this.qualifyProvScanFileList)
-    },
-    // 上传前判断文件格式及大小
-    handleBeforeUpload(file, fileList) {
-      let res = true
-      // 判断文件格式
-      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
-      const isPDF = file.type === 'application/pdf'
-      if (!isJPG && !isPDF) {
-        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
-        res = false
-      }
-
-      // 判断文件大小
-      const isLt5M = file.size / 1024 / 1024 < 5
-      if (!isLt5M) {
-        this.$message.error('上传文件大小不能超过 5MB!')
-        res = false
-      }
-
-      // 判断文件是否已经上传过
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          this.$message.error('该文件已上传过，请选择其他文件')
-          res = false
-        }
-      }
-
-      return res
-    },
-    // 文件列表移除文件时的钩子
-    handleRemove(file, fileList) {
-      for (const i in fileList) {
-        if (fileList[i].name === file.name) {
-          fileList.splice(i, 1)
-          return
-        }
-      }
-    },
-    handleExceed(files, fileList) {
-      this.$message.warning('最多上传一个文件，请先删除再重新上传')
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.form-table {
-  display: flex;
-  margin: 20px;
-
-  .table-btn {
-    margin-left: 100px;
-  }
-
-  ::v-deep .form-table-header {
-    font-size: 16px;
-  }
-}
-</style>
diff --git a/src/views/companyDetail/bankInfo.vue b/src/views/companyDetail/bankInfo.vue
new file mode 100644
index 0000000..03c8c37
--- /dev/null
+++ b/src/views/companyDetail/bankInfo.vue
@@ -0,0 +1,151 @@
+<template>
+  <div class="form-table">
+    <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"/>
+        <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="depositBank">
+              <el-input v-model.trim="bankDetail.depositBank" type="text" placeholder="请输入开户行"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="开户行名称" prop="depositBankName">
+              <el-input v-model.trim="bankDetail.depositBankName" type="text" placeholder="请输入开户行名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="开户行号" prop="depositBankNumber">
+              <el-input v-model.trim="bankDetail.depositBankNumber" type="text" placeholder="请输入开户行号"/>
+            </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' }],
+        depositBank: [{ required: true, message: '请输入开户行', trigger: 'blur' }],
+        depositBankName: [{ required: true, message: '请输入开户行名称', trigger: 'blur' }]
+      },
+      bankDetail: {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      },
+      dialogVisible: false,
+      bankDetailValid: false
+    }
+  },
+  methods: {
+    validateDialogForm: function() {
+      this.$refs.dataForm.validate(valid => {
+        this.bankDetailValid = valid
+      })
+    },
+    showAddBankAccount() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.bankDetail = {
+        accountName: '',
+        accountNumber: '',
+        depositBank: '',
+        depositBankName: '',
+        depositBankNumber: ''
+      }
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateDialogForm()
+      if (this.bankDetailValid === true) {
+        const bank = {}
+        bank.index = this.busDetailBanks.length + 1
+        bank.accountName = this.bankDetail.accountName
+        bank.accountNumber = this.bankDetail.accountNumber
+        bank.depositBank = this.bankDetail.depositBank
+        bank.depositBankName = this.bankDetail.depositBankName
+        bank.depositBankNumber = this.bankDetail.depositBankNumber
+        bank.open = 1 // 新增的时候默认启用
+        this.busDetailBanks.push(bank)
+        this.dialogVisible = false
+      }
+    },
+    delBankDetail(row) {
+      for (const i in this.busDetailBanks) {
+        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/companyDetail/baseInfo.vue b/src/views/companyDetail/baseInfo.vue
new file mode 100644
index 0000000..10d6adb
--- /dev/null
+++ b/src/views/companyDetail/baseInfo.vue
@@ -0,0 +1,248 @@
+<template>
+  <el-form ref="baseInfoForm" :model="baseInfo" :rules="baseRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="单位名称" prop="name">
+          <el-input v-model="baseInfo.name" placeholder="请输入单位名称" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="单位性质" prop="companyNature">
+          <el-select v-model="baseInfo.companyNature" placeholder="请选择单位性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="企业类型" prop="companyType">
+          <el-select v-model="baseInfo.companyType" placeholder="请选择企业类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in companyTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="所在区域" prop="area">
+          <el-select v-model="baseInfo.area" placeholder="请选择所在区域" clearable :style="{ width: '100%' }" @change="changeCompanyArea">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="18">
+        <el-form-item label="详细地址" prop="companyAddress">
+          <el-select v-show="baseInfo.area == 1" ref="provSelect" v-model="province" placeholder="省/自治区/直辖市" clearable @change="getAreaCityByProv">
+            <el-option
+              v-for="item in provinceList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="citySelect" v-model="city" placeholder="市" clearable @change="getAreaCountyByCity">
+            <el-option
+              v-for="item in citiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-select v-show="baseInfo.area == 1" ref="countySelect" v-model="county" placeholder="县/区" clearable>
+            <el-option
+              v-for="item in countiesList"
+              :key="item.id"
+              :label="item.areaName"
+              :value="item.id"
+            />
+          </el-select>
+
+          <el-input v-model="baseInfo.companyAddress" placeholder="请输入详细地址" clearable style="width: 40%" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { getAreaList } from '@/api/system/area'
+
+export default {
+  name: 'BaseInfo',
+  data() {
+    const addressValidator = (rule, value, callback) => {
+      const provCode = this.$refs.provSelect.selected.value
+      const cityCode = this.$refs.citySelect.selected.value
+      const countyCode = this.$refs.countySelect.selected.value
+      if (value === '') {
+        callback(new Error('请输入详细地址'))
+      }
+      if (countyCode === '') {
+        callback(new Error('请选择县/区'))
+      }
+      if (cityCode === '') {
+        callback(new Error('请选择市/地区'))
+      }
+      if (provCode === '') {
+        callback(new Error('请选择省/市/自治区'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      baseInfo: {
+        name: '',
+        area: '',
+        companyNature: '',
+        companyType: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      province: '',
+      city: '',
+      county: '',
+      companyTypeOptions: [],
+      companyNatureOptions: [],
+      areaOptions: [],
+      provinceList: [],
+      citiesList: [],
+      countiesList: [],
+      baseRules: {
+        name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+        area: [{ required: true, message: '请选择所在区域', trigger: 'change' }],
+        companyNature: [{ required: true, message: '请选择单位性质', trigger: 'change' }],
+        companyType: [{ required: true, message: '请选择企业类型', trigger: 'change' }],
+        companyAddress: [{ required: true, validator: addressValidator, trigger: 'blur' }]
+      },
+      baseInfoValid: false
+    }
+  },
+  watch: {
+    province: function(val, oldval) {
+      const selected = this.provinceList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyProvince = selected[0].areaName
+      }
+    },
+    city: function(val, oldVal) {
+      const selected = this.citiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyCity = selected[0].areaName
+      }
+    },
+    county: function(val, oldVal) {
+      const selected = this.countiesList.filter(item => item.id === val)
+      if (selected.length > 0) {
+        this.baseInfo.companyArea = selected[0].areaName
+      }
+    }
+  },
+  mounted() {
+    this.getAreaOptions()
+    this.getCompanyType()
+    this.getCompanyNature()
+    this.getAreaProvince()
+  },
+  methods: {
+    getAreaOptions: function() {
+      getDictByCode('companyRegion').then(response => {
+        if (response.code === 200) {
+          this.areaOptions = response.data
+
+          this.baseInfo.area = this.areaOptions[0].value
+        }
+      })
+    },
+    getCompanyType: function() {
+      getDictByCode('companyType').then(response => {
+        if (response.code === 200) {
+          this.companyTypeOptions = response.data
+        }
+      })
+    },
+    getCompanyNature: function() {
+      getDictByCode('companyNature').then(response => {
+        if (response.code === 200) {
+          this.companyNatureOptions = response.data
+        }
+      })
+    },
+    getAreaProvince: function() {
+      getAreaList('0').then(response => {
+        if (response.code === 200) {
+          this.provinceList = response.data
+        }
+      })
+    },
+    getAreaCityByProv: function() {
+      getAreaList(this.province).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyCity = []
+          this.baseInfo.companyArea = []
+          this.citiesList = response.data
+        }
+      })
+    },
+    getAreaCountyByCity: function() {
+      getAreaList(this.city).then(response => {
+        if (response.code === 200) {
+          this.baseInfo.companyArea = []
+          this.countiesList = response.data
+        }
+      })
+    },
+    changeCompanyArea: function() {
+      if (this.baseInfo.area === '2') {
+        this.baseInfo.companyProvince = '0'
+        this.baseInfo.companyCity = '0'
+        this.baseInfo.companyArea = '0'
+      }
+    },
+    validateForm: function() {
+      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()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/businessInfo.vue b/src/views/companyDetail/businessInfo.vue
new file mode 100644
index 0000000..4f5cc42
--- /dev/null
+++ b/src/views/companyDetail/businessInfo.vue
@@ -0,0 +1,399 @@
+<template>
+  <el-form ref="businessInfoForm" :model="businessInfo" :rules="businessRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="业务类别" prop="businessType">
+          <el-select v-model="businessInfo.businessType" placeholder="请选择业务类别" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="主营品类" prop="mainCategory">
+          <el-input v-model="businessInfo.mainCategory" placeholder="请输入主营品类" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务性质" prop="businessNature">
+          <el-select v-model="businessInfo.businessNature" placeholder="请选择业务性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in businessNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <div class="form-table">
+        <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"/>
+            <el-table-column prop="brandProperty" label="品牌性质" width="250"/>
+            <el-table-column prop="brandRegisterCertificateFilename" label="品牌注册证" width="300"/>
+            <el-table-column prop="brandAuthCertificateFilename" label="品牌授权证明" width="300"/>
+            <el-table-column label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="delBrandDetail(scope.row)">
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div>
+          <el-button class="table-btn" type="primary" @click="showAddBrand">添加主营品牌</el-button>
+        </div>
+        <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">
+                <el-form-item label="品牌名称" prop="brandName">
+                  <el-input v-model.trim="brandDetail.brandName" type="text" placeholder="请输入品牌名称" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="品牌性质" prop="brandProperty">
+                  <el-input v-model.trim="brandDetail.brandProperty" type="text" placeholder="请输入品牌性质" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="品牌注册证" prop="brandRegisterCertificate">
+                  <el-upload
+                    ref="brandRegistScanFileUpload"
+                    action="action"
+                    :file-list="brandRegistScanFileList"
+                    :http-request="uploadBrandRegistScanFile"
+                    :on-remove="handleBrandRegistScanFileRemove"
+                    :on-exceed="brandRegistScanFileExceed"
+                    :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-col :span="12">
+                <el-form-item label="品牌授权证明" prop="brandAuthCertificate">
+                  <el-upload
+                    ref="brandAuthScanFileUpload"
+                    action="action"
+                    :file-list="brandAuthScanFileList"
+                    :http-request="uploadBrandAuthScanFile"
+                    :on-remove="handleBrandAuthScanFileRemove"
+                    :on-exceed="brandAuthScanFileExceed"
+                    :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-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="经营地址" prop="manageAddress">
+          <el-input v-model="businessInfo.manageAddress" placeholder="请输入经营地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公场所性质" prop="officeNature">
+          <el-select v-model="businessInfo.officeNature" placeholder="请选择办公场所性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in officeNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="办公面积(平方米)" prop="officeSpace">
+          <el-input v-model="businessInfo.officeSpace" placeholder="请输入办公面积" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { validateIntPlus } from '@/utils/validate'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'BusinessInfo',
+  data() {
+    const squareValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateIntPlus(value) === false) {
+        callback(new Error('请输入非负整数'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      businessInfo: {
+        businessType: '',
+        mainCategory: '',
+        businessNature: '',
+        manageAddress: '',
+        officeNature: '',
+        officeSpace: ''
+      },
+      businessTypeOptions: [],
+      businessNatureOptions: [],
+      officeNatureOptions: [],
+      busDetailBrands: [],
+      businessRules: {
+        mainCategory: [{ required: true, message: '请输入主营品类', trigger: 'blur' }],
+        manageAddress: [{ required: true, message: '请输入经营地址', trigger: 'blur' }],
+        officeSpace: [{ required: true, message: '请输入办公面积', trigger: 'blur' }, { validator: squareValidator, trigger: 'blur' }],
+        businessType: [{ required: true, message: '请选择业务类别', trigger: 'change' }],
+        businessNature: [{ required: true, message: '请选择业务性质', trigger: 'change' }],
+        officeNature: [{ required: true, message: '请选择办公场所性质', trigger: 'change' }]
+      },
+      brandRules: {
+        brandName: [{ required: true, message: '请输入品牌名称', trigger: 'blur' }],
+        brandProperty: [{ required: true, message: '请输入品牌性质', trigger: 'blur' }]
+      },
+      brandRegistScanFileList: [],
+      brandAuthScanFileList: [],
+      brandDetail: {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandRegisterCertificateFilename: '',
+        brandAuthCertificate: '',
+        brandAuthCertificateFilename: ''
+      },
+      dialogVisible: false,
+      businessInfoValid: false,
+      brandDetailValid: false
+    }
+  },
+  mounted() {
+    this.getBusinessType()
+    this.getBusinessNature()
+    this.getOfficeNature()
+  },
+  methods: {
+    getBusinessType: function() {
+      getDictByCode('businessType').then(response => {
+        if (response.code === 200) {
+          this.businessTypeOptions = response.data
+        }
+      })
+    },
+    getBusinessNature: function() {
+      getDictByCode('businessNature').then(response => {
+        if (response.code === 200) {
+          this.businessNatureOptions = response.data
+        }
+      })
+    },
+    getOfficeNature: function() {
+      getDictByCode('officeNature').then(response => {
+        if (response.code === 200) {
+          this.officeNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.businessInfoForm.validate(valid => {
+        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
+      // 清除已有的内容
+      this.brandDetail = {
+        brandName: '',
+        brandProperty: '',
+        brandRegisterCertificate: '',
+        brandAuthCertificate: ''
+      }
+      this.brandRegistScanFileList = []
+      this.brandAuthScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.dataForm.clearValidate()
+      })
+    },
+    saveData() {
+      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) {
+        if (this.busDetailBrands[i].index === row.index) {
+          this.busDetailBrands.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadBrandRegistScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandRegistScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandRegistScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadBrandAuthScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.brandAuthScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.brandAuthScanFileList = [] // 只保留一张图片或一个文件
+          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('文件上传成功')
+        }
+      })
+    },
+    handleBrandRegistScanFileRemove(file) {
+      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)
+    },
+    brandAuthScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.brandAuthScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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: 0px 20px 20px 20px;
+
+    .table-btn {
+      margin-left: 100px;
+    }
+
+    ::v-deep .form-table-header {
+      font-size: 16px;
+    }
+  }
+</style>
diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
new file mode 100644
index 0000000..fcecf33
--- /dev/null
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="业务类别">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质">{{ businessInfo.businessNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="经营地址">{{ businessInfo.manageAddress }}</el-descriptions-item>
+      <el-descriptions-item label="办公场所性质">{{ businessInfo.officeNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="办公面积（平方米）">{{ businessInfo.officeSpace }}</el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">主营品牌</div>
+    <el-table :data="busDetailBrands" style="width: 100%" max-height="400px" :highlight-current-row="true">
+      <el-table-column label="序号" width="75">
+        <template scope="scope">
+          <span>{{ scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandName" label="品牌名称" width="300"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="200"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandRegisterCertificate" :disabled="scope.row.brandRegisterCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BusinessInfoDetail',
+  data() {
+    return {
+      businessInfo: {
+        businessTypeName: '',
+        mainCategory: '',
+        businessNatureName: '',
+        manageAddress: '',
+        officeNatureName: '',
+        officeSpace: ''
+      },
+      busDetailBrands: [],
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showBusinessDetail(business) {
+      this.businessInfo = business
+      this.busDetailBrands = business.brandList
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/certInfo.vue b/src/views/companyDetail/certInfo.vue
new file mode 100644
index 0000000..97a6de7
--- /dev/null
+++ b/src/views/companyDetail/certInfo.vue
@@ -0,0 +1,420 @@
+<template>
+  <el-form ref="certInfoForm" :model="certInfo" :rules="certRules" size="medium" label-width="150px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="是否三证合一" prop="threeCertificatesInOne">
+          <el-select v-model="threeInOne" placeholder="请选择是否三证合一" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in yesOrNoOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6" v-show="certInfo.threeCertificatesInOne == '1'">
+        <el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode">
+          <el-input v-model="certInfo.unifiedSocialCreditCode" placeholder="请输入统一社会信用代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="执照扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScan"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenseScanFile"
+            :on-remove="handleLicenseScanFileRemove"
+            :on-exceed="licenseScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              营业执照扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="营业执照注册号" prop="licenseRegisterNumber">
+          <el-input v-model="certInfo.licenseRegisterNumber" placeholder="请输入营业执照注册号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册资金" prop="registerCapital">
+          <el-input v-model="certInfo.registerCapital" placeholder="请输入注册资金（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="注册地址" prop="registerAddress">
+          <el-input v-model="certInfo.registerAddress" placeholder="请输入注册地址" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表" prop="legalPerson">
+          <el-input v-model="certInfo.legalPerson" placeholder="请输入法人代表" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="成立日期" prop="establishDate">
+          <el-date-picker v-model="certInfo.establishDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :style="{ width: '100%' }" placeholder="请选择成立日期" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="营业期限" prop="businessTerm">
+          <el-input v-model="certInfo.businessTerm" placeholder="请输入营业期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="18">
+        <el-form-item label="经营范围" prop="businessScope">
+          <el-input type="textarea" :rows="3" v-model="certInfo.businessScope" placeholder="请输入经营范围" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="组织机构代码" prop="organizeCode">
+          <el-input v-model="certInfo.organizeCode" placeholder="请输入组织机构代码" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="组织代码扫描件" prop="organizeCodeScan" required>
+          <el-upload
+            ref="organizeScan"
+            action="action"
+            :file-list="organizeScanFileList"
+            :http-request="uploadOrganizeScanFile"
+            :on-remove="handleOrganizeScanFileRemove"
+            :on-exceed="organizeScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              组织机构代码证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="纳税人性质" prop="taxpayerNature">
+          <el-select v-model="certInfo.taxpayerNature" placeholder="请选择纳税人性质" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in taxpayerNatureOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记证号" prop="taxRegisterCode">
+          <el-input v-model="certInfo.taxRegisterCode" placeholder="请输入税务登记证号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="税务登记扫描件" prop="taxRegisterCodeScan">
+          <el-upload
+            ref="taxRegisterScan"
+            action="action"
+            :file-list="taxRegisterScanFileList"
+            :http-request="uploadTaxRegisterScanFile"
+            :on-remove="handleTaxRegisterScanFileRemove"
+            :on-exceed="taxRegisterScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png,.pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              税务登记证扫描件.pdf
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'CertInfo',
+  mounted() {
+    this.getYesOrNoDict()
+    this.getTaxNatureDict()
+  },
+  watch: {
+    threeInOne: function(val, oldval) {
+      if (val === '1') {
+        this.certInfo.threeCertificatesInOne = 1
+        // 三证合一则自动填充其他字段
+        this.certInfo.unifiedSocialCreditCode = ''
+      } else {
+        this.certInfo.threeCertificatesInOne = 0
+        // 如果选择不是三证合一则 赋值统一社会信用代码为'0' 将其他三证清空
+        this.certInfo.unifiedSocialCreditCode = '0'
+      }
+
+      this.certInfo.licenseRegisterNumber = ''
+      this.certInfo.organizeCode = ''
+      this.certInfo.taxRegisterCode = ''
+    },
+    'certInfo.unifiedSocialCreditCode': function(val, oldval) {
+      if (this.threeInOne === '1') {
+        this.certInfo.licenseRegisterNumber = this.certInfo.unifiedSocialCreditCode
+        this.certInfo.taxRegisterCode = this.certInfo.unifiedSocialCreditCode
+        if (this.certInfo.unifiedSocialCreditCode.length >= 17) {
+          this.certInfo.organizeCode = this.certInfo.unifiedSocialCreditCode.substring(8, 17)
+        }
+      }
+    },
+    'certInfo.legalPerson': function(val, oldval) {
+      this.$emit('updateLegalPerson', val)
+    }
+  },
+  data() {
+    const uscCodeValidator = (rule, value, callback) => {
+      const reg = /^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    const regCapValidator = (rule, value, callback) => {
+      const reg = /^\d+(\.\d+)?$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    const orgCodeValidator = (rule, value, callback) => {
+      const reg = /^[0-9A-HJ-NPQRTUWXY]{9}$/
+      if (value.length > 0 && reg.test(value) === false) {
+        callback(new Error('格式不正确，请核对后重新输入'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      certInfo: {
+        threeCertificatesInOne: 1,
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        licenseScan: '',
+        organizeCode: '',
+        organizeCodeScan: '',
+        taxpayerNature: '',
+        taxRegisterCode: '',
+        taxRegisterCodeScan: ''
+      },
+      threeInOne: '1',
+      yesOrNoOptions: [],
+      taxpayerNatureOptions: [],
+      licenseScanFileList: [],
+      organizeScanFileList: [],
+      taxRegisterScanFileList: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      certRules: {
+        threeCertificatesInOne: [{ required: true, message: '请选择是否三证合一', trigger: 'change' }],
+        unifiedSocialCreditCode: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        licenseRegisterNumber: [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        taxRegisterCode: [{ required: true, message: '请输入税务登记证号', trigger: 'blur' }, { validator: uscCodeValidator, trigger: 'blur' }],
+        organizeCode: [{ required: true, message: '请输入组织机构代码', trigger: 'blur' }, { validator: orgCodeValidator, trigger: 'blur' }],
+        registerCapital: [{ required: true, message: '请输入注册资金', trigger: 'change' }, { validator: regCapValidator, trigger: 'blur' }],
+        registerAddress: [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
+        legalPerson: [{ required: true, message: '请输入法人代表', trigger: 'blur' }],
+        establishDate: [{ required: true, message: '请选择成立日期', trigger: 'blur' }],
+        businessTerm: [{ required: true, message: '请输入营业期限', trigger: 'blur' }],
+        businessScope: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
+        taxpayerNature: [{ required: true, message: '请选择纳税人性质', trigger: 'change' }],
+        licenseScan: [{ required: true, message: '请上传营业执照扫描件', trigger: 'change' }],
+        organizeCodeScan: [{ required: true, message: '请上传组织机构代码证扫描件', trigger: 'change' }],
+        taxRegisterCodeScan: [{ required: true, message: '请上传税务登记证扫描件', trigger: 'change' }]
+      },
+      certInfoValid: false
+    }
+  },
+  methods: {
+    getYesOrNoDict: function() {
+      getDictByCode('sysYesOrNo').then(response => {
+        if (response.code === 200) {
+          this.yesOrNoOptions = response.data
+        }
+      })
+    },
+    getTaxNatureDict: function() {
+      getDictByCode('taxpayerNature').then(response => {
+        if (response.code === 200) {
+          this.taxpayerNatureOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.certInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadOrganizeScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.organizeScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadTaxRegisterScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.taxRegisterScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    organizeScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.organizeScanFileList)
+    },
+    taxRegisterScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.taxRegisterScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/certInfoDetail.vue b/src/views/companyDetail/certInfoDetail.vue
new file mode 100644
index 0000000..81b89c1
--- /dev/null
+++ b/src/views/companyDetail/certInfoDetail.vue
@@ -0,0 +1,86 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="是否三证合一">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="统一社会信用代码">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="营业执照注册号">{{ certInfo.licenseRegisterNumber }}</el-descriptions-item>
+      <el-descriptions-item label="注册资金（万元）">{{ certInfo.registerCapital }}</el-descriptions-item>
+      <el-descriptions-item label="注册地址">{{ certInfo.registerAddress }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表">{{ certInfo.legalPerson }}</el-descriptions-item>
+      <el-descriptions-item label="成立日期">{{ certInfo.establishDate }}</el-descriptions-item>
+      <el-descriptions-item label="营业期限">{{ certInfo.businessTerm }}</el-descriptions-item>
+      <el-descriptions-item label="经营范围" span="2">{{ certInfo.businessScope }}</el-descriptions-item>
+      <el-descriptions-item label="组织机构代码">{{ certInfo.organizeCode }}</el-descriptions-item>
+      <el-descriptions-item label="" />
+      <el-descriptions-item label="纳税人性质">{{ certInfo.taxpayerNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="税务登记证号">{{ certInfo.taxRegisterCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CertInfoDetail',
+  data() {
+    return {
+      certInfo: {
+        threeCertificatesInOne: '',
+        unifiedSocialCreditCode: '',
+        licenseRegisterNumber: '',
+        registerCapital: '',
+        registerAddress: '',
+        legalPerson: '',
+        establishDate: '',
+        businessTerm: '',
+        businessScope: '',
+        organizeCode: '',
+        taxpayerNatureName: '',
+        taxRegisterCode: '',
+        licenseScan: '#',
+        organizeCodeScan: '#',
+        taxRegisterCodeScan: '#'
+      }
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/licenceInfo.vue b/src/views/companyDetail/licenceInfo.vue
new file mode 100644
index 0000000..e74e8aa
--- /dev/null
+++ b/src/views/companyDetail/licenceInfo.vue
@@ -0,0 +1,145 @@
+<template>
+  <el-form ref="licenceInfoForm" :model="licenceInfo" :rules="licenceRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="许可证名称" prop="licenseName">
+          <el-input v-model="licenceInfo.licenseName" placeholder="请输入许可证名称" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证期限" prop="licenseTerm">
+          <el-input v-model="licenceInfo.licenseTerm" placeholder="请输入许可证期限" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="许可证扫描件" prop="licenseScan">
+          <el-upload
+            ref="licenseScanFileUpload"
+            action="action"
+            :file-list="licenseScanFileList"
+            :http-request="uploadLicenceScanFile"
+            :on-remove="handleLicenceScanFileRemove"
+            :on-exceed="licenceScanFileExceed"
+            :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>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'LicenceInfo',
+  data() {
+    return {
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: ''
+      },
+      licenseScanFileList: [],
+      licenceRules: {
+        licenseName: [{ required: true, message: '请输入许可证名称', trigger: 'blur' }],
+        licenseTerm: [{ required: true, message: '请输入许可证期限', trigger: 'blur' }],
+        licenseScan: [{ required: true, message: '请上传许可证扫描件', trigger: 'change' }]
+      },
+      licenceInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.licenceInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    handleLicenceScanFileRemove(file) {
+      this.licenceInfo.licenseScan = ''
+      this.handleRemove(file, this.licenseScanFileList)
+      this.$refs.licenceInfoForm.validateField('licenseScan')
+    },
+    licenceScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.licenseScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/manSystemInfo.vue b/src/views/companyDetail/manSystemInfo.vue
new file mode 100644
index 0000000..3748058
--- /dev/null
+++ b/src/views/companyDetail/manSystemInfo.vue
@@ -0,0 +1,145 @@
+<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">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+export default {
+  name: 'ManSystemInfo',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      systemCertificateScanFileList: [],
+      manSystemRules: {
+        systemCertificateName: [{ required: true, message: '请输入管理体系认证名称', trigger: 'blur' }],
+        systemCertificateTerm: [{ required: true, message: '请输入管理体系认证期限', trigger: 'blur' }],
+        systemCertificateScan: [{ required: true, message: '请上传管理体系扫描件', trigger: 'blur' }]
+      },
+      manSystemInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.manSystemInfoForm.validate(valid => {
+        this.manSystemInfoValid = valid
+      })
+    },
+    clearForm() {
+      this.manSystemInfo = {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      }
+      this.systemCertificateScanFileList = []
+      // 清除验证
+      this.$nextTick(() => {
+        this.$refs.manSystemInfoForm.clearValidate()
+      })
+    },
+    // 文件上传
+    uploadManSystemScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.systemCertificateScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.systemCertificateScanFileList = [] // 只保留一张图片或一个文件
+          this.systemCertificateScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.manSystemInfo.systemCertificateScan = res.data.fileId
+          this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleManSystemScanFileRemove(file) {
+      this.manSystemInfo.systemCertificateScan = ''
+      this.handleRemove(file, this.systemCertificateScanFileList)
+      this.$refs.manSystemInfoForm.validateField('systemCertificateScan')
+    },
+    manSystemScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.systemCertificateScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    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>
+
+</style>
diff --git a/src/views/companyDetail/operationInfo.vue b/src/views/companyDetail/operationInfo.vue
new file mode 100644
index 0000000..6e70b6d
--- /dev/null
+++ b/src/views/companyDetail/operationInfo.vue
@@ -0,0 +1,286 @@
+<template>
+  <el-form ref="operInfoForm" :model="operationInfo" :rules="operationRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row style="margin-top: 20px">
+      <el-col :span="6">
+        <el-form-item label="年份" prop="currentYear">
+          <el-date-picker v-model="operationInfo.currentYear" type="year" format="yyyy" value-format="yyyy" :style="{ width: '100%' }" clearable />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearIncome" prop="yearIncome">
+          <el-input v-model="operationInfo.yearIncome" placeholder="请输入上年度收入（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item :label="lastYearProfit" prop="yearProfit">
+          <el-input v-model="operationInfo.yearProfit" placeholder="请输入上年度利润（万元）" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="近三年资产负债表" prop="threeYearLiabilitiesTable">
+          <el-upload
+            ref="liabilitiesFileUpload"
+            action="action"
+            :file-list="threeYearLiabilitiesFileList"
+            :http-request="uploadLiabilitiesScanFile"
+            :on-remove="handleLiabilitiesScanFileRemove"
+            :on-exceed="liabilitiesScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年损益表" prop="threeYearLossTable">
+          <el-upload
+            ref="lossFileUpload"
+            action="action"
+            :file-list="threeYearLossFileList"
+            :http-request="uploadLossScanFile"
+            :on-remove="handleLossScanFileRemove"
+            :on-exceed="lossScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="近三年现金流量表" prop="threeYearFlowTable">
+          <el-upload
+            ref="flowFileUpload"
+            action="action"
+            :file-list="threeYearFlowFileList"
+            :http-request="uploadFlowScanFile"
+            :on-remove="handleFlowScanFileRemove"
+            :on-exceed="flowScanFileExceed"
+            :limit="1"
+            accept=".pdf"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+import { validateFloat, validateFloatPlus } from '@/utils/validate'
+export default {
+  name: 'OperationInfo',
+  mounted() {
+    this.getCurrentYear()
+  },
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncome() {
+      return '上年度(' + this.lastYear + ')收入'
+    },
+    lastYearProfit() {
+      return '上年度(' + this.lastYear + ')利润'
+    }
+  },
+  watch: {
+    'operationInfo.currentYear': function() {
+      if (this.operationInfo.currentYear === '' || this.operationInfo.currentYear === null) {
+        this.getCurrentYear()
+      }
+    }
+  },
+  data() {
+    const incomeValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloatPlus(value) === false) {
+        callback(new Error('请输入非负数字'))
+      } else {
+        callback()
+      }
+    }
+    const profitValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validateFloat(value) === false) {
+        callback(new Error('请输入数字'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '',
+        threeYearLossTable: '',
+        threeYearFlowTable: ''
+      },
+      threeYearLiabilitiesFileList: [],
+      threeYearLossFileList: [],
+      threeYearFlowFileList: [],
+      operationRules: {
+        yearIncome: [{ required: true, message: '请输入上年度收入（万元）', trigger: 'blur' }, { validator: incomeValidator, trigger: 'blur' }],
+        yearProfit: [{ required: true, message: '请输入上年度利润（万元）', trigger: 'blur' }, { validator: profitValidator, trigger: 'blur' }],
+        threeYearLiabilitiesTable: [{ required: true, message: '请上传近三年资产负债表', trigger: 'blur' }],
+        threeYearLossTable: [{ required: true, message: '请上传近三年损益表', trigger: 'blur' }],
+        threeYearFlowTable: [{ required: true, message: '请上传近三年先进流量表', trigger: 'blur' }]
+      },
+      operationInfoValid: false
+    }
+  },
+  methods: {
+    getCurrentYear() {
+      this.operationInfo.currentYear = new Date().getFullYear() + ''
+    },
+    validateForm: function() {
+      this.$refs.operInfoForm.validate(valid => {
+        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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadLossScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearLossFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    uploadFlowScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.threeYearFlowFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          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('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lossScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearLossFileList)
+    },
+    flowScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.threeYearFlowFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isPDF = file.type === 'application/pdf'
+      if (!isPDF) {
+        this.$message.error('上传文件只能是 PDF文档 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt10M = file.size / 1024 / 1024 < 10
+      if (!isLt10M) {
+        this.$message.error('上传文件大小不能超过 10MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
new file mode 100644
index 0000000..f7346e7
--- /dev/null
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="el-container">
+    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="上年度收入">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="上年度利润">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.licenseScan" :disabled="certInfo.licenseScan === '#'" type="primary" target="_blank">营业执照扫描件</el-link> |
+        <el-link :href="certInfo.organizeCodeScan" :disabled="certInfo.organizeCodeScan === '#'" type="primary" target="_blank">组织机构代码证扫描件</el-link> |
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="许可证名称">{{ certInfo.threeCertificatesInOne }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限">{{ certInfo.unifiedSocialCreditCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OperationInfoDetail',
+  data() {
+    return {
+      operationInfo: {
+        currentYear: '',
+        yearIncome: '',
+        yearProfit: '',
+        threeYearLiabilitiesTable: '#',
+        threeYearLossTable: '#',
+        threeYearFlowTable: '#'
+      },
+      licenceInfo: {
+        licenseName: '',
+        licenseTerm: '',
+        licenseScan: '#'
+      },
+    }
+  },
+  methods: {
+    showCertDetail(cert) {
+      this.certInfo.threeCertificatesInOne = cert.threeCertificatesInOne === 1 ? '是' : '否'
+      this.certInfo.unifiedSocialCreditCode = cert.unifiedSocialCreditCode
+      this.certInfo.licenseRegisterNumber = cert.licenseRegisterNumber
+      this.certInfo.registerCapital = cert.registerCapital
+      this.certInfo.registerAddress = cert.registerAddress
+      this.certInfo.legalPerson = cert.legalPerson
+      if (cert.establishDate !== '' && cert.establishDate.length > 10) {
+        this.certInfo.establishDate = cert.establishDate.substring(0, 10)
+      } else {
+        this.certInfo.establishDate = cert.establishDate
+      }
+      this.certInfo.businessTerm = cert.businessTerm
+      this.certInfo.businessScope = cert.businessScope
+      this.certInfo.organizeCode = cert.organizeCode
+      this.certInfo.taxpayerNatureName = cert.taxpayerNatureName
+      this.certInfo.taxRegisterCode = cert.taxRegisterCode
+
+      const baseUrl = this.baseConfig.baseUrl + '/static/'
+      if (cert.licenseScan !== '' && cert.licenseScan !== undefined && cert.licenseScan !== null) {
+        this.certInfo.licenseScan = baseUrl + cert.licenseScan
+      }
+      if (cert.organizeCodeScan !== '' && cert.organizeCodeScan !== undefined && cert.organizeCodeScan !== null) {
+        this.certInfo.organizeCodeScan = baseUrl + cert.organizeCodeScan
+      }
+      if (cert.taxRegisterCodeScan !== '' && cert.taxRegisterCodeScan !== undefined && cert.taxRegisterCodeScan !== null) {
+        this.certInfo.taxRegisterCodeScan = baseUrl + cert.taxRegisterCodeScan
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfo.vue b/src/views/companyDetail/personInfo.vue
new file mode 100644
index 0000000..e0860ff
--- /dev/null
+++ b/src/views/companyDetail/personInfo.vue
@@ -0,0 +1,527 @@
+<template>
+  <el-form ref="personInfoForm" :model="personInfo" :rules="personRules" size="medium" label-width="150px" style="margin-top: 20px">
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表姓名" prop="legalPersonName">
+          <el-input v-model="personInfo.legalPersonName" placeholder="请输入法人代表姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表手机号" prop="legalPersonPhone">
+          <el-input v-model="personInfo.legalPersonPhone" placeholder="请输入法人代表手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件类型" prop="legalPersonCertificateType">
+          <el-select v-model="personInfo.legalPersonCertificateType" placeholder="请选择法人代表证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="法人代表证件号" prop="legalPersonCertificateCode">
+          <el-input v-model="personInfo.legalPersonCertificateCode" placeholder="请输入法人代表证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="法人代表证件" prop="legalPersonCertificateFrontScan">
+            <el-upload
+              ref="legalPersonCertificateFrontScan"
+              action="action"
+              :file-list="legalPersonCertificateFrontScanFileList"
+              :http-request="uploadLPIDFrontScanFile"
+              :on-remove="handleLPIDFrontScanFileRemove"
+              :on-exceed="lPIDFrontScanFileExceed"
+              :limit="1"
+              accept=".jpg,.jpeg,.png"
+            >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="legalPersonCertificateBackScan">
+          <el-upload
+            ref="legalPersonCertificateBackScan"
+            action="action"
+            :file-list="legalPersonCertificateBackScanFileList"
+            :http-request="uploadLPIDBackScanFile"
+            :on-remove="handleLPIDBackScanFileRemove"
+            :on-exceed="lPIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人姓名" prop="businessLeaderName">
+          <el-input v-model="personInfo.businessLeaderName" placeholder="请输入业务负责人姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人手机号" prop="businessLeaderPhone">
+          <el-input v-model="personInfo.businessLeaderPhone" placeholder="请输入业务负责人手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件类型" prop="businessLeaderCertificateType">
+          <el-select v-model="personInfo.businessLeaderCertificateType" placeholder="请选择业务负责人证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="业务负责人证件号" prop="businessLeaderCertificateCode">
+          <el-input v-model="personInfo.businessLeaderCertificateCode" placeholder="请输入业务负责人证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="5">
+        <el-form-item label="业务负责人证件" prop="businessLeaderCertificateFrontScan">
+          <el-upload
+            ref="businessLeaderCertificateFrontScan"
+            action="action"
+            :file-list="businessLeaderCertificateFrontScanFileList"
+            :http-request="uploadBLIDFrontScanFile"
+            :on-remove="handleBLIDFrontScanFileRemove"
+            :on-exceed="bLIDFrontScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照正面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+      <el-col :span="3">
+        <el-form-item label-width="0" prop="businessLeaderCertificateBackScan">
+          <el-upload
+            ref="businessLeaderCertificateBackScan"
+            action="action"
+            :file-list="businessLeaderCertificateBackScanFileList"
+            :http-request="uploadBLIDBackScanFile"
+            :on-remove="handleBLIDBackScanFileRemove"
+            :on-exceed="bLIDBackScanFileExceed"
+            :limit="1"
+            accept=".jpg,.jpeg,.png"
+          >
+            <el-button size="small" type="primary" icon="el-icon-upload">
+              证件照背面
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="备用联系人姓名" prop="backupPersonName">
+          <el-input v-model="personInfo.backupPersonName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 备用联系人手机号" prop="backupPersonPhone">
+          <el-input v-model="personInfo.backupPersonPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件类型" prop="backupPersonCertificateType">
+          <el-select v-model="personInfo.backupPersonCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="备用联系人证件号" prop="backupPersonCertificateCode">
+          <el-input v-model="personInfo.backupPersonCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="技术负责人姓名" prop="technicalLeaderName">
+          <el-input v-model="personInfo.technicalLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label=" 技术负责人手机号" prop="technicalLeaderPhone">
+          <el-input v-model="personInfo.technicalLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件类型" prop="technicalLeaderCertificateType">
+          <el-select v-model="personInfo.technicalLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="技术负责人证件号" prop="technicalLeaderCertificateCode">
+          <el-input v-model="personInfo.technicalLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="售后负责人姓名" prop="saleLeaderName">
+          <el-input v-model="personInfo.saleLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人手机号" prop="saleLeaderPhone">
+          <el-input v-model="personInfo.saleLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件类型" prop="saleLeaderCertificateType">
+          <el-select v-model="personInfo.saleLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="售后负责人证件号" prop="saleLeaderCertificateCode">
+          <el-input v-model="personInfo.saleLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="6">
+        <el-form-item label="财务负责人姓名" prop="financeLeaderName">
+          <el-input v-model="personInfo.financeLeaderName" placeholder="请输入姓名" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人手机号" prop="financeLeaderPhone">
+          <el-input v-model="personInfo.financeLeaderPhone" placeholder="请输入手机号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件类型" prop="financeLeaderCertificateType">
+          <el-select v-model="personInfo.financeLeaderCertificateType" placeholder="请选择证件类型" clearable :style="{ width: '100%' }">
+            <el-option
+              v-for="item in certificateTypeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="6">
+        <el-form-item label="财务负责人证件号" prop="financeLeaderCertificateCode">
+          <el-input v-model="personInfo.financeLeaderCertificateCode" placeholder="请输入证件号" clearable :style="{ width: '100%' }" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+
+<script>
+import { getDictByCode } from '@/api/system/dict'
+import { Uploadimg } from '@/api/common'
+import { validatePhone } from '@/utils/validate'
+export default {
+  name: 'PersonInfo',
+  mounted() {
+    this.getPersonCertificateTypeDict()
+  },
+  data() {
+    const phoneValidator = (rule, value, callback) => {
+      if (value !== undefined && value !== '' && validatePhone(value) === false) {
+        callback(new Error('手机号格式不正确'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      personInfo: {
+        legalPersonName: '',
+        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: [],
+      legalPersonCertificateBackScanFileList: [],
+      businessLeaderCertificateFrontScanFileList: [],
+      businessLeaderCertificateBackScanFileList: [],
+      personRules: {
+        legalPersonName: [{ required: true, message: '请输入法人代表姓名', trigger: 'blur' }],
+        legalPersonPhone: [{ required: true, message: '请输入法人代表手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        legalPersonCertificateType: [{ required: true, message: '请选择法人代表证件类型', trigger: 'change' }],
+        legalPersonCertificateCode: [{ required: true, message: '请输入法人代表证件号', trigger: 'blur' }],
+        legalPersonCertificateFrontScan: [{ required: true, message: '请上传法人代表证件照正面', trigger: 'blur' }],
+        legalPersonCertificateBackScan: [{ required: true, message: '请上传法人代表证件照背面', trigger: 'blur' }],
+        businessLeaderName: [{ required: true, message: '请输入业务负责人姓名', trigger: 'blur' }],
+        businessLeaderPhone: [{ required: true, message: '请输入业务负责人手机号', trigger: 'blur' }, { validator: phoneValidator, trigger: 'blur' }],
+        businessLeaderCertificateType: [{ required: true, message: '请选择业务负责人证件类型', trigger: 'change' }],
+        businessLeaderCertificateCode: [{ required: true, message: '请输入业务负责人证件号', trigger: 'blur' }],
+        businessLeaderCertificateFrontScan: [{ required: true, message: '请上传业务负责人证件照正面', trigger: 'blur' }],
+        businessLeaderCertificateBackScan: [{ required: true, message: '请上传业务负责人证件照背面', trigger: 'blur' }],
+        backupPersonPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        technicalLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        saleLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }],
+        financeLeaderPhone: [{ validator: phoneValidator, trigger: 'blur' }]
+      },
+      personInfoValid: false
+    }
+  },
+  methods: {
+    getPersonCertificateTypeDict() {
+      getDictByCode('legalPersonCertificateType').then(response => {
+        if (response.code === 200) {
+          this.certificateTypeOptions = response.data
+        }
+      })
+    },
+    validateForm: function() {
+      this.$refs.personInfoForm.validate(valid => {
+        this.personInfoValid = valid
+      })
+    },
+    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)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadLPIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.legalPersonCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.legalPersonCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.legalPersonCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.legalPersonCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('legalPersonCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDFrontScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateFrontScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateFrontScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateFrontScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateFrontScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateFrontScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    uploadBLIDBackScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.businessLeaderCertificateBackScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.businessLeaderCertificateBackScanFileList = [] // 只保留一张图片或一个文件
+          this.businessLeaderCertificateBackScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.personInfo.businessLeaderCertificateBackScan = res.data.fileId
+          this.$refs.personInfoForm.validateField('businessLeaderCertificateBackScan')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    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)
+    },
+    lPIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.legalPersonCertificateBackScanFileList)
+    },
+    bLIDFrontScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateFrontScanFileList)
+    },
+    bLIDBackScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.businessLeaderCertificateBackScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      if (!isJPG) {
+        this.$message.error('上传文件只能是 图片 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他图片')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
new file mode 100644
index 0000000..02a6d43
--- /dev/null
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="el-container">
+    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
+      <el-descriptions-item label="法人代表姓名">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件">{{ personInfo.legalPersonCertificateTypeName }}  {{ personInfo.legalPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="业务负责人姓名">{{ personInfo.businessLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人手机号">{{ personInfo.businessLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="业务负责人证件">{{ personInfo.businessLeaderCertificateTypeName }}  {{ personInfo.businessLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="备用联系人姓名">{{ personInfo.backupPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人手机号">{{ personInfo.backupPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人手机号">{{ personInfo.technicalLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="技术负责人证件">{{ personInfo.technicalLeaderCertificateTypeName }}  {{ personInfo.technicalLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="售后负责人姓名">{{ personInfo.saleLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人手机号">{{ personInfo.saleLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="售后负责人证件">{{ personInfo.saleLeaderCertificateTypeName }}  {{ personInfo.saleLeaderCertificateCode }}</el-descriptions-item>
+
+      <el-descriptions-item label="财务负责人姓名">{{ personInfo.financeLeaderName }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人手机号">{{ personInfo.financeLeaderPhone }}</el-descriptions-item>
+      <el-descriptions-item label="财务负责人证件">{{ personInfo.financeLeaderCertificateTypeName }}  {{ personInfo.financeLeaderCertificateCode }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="3">
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateFrontScan" :disabled="personInfo.legalPersonCertificateFrontScan === '#'" type="primary" target="_blank">法人代表证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.legalPersonCertificateBackScan" :disabled="personInfo.legalPersonCertificateBackScan === '#'" type="primary" target="_blank">法人代表证件照背面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateFrontScan" :disabled="personInfo.businessLeaderCertificateFrontScan === '#'" type="primary" target="_blank">业务负责人证件照正面</el-link> |
+        <el-link :href="baseUrl + personInfo.businessLeaderCertificateBackScan" :disabled="personInfo.businessLeaderCertificateBackScan === '#'" type="primary" target="_blank">业务负责人证件照背面</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PersonInfoDetail',
+  data() {
+    return {
+      personInfo: {
+        legalPersonName: '',
+        legalPersonPhone: '',
+        legalPersonCertificateCode: '',
+        legalPersonCertificateTypeName: '',
+        legalPersonCertificateFrontScan: '#',
+        legalPersonCertificateBackScan: '#',
+        businessLeaderName: '',
+        businessLeaderCertificateTypeName: '',
+        businessLeaderCertificateCode: '',
+        businessLeaderPhone: '',
+        businessLeaderCertificateFrontScan: '#',
+        businessLeaderCertificateBackScan: '#',
+        backupPersonName: '',
+        backupPersonPhone: '',
+        backupPersonCertificateTypeName: '',
+        backupPersonCertificateCode: '',
+        technicalLeaderName: '',
+        technicalLeaderPhone: '',
+        technicalLeaderCertificateTypeName: '',
+        technicalLeaderCertificateCode: '',
+        saleLeaderName: '',
+        saleLeaderPhone: '',
+        saleLeaderCertificateTypeName: '',
+        saleLeaderCertificateCode: '',
+        financeLeaderName: '',
+        financeLeaderPhone: '',
+        financeLeaderCertificateTypeName: '',
+        financeLeaderCertificateCode: ''
+      },
+      baseUrl: ''
+    }
+  },
+  methods: {
+    showPersonDetail(person) {
+      this.personInfo = person
+
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/qualifyInfo.vue b/src/views/companyDetail/qualifyInfo.vue
new file mode 100644
index 0000000..be26c20
--- /dev/null
+++ b/src/views/companyDetail/qualifyInfo.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="form-table">
+    <div>
+      <el-table :data="busDetailQualifyCertificates" class="el-tab" border size="small" header-cell-class-name="form-table-header">
+        <el-table-column prop="index" label="序号" width="100"/>
+        <el-table-column prop="qualifyCode" label="资质要求编号" width="250"/>
+        <el-table-column prop="qualifyName" label="资质要求名称" width="250"/>
+        <el-table-column prop="qualifyDesc" label="资质描述" width="300"/>
+        <el-table-column prop="qualifyProvScanFilename" label="资质证明材料" width="300"/>
+        <el-table-column label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="delQualifyDetail(scope.row)">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div>
+      <el-button class="table-btn" type="primary" @click="showAddQualify">添加资质要求</el-button>
+    </div>
+    <el-dialog :visible.sync="dialogVisible" title="添加资质要求" :close-on-click-modal="false" append-to-body>
+      <el-form ref="qualifyInfoForm" :model="qualifyInfo" :rules="qualifyRules" size="medium" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="资质要求编号" prop="qualifyCode">
+              <el-input v-model.trim="qualifyInfo.qualifyCode" type="text" placeholder="请输入资质要求编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="资质要求名称" prop="qualifyName">
+              <el-input v-model.trim="qualifyInfo.qualifyName" type="text" placeholder="请输入资质要求名称"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="20">
+            <el-form-item label="资质描述" prop="qualifyDesc">
+              <el-input v-model.trim="qualifyInfo.qualifyDesc" type="textarea" :rows="3" placeholder="请输入资质描述"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="资质证明材料" prop="proveMaterialDesc">
+              <el-upload
+                ref="qualifyProvScanFileUpload"
+                action="action"
+                :file-list="qualifyProvScanFileList"
+                :http-request="uploadQualifyProvScanFile"
+                :on-remove="handleQualifyProvScanFileRemove"
+                :on-exceed="qualifyProvScanFileExceed"
+                :limit="1"
+                accept=".jpg,.jpeg,.png,.pdf"
+              >
+                <el-button size="small" type="primary" icon="el-icon-upload">
+                  上传文件
+                </el-button>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="saveData">
+          保存
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { Uploadimg } from '@/api/common'
+
+export default {
+  name: 'QualifyInfo',
+  data() {
+    return {
+      qualifyInfo: {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      },
+      busDetailQualifyCertificates: [],
+      qualifyRules: {
+        qualifyCode: [{ required: true, message: '请输入资质要求编号', trigger: 'blur' }],
+        qualifyName: [{ required: true, message: '请输入资质要求名称', trigger: 'blur' }]
+      },
+      qualifyProvScanFileList: [],
+      dialogVisible: false,
+      qualifyInfoValid: false
+    }
+  },
+  methods: {
+    validateForm: function() {
+      this.$refs.qualifyInfoForm.validate(valid => {
+        this.qualifyInfoValid = valid
+      })
+    },
+    showAddQualify() {
+      this.dialogVisible = true
+      // 清除已有的内容
+      this.qualifyInfo = {
+        qualifyCode: '',
+        qualifyName: '',
+        qualifyDesc: '',
+        proveMaterialDesc: '',
+        qualifyProvScanFilename: ''
+      }
+      this.qualifyProvScanFileList = []
+
+      this.$nextTick(() => {
+        //  延时到下一帧才开始，也就是页面刚刚渲染结束！！
+        this.$refs.qualifyInfoForm.clearValidate()
+      })
+    },
+    saveData() {
+      this.validateForm()
+      if (this.qualifyInfoValid === true) {
+        const qualify = {}
+        qualify.index = this.busDetailQualifyCertificates.length + 1
+        qualify.qualifyCode = this.qualifyInfo.qualifyCode
+        qualify.qualifyName = this.qualifyInfo.qualifyName
+        qualify.qualifyDesc = this.qualifyInfo.qualifyDesc
+        qualify.proveMaterialDesc = this.qualifyInfo.proveMaterialDesc
+        qualify.qualifyProvScanFilename = this.qualifyInfo.qualifyProvScanFilename
+        this.busDetailQualifyCertificates.push(qualify)
+        this.dialogVisible = false
+      }
+    },
+    delQualifyDetail(row) {
+      for (const i in this.busDetailQualifyCertificates) {
+        if (this.busDetailQualifyCertificates[i].index === row.index) {
+          this.busDetailQualifyCertificates.splice(i, 1)
+          return
+        }
+      }
+    },
+    // 文件上传
+    uploadQualifyProvScanFile(file) {
+      const upload = this.handleBeforeUpload(file.file, this.qualifyProvScanFileList)
+      if (upload === false) {
+        return
+      }
+      const base_url = this.baseConfig.baseUrl + '/static/'
+      Uploadimg(file).then(res => {
+        if (res.code === 200) {
+          this.qualifyProvScanFileList = [] // 只保留一张图片或一个文件
+          this.qualifyProvScanFileList.push({ name: res.data.fileName, url: base_url + res.data.fileId })
+          this.qualifyInfo.provScanFileList = res.data.fileId
+          this.qualifyInfo.qualifyProvScanFilename = res.data.fileName
+          this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+          this.$message.success('文件上传成功')
+        }
+      })
+    },
+    handleQualifyProvScanFileRemove(file) {
+      this.qualifyInfo.qualifyProvScanFilename = ''
+      this.qualifyInfo.proveMaterialDesc = ''
+      this.handleRemove(file, this.qualifyProvScanFileList)
+      this.$refs.qualifyInfoForm.validateField('proveMaterialDesc')
+    },
+    qualifyProvScanFileExceed(file, fileList) {
+      this.handleExceed(file, this.qualifyProvScanFileList)
+    },
+    // 上传前判断文件格式及大小
+    handleBeforeUpload(file, fileList) {
+      let res = true
+      // 判断文件格式
+      const isJPG = (file.type === 'image/jpeg') || (file.type === 'image/png')
+      const isPDF = file.type === 'application/pdf'
+      if (!isJPG && !isPDF) {
+        this.$message.error('上传文件只能是 图片 或 PDF 格式!')
+        res = false
+      }
+
+      // 判断文件大小
+      const isLt5M = file.size / 1024 / 1024 < 5
+      if (!isLt5M) {
+        this.$message.error('上传文件大小不能超过 5MB!')
+        res = false
+      }
+
+      // 判断文件是否已经上传过
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          this.$message.error('该文件已上传过，请选择其他文件')
+          res = false
+        }
+      }
+
+      return res
+    },
+    // 文件列表移除文件时的钩子
+    handleRemove(file, fileList) {
+      for (const i in fileList) {
+        if (fileList[i].name === file.name) {
+          fileList.splice(i, 1)
+          return
+        }
+      }
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning('最多上传一个文件，请先删除再重新上传')
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.form-table {
+  display: flex;
+  margin: 20px;
+
+  .table-btn {
+    margin-left: 100px;
+  }
+
+  ::v-deep .form-table-header {
+    font-size: 16px;
+  }
+}
+</style>
diff --git a/src/views/distributor/dealerinformation.vue b/src/views/distributor/dealerinformation.vue
index 61ab563..d686355 100644
--- a/src/views/distributor/dealerinformation.vue
+++ b/src/views/distributor/dealerinformation.vue
@@ -75,17 +75,18 @@
 </template>
 
 <script>
-import BaseInfo from '@/views/account/baseInfo'
-import CertInfo from '@/views/account/certInfo'
-import PersonInfo from '@/views/account/personInfo'
-import BusinessInfo from '@/views/account/businessInfo'
-import OperationInfo from '@/views/account/operationInfo'
-import LicenceInfo from '@/views/account/licenceInfo'
-import BankInfo from '@/views/account/bankInfo'
-import ManSystemInfo from '@/views/account/manSystemInfo'
-import QualifyInfo from '@/views/account/qualifyInfo'
+import BaseInfo from '@/views/companyDetail/baseInfo'
+import CertInfo from '@/views/companyDetail/certInfo'
+import PersonInfo from '@/views/companyDetail/personInfo'
+import BusinessInfo from '@/views/companyDetail/businessInfo'
+import OperationInfo from '@/views/companyDetail/operationInfo'
+import LicenceInfo from '@/views/companyDetail/licenceInfo'
+import BankInfo from '@/views/companyDetail/bankInfo'
+import ManSystemInfo from '@/views/companyDetail/manSystemInfo'
+import QualifyInfo from '@/views/companyDetail/qualifyInfo'
 import { addDistributorInfo } from '@/api/distributor/distributor'
 export default {
+  name: 'DealerInfomation',
   components: {
     BaseInfo, CertInfo, PersonInfo, BusinessInfo, OperationInfo, LicenceInfo, BankInfo, ManSystemInfo, QualifyInfo
   },
diff --git a/src/views/distributor/distributorDetail.vue b/src/views/distributor/distributorDetail.vue
new file mode 100644
index 0000000..78b2bbb
--- /dev/null
+++ b/src/views/distributor/distributorDetail.vue
@@ -0,0 +1,475 @@
+<!--经销商详情弹窗-->
+<template>
+  <el-dialog title="经销商详情" width="75%" :visible.sync="isShowInfo" append-to-body :close-on-click-modal="false">
+    <el-descriptions title="" :column="2" border>
+      <el-descriptions-item label="经销商名称">{{ baseInfo.distributorName }}</el-descriptions-item>
+      <el-descriptions-item label="经销商编号">{{ baseInfo.distributorCode }}</el-descriptions-item>
+      <el-descriptions-item label="单位性质">{{ baseInfo.companyNatureName }}</el-descriptions-item>
+      <el-descriptions-item label="单位类型">{{ baseInfo.companyTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="详细地址" span="2">
+        {{ baseInfo.companyProvince }} / {{ baseInfo.companyCity }} / {{ baseInfo.companyArea }} / {{ baseInfo.companyAddress }}
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <el-tabs v-model="activeTabName" style="margin-top: 20px;">
+      <el-tab-pane label="三证信息" name="certDetail">
+        <cert-info-detail ref="certDetail"/>
+      </el-tab-pane>
+
+      <el-tab-pane label="联系人信息" name="personDetail">
+        <person-info-detail ref="personDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="业务信息" name="businessDetail">
+        <business-info-detail ref="businessDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="经营信息" name="operationDetail">
+        <operation-info-detail ref="operationDetail" />
+      </el-tab-pane>
+
+      <el-tab-pane label="其他信息" name="extraDetail">
+        其他附加
+      </el-tab-pane>
+    </el-tabs>
+
+<!--    <div class="deviceDialog ">-->
+<!--      &lt;!&ndash; {{personInfo}} &ndash;&gt;-->
+<!--      <div class="headInfo">-->
+<!--      </div>-->
+<!--      <div class="content">-->
+<!--        <div class="content_nav">-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 0 }" @click="changeNav(0)">-->
+<!--            三证信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 1 }" @click="changeNav(1)">-->
+<!--            联系人信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 2 }" @click="changeNav(2)">-->
+<!--            业务信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 3 }" @click="changeNav(3)">-->
+<!--            经营信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 4 }" @click="changeNav(4)">-->
+<!--            评审信息-->
+<!--          </div>-->
+<!--          <div class="nav_item" :class="{ selectNav: navSelect == 5 }" @click="changeNav(5)">-->
+<!--            其他信息-->
+<!--          </div>-->
+<!--        </div>-->
+<!--          <div v-if="navSelect == 4" class="reviewbox">-->
+<!--            <div class="inputContent">-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.supplierStatusName"-->
+<!--                title="供应商状态"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.preReviewResultName"-->
+<!--                title="资料预审结果"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="reviewInfo.inputReviewResult"-->
+<!--                title="录库评审结果"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--            </div>-->
+<!--            <div class="title">-->
+<!--              历史季度评价-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="reviewInfo.quarterlyEvaluateList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="supplierCode" label="序号" />-->
+<!--              <el-table-column prop="evaluateQuarterly" label="评价季度" />-->
+<!--              <el-table-column prop="quarterlyEvaluateResult" label="季度评价结果" />-->
+<!--              <el-table-column prop="quarterlyEvaluateIllustration" label="季度评价说明" />-->
+<!--              <el-table-column prop="quarterlyEvaluateDate" label="季度评价时间" />-->
+<!--              <el-table-column prop="quarterlyEvaluateFile" label="评价详情" />-->
+<!--            </el-table>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="reviewInfo.annualAssessList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="supplierCode" label="序号" />-->
+<!--              <el-table-column prop="assessAnnual" label="考核年度" />-->
+<!--              <el-table-column prop="annualAssessResult" label="年度考核结果" />-->
+<!--              <el-table-column prop="annualAssessIllustration" label="年度考核时说明" />-->
+<!--              <el-table-column prop="annualAssessDate" label="年度考核时间" />-->
+<!--              <el-table-column prop="annualAssessFile" label="考核详情" />-->
+<!--            </el-table>-->
+<!--          </div>-->
+<!--          <div v-if="navSelect == 5" class="othernfo">-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="businessInfo.bankList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              &lt;!&ndash; <el-table-column prop="date" label="序号" > </el-table-column> &ndash;&gt;-->
+<!--              <el-table-column prop="accountName" label="账户名称" />-->
+<!--              <el-table-column prop="accountNumber" label="银行账号" />-->
+<!--              <el-table-column prop="depositBank" label="开户行" />-->
+<!--              <el-table-column prop="depositBankName" label="开户行名称" />-->
+<!--              <el-table-column prop="depositBankNumber" label="开户行号" />-->
+<!--              &lt;!&ndash; <el-table-column prop="address" label="操作"> </el-table-column> &ndash;&gt;-->
+<!--            </el-table>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <div class="inputContent">-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateName"-->
+<!--                title="管理体系认证名称"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateTerm"-->
+<!--                title="管理体系认证期限"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--              <input-vue-->
+<!--                v-model="businessInfo.systemCertificateScan"-->
+<!--                title="管理体系扫描件"-->
+<!--                width="200px"-->
+<!--                disabled="true"-->
+<!--              />-->
+<!--            </div>-->
+<!--            <div class="title">-->
+<!--              历史年度考核-->
+<!--            </div>-->
+<!--            <el-table-->
+<!--              height="200"-->
+<!--              :data="businessInfo.qualifyCertificateList"-->
+<!--              :row-class-name="tableRowClassName"-->
+<!--              :header-cell-style="{-->
+<!--                'text-align': 'center',-->
+<!--                background: '  #2483b3',-->
+<!--                color: 'white',-->
+<!--              }"-->
+<!--              :row-style="{ 'text-align': 'center' }"-->
+<!--              style="width: 100%"-->
+<!--            >-->
+<!--              <el-table-column prop="id" label="序号" />-->
+<!--              <el-table-column prop="qualifyName" label="资质需要名称" />-->
+<!--              <el-table-column prop="qualifyDesc" label="资质需求描述" />-->
+<!--              <el-table-column prop="proveMaterialDesc" label="资质要求材料" />-->
+<!--            </el-table>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </div>-->
+  </el-dialog>
+</template>
+
+<script>
+
+import CertInfoDetail from '@/views/companyDetail/certInfoDetail'
+import PersonInfoDetail from '@/views/companyDetail/personInfoDetail'
+import BusinessInfoDetail from '@/views/companyDetail/businessInfoDetail'
+import OperationInfoDetail from '@/views/companyDetail/operationInfoDetail'
+import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
+import { certificateDetail, personDetail, businessDetail } from '@/api/distributor/distributor'
+
+export default {
+  name: 'DistributorDetail',
+  components: {
+    CertInfoDetail, PersonInfoDetail, BusinessInfoDetail, OperationInfoDetail
+  },
+  data() {
+    return {
+      baseInfo: {
+        distributorCode: '',
+        distributorName: '',
+        companyNatureName: '',
+        companyTypeName: '',
+        companyProvince: '',
+        companyCity: '',
+        companyArea: '',
+        companyAddress: ''
+      },
+      activeTabName: 'certDetail',
+      certificateInfo: '',
+      personInfo: '',
+      businessInfo: '',
+      reviewInfo: '',
+      isShowInfo: false
+    }
+  },
+  methods: {
+    tableRowClassName: tableRowClassName,
+    initDialog(dialogStatus, row = null) {
+      this.isShowInfo = true
+      this.activeTabName = 'certDetail'
+      if (row !== null) {
+        this.baseInfo.distributorCode = row.distributorCode
+        this.baseInfo.distributorName = row.distributorName
+        this.baseInfo.companyNatureName = row.companyNatureName
+        this.baseInfo.companyTypeName = row.companyTypeName
+        this.baseInfo.companyProvince = row.companyProvince
+        this.baseInfo.companyCity = row.companyCity
+        this.baseInfo.companyArea = row.companyArea
+        this.baseInfo.companyAddress = row.companyAddress
+      }
+
+      this.getCertDetail(row.distributorCode)
+      this.getPersonDetail(row.distributorCode)
+      this.getBusinessDetail(row.distributorCode)
+    },
+    getCertDetail(distributorCode) {
+      certificateDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.certDetail.showCertDetail(res)
+        }
+      })
+    },
+    getPersonDetail(distributorCode) {
+      personDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.personDetail.showPersonDetail(res)
+        }
+      })
+    },
+    getBusinessDetail(distributorCode) {
+      businessDetail({ distributorCode: distributorCode }).then(res => {
+        if (res !== null && res !== undefined && res !== '') {
+          this.$refs.businessDetail.showBusinessDetail(res)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.deviceDialog {
+  border-radius: 5px;
+  // overflow: hidden;
+  // padding: 10px ;
+  width: 1125px;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.selectNav {
+  border: 1px solid #999;
+  border-bottom: 3px solid #fff;
+  position: relative;
+  z-index: 9;
+  box-sizing: border-box;
+  top: 2px;
+}
+
+.content {
+  width: 100%;
+
+  .content_nav {
+    box-sizing: border-box;
+    display: flex;
+    margin: 10px 0;
+    border-bottom: 1px solid #999;
+
+    .nav_item {
+      width: 130px;
+      height: 60px;
+      margin: 0 10px;
+      line-height: 60px;
+      text-align: center;
+    }
+  }
+}
+
+.content_content {
+  // padding: 20px 0 60px 0;
+  // box-sizing: border-box;
+
+}
+
+.headInfo {
+  width: 1000px;
+
+  .inputContent {
+    // flex: 1;
+    display: flex;
+    // flex-direction: column;
+
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+.baseInfo {
+  width: 1000px;
+  display: flex;
+
+  .inputContent {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    margin: 0 10px;
+    // justify-content: space-between;
+    // align-items: center;
+  }
+}
+
+.deviceInfo {
+  display: flex;
+  // align-items: center;
+  justify-content: space-between;
+  height: 100%;
+
+  .inputContent {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+
+.dataInfo {
+  display: flex;
+  // align-items: center;
+  justify-content: space-between;
+  height: 100%;
+
+  .inputContent {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+}
+
+.relation {
+  .topbox {
+    .inputContent {
+      display: flex;
+      justify-content: space-between;
+
+      .input-vue {
+        // flex: 1;
+        width: 364px;
+      }
+
+      .doulbe {
+        // width: 572px;
+        width: 602px;
+        padding-left: 27px;
+        // padding-left: 4px;
+      }
+
+      .doulbe2 {
+        padding-left: 12px;
+        width: 588px;
+      }
+    }
+  }
+}
+
+.business, .reviewbox {
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .title {
+    padding: 10px 0;
+  }
+}
+
+.manage {
+  .title {
+    background-color: rgb(40, 115, 158);
+    color: #fff;
+    font-size: 22px;
+    padding: 10px;
+    font-weight: bold;
+  }
+
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+
+    .tableDown {
+      width: 200px;
+      display: flex;
+      align-items: center;
+      padding: 0 10px;
+
+      input {
+        outline: none;
+        border: none;
+        width: 140px;
+      }
+
+      span {
+        margin-left: 5px;
+      }
+
+      color: rgb(40, 115, 158);
+      border: 1px solid lightgray;
+      height: 40px;
+    }
+  }
+
+  .inputbox {
+    display: flex;
+  }
+
+}
+
+.othernfo {
+  .title {
+    background-color: rgb(40, 115, 158);
+    color: #fff;
+    font-size: 22px;
+    padding: 10px;
+    font-weight: bold;
+    margin: 10px 0;
+  }
+
+  .inputContent {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+</style>
diff --git a/src/views/distributor/distributorList.vue b/src/views/distributor/distributorList.vue
index a7ccb43..683549f 100644
--- a/src/views/distributor/distributorList.vue
+++ b/src/views/distributor/distributorList.vue
@@ -33,12 +33,16 @@
       <el-table-column prop="index" width="100px" label="序号" />
       <el-table-column prop="distributorCode" width="200px" label="经销商编号" />
       <el-table-column prop="distributorName" width="400px" label="经销商名称" />
-      <el-table-column prop="companyNatureName" label="单位性质" />
-      <el-table-column prop="companyTypeName" label="企业类型" />
-      <el-table-column prop="companyAddress" label="企业地址" />
+      <el-table-column prop="companyNatureName" width="150px" label="单位性质" />
+      <el-table-column prop="companyTypeName" width="200px" label="企业类型" />
+      <el-table-column prop="companyProvince, companyCity, companyArea, companyAddress" label="详细地址">
+        <template slot-scope="scope">
+          {{ scope.row.companyProvince }} / {{ scope.row.companyCity }} / {{ scope.row.companyArea }} / {{ scope.row.companyAddress }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="showInfo(scope.row)">
+          <el-button type="text" size="small" @click="detail(scope.row)">
             详情
           </el-button>
           <!-- <el-button type="text" size="small">编辑</el-button> -->
@@ -47,22 +51,26 @@
     </el-table>
     <!-- 分页组件 -->
     <group-page v-model="isFristPage" :limit="limit" :total="total" :offset="offset" :count="tableData.total" @setOffset="setOffset" @setLimit="setLimit" />
-    <distributor-info-dialog :is-show-info="isShowInfo" :data-info="rowInfo" @close="closeInfo" />
+<!--    <distributor-info-dialog :is-show-info="isShowInfo" :data-info="rowInfo" @close="closeInfo" />-->
+    <distributor-detail ref="distributorDetail" />
   </div>
 </template>
 
 <script>
 // 组件
-import GroupPage from '@/components/mycomponent/groupPage.vue'
-import DistributorInfoDialog from '@/components/mycomponent/dialog/distributor/distributorInfoDialog.vue'
+import GroupPage from '@/components/mycomponent/groupPage'
+// import DistributorInfoDialog from '@/components/mycomponent/dialog/distributor/distributorInfoDialog'
+import DistributorDetail from '@/views/distributor/distributorDetail'
 // 逻辑
 import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
 import { listMixin, elDataDialog } from '@/utils/myUtils/mixins/listPage'
 import { listPage } from '@/api/distributor/distributor'
+
 export default { // 加入分页逻辑
   components: {
-    GroupPage,
-    DistributorInfoDialog
+    DistributorDetail,
+    GroupPage
+    // DistributorInfoDialog,
   },
   mixins: [listMixin, elDataDialog],
   data() {
@@ -84,7 +92,7 @@
       listPage(`limit=${limit}&offset=${offset}`, this.selectInfo).then(res => {
       // 得到相关数据
         res.rows.forEach((item, index) => {
-          item.index = (index + 1) + ((offset - 1) * 10)
+          item.index = (index + 1) + ((offset - 1) * limit)
         })
         this.tableData = res
       })
@@ -94,7 +102,10 @@
         distributorCode: '',
         distributorName: ''
       }
-    }
+    },
+    detail(row) {
+      this.$refs.distributorDetail.initDialog('detail', row)
+    },
   }
 }
 </script>