diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
index fcecf33..4703dea 100644
--- a/src/views/companyDetail/businessInfoDetail.vue
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -1,9 +1,9 @@
 <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="业务类别" :label-style="labelStyle">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类" :label-style="labelStyle">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质" :label-style="labelStyle">{{ 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>
@@ -16,14 +16,14 @@
           <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="品牌注册证明">
+      <el-table-column prop="brandName" label="品牌名称"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="300"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明" width="200">
         <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="品牌授权证明">
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明" width="200">
         <template slot-scope="scope">
           <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
         </template>
@@ -46,7 +46,10 @@
         officeSpace: ''
       },
       busDetailBrands: [],
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {

diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
index fcecf33..4703dea 100644
--- a/src/views/companyDetail/businessInfoDetail.vue
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -1,9 +1,9 @@
 <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="业务类别" :label-style="labelStyle">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类" :label-style="labelStyle">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质" :label-style="labelStyle">{{ 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>
@@ -16,14 +16,14 @@
           <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="品牌注册证明">
+      <el-table-column prop="brandName" label="品牌名称"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="300"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明" width="200">
         <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="品牌授权证明">
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明" width="200">
         <template slot-scope="scope">
           <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
         </template>
@@ -46,7 +46,10 @@
         officeSpace: ''
       },
       busDetailBrands: [],
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {
diff --git a/src/views/companyDetail/extraInfoDetail.vue b/src/views/companyDetail/extraInfoDetail.vue
new file mode 100644
index 0000000..5f46cfa
--- /dev/null
+++ b/src/views/companyDetail/extraInfoDetail.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div style="margin-top: 30px; font-size: 1rem">银行账户信息</div>
+    <el-table :data="busDetailBanks" style="width: 100%" max-height="300px" :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="accountName" label="账户名称"></el-table-column>
+      <el-table-column prop="accountNumber" label="银行账号" width="300"></el-table-column>
+      <el-table-column prop="depositBank" label="开户行" width="200"></el-table-column>
+      <el-table-column prop="depositBankName" label="开户行名称" width="300"></el-table-column>
+      <el-table-column prop="depositBankNumber" label="开户行号" width="200"></el-table-column>
+    </el-table>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">管理体系认证信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="管理体系认证名称" :label-style="labelStyle">{{ manSystemInfo.systemCertificateName }}</el-descriptions-item>
+      <el-descriptions-item label="管理体系认证期限" :label-style="labelStyle">{{ manSystemInfo.systemCertificateTerm }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="baseUrl + manSystemInfo.systemCertificateScan" :disabled="manSystemInfo.systemCertificateScan === '#'" type="primary" target="_blank">管理体系扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">资质认证信息</div>
+    <el-table :data="busDetailQualifyCertificates" style="width: 100%" max-height="300px" :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="qualifyName" label="资质要求名称" width="300"></el-table-column>
+      <el-table-column prop="qualifyCode" label="资质要求编号" width="300"></el-table-column>
+      <el-table-column prop="qualifyDesc" label="资质要求描述"></el-table-column>
+      <el-table-column prop="proveMaterialDesc" label="附件下载" width="200">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.proveMaterialDesc" :disabled="scope.row.proveMaterialDesc === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExtraInfoDetail',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      busDetailBanks: [],
+      busDetailQualifyCertificates: [],
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
+    }
+  },
+  methods: {
+    showExtraDetail(extra) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.manSystemInfo.systemCertificateName = extra.systemCertificateName
+      this.manSystemInfo.systemCertificateTerm = extra.systemCertificateTerm
+      this.manSystemInfo.systemCertificateScan = extra.systemCertificateScan
+
+      this.busDetailBanks = extra.bankList
+      this.busDetailQualifyCertificates = extra.qualifyCertificateList
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
index fcecf33..4703dea 100644
--- a/src/views/companyDetail/businessInfoDetail.vue
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -1,9 +1,9 @@
 <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="业务类别" :label-style="labelStyle">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类" :label-style="labelStyle">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质" :label-style="labelStyle">{{ 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>
@@ -16,14 +16,14 @@
           <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="品牌注册证明">
+      <el-table-column prop="brandName" label="品牌名称"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="300"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明" width="200">
         <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="品牌授权证明">
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明" width="200">
         <template slot-scope="scope">
           <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
         </template>
@@ -46,7 +46,10 @@
         officeSpace: ''
       },
       busDetailBrands: [],
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {
diff --git a/src/views/companyDetail/extraInfoDetail.vue b/src/views/companyDetail/extraInfoDetail.vue
new file mode 100644
index 0000000..5f46cfa
--- /dev/null
+++ b/src/views/companyDetail/extraInfoDetail.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div style="margin-top: 30px; font-size: 1rem">银行账户信息</div>
+    <el-table :data="busDetailBanks" style="width: 100%" max-height="300px" :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="accountName" label="账户名称"></el-table-column>
+      <el-table-column prop="accountNumber" label="银行账号" width="300"></el-table-column>
+      <el-table-column prop="depositBank" label="开户行" width="200"></el-table-column>
+      <el-table-column prop="depositBankName" label="开户行名称" width="300"></el-table-column>
+      <el-table-column prop="depositBankNumber" label="开户行号" width="200"></el-table-column>
+    </el-table>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">管理体系认证信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="管理体系认证名称" :label-style="labelStyle">{{ manSystemInfo.systemCertificateName }}</el-descriptions-item>
+      <el-descriptions-item label="管理体系认证期限" :label-style="labelStyle">{{ manSystemInfo.systemCertificateTerm }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="baseUrl + manSystemInfo.systemCertificateScan" :disabled="manSystemInfo.systemCertificateScan === '#'" type="primary" target="_blank">管理体系扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">资质认证信息</div>
+    <el-table :data="busDetailQualifyCertificates" style="width: 100%" max-height="300px" :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="qualifyName" label="资质要求名称" width="300"></el-table-column>
+      <el-table-column prop="qualifyCode" label="资质要求编号" width="300"></el-table-column>
+      <el-table-column prop="qualifyDesc" label="资质要求描述"></el-table-column>
+      <el-table-column prop="proveMaterialDesc" label="附件下载" width="200">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.proveMaterialDesc" :disabled="scope.row.proveMaterialDesc === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExtraInfoDetail',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      busDetailBanks: [],
+      busDetailQualifyCertificates: [],
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
+    }
+  },
+  methods: {
+    showExtraDetail(extra) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.manSystemInfo.systemCertificateName = extra.systemCertificateName
+      this.manSystemInfo.systemCertificateTerm = extra.systemCertificateTerm
+      this.manSystemInfo.systemCertificateScan = extra.systemCertificateScan
+
+      this.busDetailBanks = extra.bankList
+      this.busDetailQualifyCertificates = extra.qualifyCertificateList
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
index f7346e7..0c31700 100644
--- a/src/views/companyDetail/operationInfoDetail.vue
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -1,22 +1,22 @@
 <template>
-  <div class="el-container">
-    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+  <div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="lastYearIncomeLabel" :label-style="labelStyle">{{ operationInfo.yearIncome }}</el-descriptions-item>
+      <el-descriptions-item :label="lastYearProfitLabel" :label-style="labelStyle">{{ operationInfo.yearProfit }}</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-link :href="baseUrl + operationInfo.threeYearLiabilitiesTable" :disabled="operationInfo.threeYearLiabilitiesTable === '#'" type="primary" target="_blank">近三年资产负债表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearLossTable" :disabled="operationInfo.threeYearLossTable === '#'" type="primary" target="_blank">近三年损益表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearFlowTable" :disabled="operationInfo.threeYearFlowTable === '#'" type="primary" target="_blank">近三年现金流量表</el-link>
       </el-descriptions-item>
     </el-descriptions>
 
-    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="许可证名称" :label-style="labelStyle">{{ licenceInfo.licenseName }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限" :label-style="labelStyle">{{ licenceInfo.licenseTerm }}</el-descriptions-item>
       <el-descriptions-item label="附件下载" span="2">
-        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+        <el-link :href="baseUrl + licenceInfo.licenseScan" :disabled="licenceInfo.licenseScan === '#'" type="primary" target="_blank">许可证扫描件</el-link>
       </el-descriptions-item>
     </el-descriptions>
   </div>
@@ -25,6 +25,17 @@
 <script>
 export default {
   name: 'OperationInfoDetail',
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncomeLabel() {
+      return '上年度(' + this.lastYear + ')收入（万元）'
+    },
+    lastYearProfitLabel() {
+      return '上年度(' + this.lastYear + ')利润（万元）'
+    }
+  },
   data() {
     return {
       operationInfo: {
@@ -40,37 +51,25 @@
         licenseTerm: '',
         licenseScan: '#'
       },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
     }
   },
   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
+    showOperationDetail(operation) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.operationInfo.currentYear = operation.currentYear
+      this.operationInfo.yearIncome = operation.yearIncome
+      this.operationInfo.yearProfit = operation.yearProfit
+      this.operationInfo.threeYearLiabilitiesTable = operation.threeYearLiabilitiesTable
+      this.operationInfo.threeYearLossTable = operation.threeYearLossTable
+      this.operationInfo.threeYearFlowTable = operation.threeYearFlowTable
 
-      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
-      }
+      this.licenceInfo.licenseName = operation.licenseName
+      this.licenceInfo.licenseTerm = operation.licenseTerm
+      this.licenceInfo.licenseScan = operation.licenseScan
     }
   }
 }

diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
index fcecf33..4703dea 100644
--- a/src/views/companyDetail/businessInfoDetail.vue
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -1,9 +1,9 @@
 <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="业务类别" :label-style="labelStyle">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类" :label-style="labelStyle">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质" :label-style="labelStyle">{{ 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>
@@ -16,14 +16,14 @@
           <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="品牌注册证明">
+      <el-table-column prop="brandName" label="品牌名称"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="300"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明" width="200">
         <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="品牌授权证明">
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明" width="200">
         <template slot-scope="scope">
           <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
         </template>
@@ -46,7 +46,10 @@
         officeSpace: ''
       },
       busDetailBrands: [],
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {
diff --git a/src/views/companyDetail/extraInfoDetail.vue b/src/views/companyDetail/extraInfoDetail.vue
new file mode 100644
index 0000000..5f46cfa
--- /dev/null
+++ b/src/views/companyDetail/extraInfoDetail.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div style="margin-top: 30px; font-size: 1rem">银行账户信息</div>
+    <el-table :data="busDetailBanks" style="width: 100%" max-height="300px" :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="accountName" label="账户名称"></el-table-column>
+      <el-table-column prop="accountNumber" label="银行账号" width="300"></el-table-column>
+      <el-table-column prop="depositBank" label="开户行" width="200"></el-table-column>
+      <el-table-column prop="depositBankName" label="开户行名称" width="300"></el-table-column>
+      <el-table-column prop="depositBankNumber" label="开户行号" width="200"></el-table-column>
+    </el-table>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">管理体系认证信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="管理体系认证名称" :label-style="labelStyle">{{ manSystemInfo.systemCertificateName }}</el-descriptions-item>
+      <el-descriptions-item label="管理体系认证期限" :label-style="labelStyle">{{ manSystemInfo.systemCertificateTerm }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="baseUrl + manSystemInfo.systemCertificateScan" :disabled="manSystemInfo.systemCertificateScan === '#'" type="primary" target="_blank">管理体系扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">资质认证信息</div>
+    <el-table :data="busDetailQualifyCertificates" style="width: 100%" max-height="300px" :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="qualifyName" label="资质要求名称" width="300"></el-table-column>
+      <el-table-column prop="qualifyCode" label="资质要求编号" width="300"></el-table-column>
+      <el-table-column prop="qualifyDesc" label="资质要求描述"></el-table-column>
+      <el-table-column prop="proveMaterialDesc" label="附件下载" width="200">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.proveMaterialDesc" :disabled="scope.row.proveMaterialDesc === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExtraInfoDetail',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      busDetailBanks: [],
+      busDetailQualifyCertificates: [],
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
+    }
+  },
+  methods: {
+    showExtraDetail(extra) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.manSystemInfo.systemCertificateName = extra.systemCertificateName
+      this.manSystemInfo.systemCertificateTerm = extra.systemCertificateTerm
+      this.manSystemInfo.systemCertificateScan = extra.systemCertificateScan
+
+      this.busDetailBanks = extra.bankList
+      this.busDetailQualifyCertificates = extra.qualifyCertificateList
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
index f7346e7..0c31700 100644
--- a/src/views/companyDetail/operationInfoDetail.vue
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -1,22 +1,22 @@
 <template>
-  <div class="el-container">
-    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+  <div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="lastYearIncomeLabel" :label-style="labelStyle">{{ operationInfo.yearIncome }}</el-descriptions-item>
+      <el-descriptions-item :label="lastYearProfitLabel" :label-style="labelStyle">{{ operationInfo.yearProfit }}</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-link :href="baseUrl + operationInfo.threeYearLiabilitiesTable" :disabled="operationInfo.threeYearLiabilitiesTable === '#'" type="primary" target="_blank">近三年资产负债表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearLossTable" :disabled="operationInfo.threeYearLossTable === '#'" type="primary" target="_blank">近三年损益表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearFlowTable" :disabled="operationInfo.threeYearFlowTable === '#'" type="primary" target="_blank">近三年现金流量表</el-link>
       </el-descriptions-item>
     </el-descriptions>
 
-    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="许可证名称" :label-style="labelStyle">{{ licenceInfo.licenseName }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限" :label-style="labelStyle">{{ licenceInfo.licenseTerm }}</el-descriptions-item>
       <el-descriptions-item label="附件下载" span="2">
-        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+        <el-link :href="baseUrl + licenceInfo.licenseScan" :disabled="licenceInfo.licenseScan === '#'" type="primary" target="_blank">许可证扫描件</el-link>
       </el-descriptions-item>
     </el-descriptions>
   </div>
@@ -25,6 +25,17 @@
 <script>
 export default {
   name: 'OperationInfoDetail',
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncomeLabel() {
+      return '上年度(' + this.lastYear + ')收入（万元）'
+    },
+    lastYearProfitLabel() {
+      return '上年度(' + this.lastYear + ')利润（万元）'
+    }
+  },
   data() {
     return {
       operationInfo: {
@@ -40,37 +51,25 @@
         licenseTerm: '',
         licenseScan: '#'
       },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
     }
   },
   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
+    showOperationDetail(operation) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.operationInfo.currentYear = operation.currentYear
+      this.operationInfo.yearIncome = operation.yearIncome
+      this.operationInfo.yearProfit = operation.yearProfit
+      this.operationInfo.threeYearLiabilitiesTable = operation.threeYearLiabilitiesTable
+      this.operationInfo.threeYearLossTable = operation.threeYearLossTable
+      this.operationInfo.threeYearFlowTable = operation.threeYearFlowTable
 
-      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
-      }
+      this.licenceInfo.licenseName = operation.licenseName
+      this.licenceInfo.licenseTerm = operation.licenseTerm
+      this.licenceInfo.licenseScan = operation.licenseScan
     }
   }
 }
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
index 02a6d43..449b047 100644
--- a/src/views/companyDetail/personInfoDetail.vue
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -1,16 +1,16 @@
 <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="法人代表姓名" :label-style="labelStyle" :content-style="contentStyle">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号" :label-style="labelStyle" :content-style="contentStyle">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件" :label-style="labelStyle">{{ 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.backupPersonPhone }}</el-descriptions-item>
       <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
 
       <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
@@ -69,7 +69,13 @@
         financeLeaderCertificateTypeName: '',
         financeLeaderCertificateCode: ''
       },
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      },
+      contentStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {

diff --git a/src/views/companyDetail/businessInfoDetail.vue b/src/views/companyDetail/businessInfoDetail.vue
index fcecf33..4703dea 100644
--- a/src/views/companyDetail/businessInfoDetail.vue
+++ b/src/views/companyDetail/businessInfoDetail.vue
@@ -1,9 +1,9 @@
 <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="业务类别" :label-style="labelStyle">{{ businessInfo.businessTypeName }}</el-descriptions-item>
+      <el-descriptions-item label="主营品类" :label-style="labelStyle">{{ businessInfo.mainCategory }}</el-descriptions-item>
+      <el-descriptions-item label="业务性质" :label-style="labelStyle">{{ 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>
@@ -16,14 +16,14 @@
           <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="品牌注册证明">
+      <el-table-column prop="brandName" label="品牌名称"></el-table-column>
+      <el-table-column prop="brandProperty" label="品牌性质" width="300"></el-table-column>
+      <el-table-column prop="brandRegisterCertificate" label="品牌注册证明" width="200">
         <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="品牌授权证明">
+      <el-table-column prop="brandAuthCertificate" label="品牌授权证明" width="200">
         <template slot-scope="scope">
           <el-link :href="baseUrl + scope.row.brandAuthCertificate" :disabled="scope.row.brandAuthCertificate === ''" type="primary" target="_blank">查看附件</el-link>
         </template>
@@ -46,7 +46,10 @@
         officeSpace: ''
       },
       busDetailBrands: [],
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {
diff --git a/src/views/companyDetail/extraInfoDetail.vue b/src/views/companyDetail/extraInfoDetail.vue
new file mode 100644
index 0000000..5f46cfa
--- /dev/null
+++ b/src/views/companyDetail/extraInfoDetail.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <div style="margin-top: 30px; font-size: 1rem">银行账户信息</div>
+    <el-table :data="busDetailBanks" style="width: 100%" max-height="300px" :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="accountName" label="账户名称"></el-table-column>
+      <el-table-column prop="accountNumber" label="银行账号" width="300"></el-table-column>
+      <el-table-column prop="depositBank" label="开户行" width="200"></el-table-column>
+      <el-table-column prop="depositBankName" label="开户行名称" width="300"></el-table-column>
+      <el-table-column prop="depositBankNumber" label="开户行号" width="200"></el-table-column>
+    </el-table>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">管理体系认证信息</div>
+    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
+      <el-descriptions-item label="管理体系认证名称" :label-style="labelStyle">{{ manSystemInfo.systemCertificateName }}</el-descriptions-item>
+      <el-descriptions-item label="管理体系认证期限" :label-style="labelStyle">{{ manSystemInfo.systemCertificateTerm }}</el-descriptions-item>
+      <el-descriptions-item label="附件下载" span="2">
+        <el-link :href="baseUrl + manSystemInfo.systemCertificateScan" :disabled="manSystemInfo.systemCertificateScan === '#'" type="primary" target="_blank">管理体系扫描件</el-link>
+      </el-descriptions-item>
+    </el-descriptions>
+
+    <div style="margin-top: 30px; margin-bottom: 10px; font-size: 1rem">资质认证信息</div>
+    <el-table :data="busDetailQualifyCertificates" style="width: 100%" max-height="300px" :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="qualifyName" label="资质要求名称" width="300"></el-table-column>
+      <el-table-column prop="qualifyCode" label="资质要求编号" width="300"></el-table-column>
+      <el-table-column prop="qualifyDesc" label="资质要求描述"></el-table-column>
+      <el-table-column prop="proveMaterialDesc" label="附件下载" width="200">
+        <template slot-scope="scope">
+          <el-link :href="baseUrl + scope.row.proveMaterialDesc" :disabled="scope.row.proveMaterialDesc === ''" type="primary" target="_blank">查看附件</el-link>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ExtraInfoDetail',
+  data() {
+    return {
+      manSystemInfo: {
+        systemCertificateName: '',
+        systemCertificateTerm: '',
+        systemCertificateScan: ''
+      },
+      busDetailBanks: [],
+      busDetailQualifyCertificates: [],
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
+    }
+  },
+  methods: {
+    showExtraDetail(extra) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.manSystemInfo.systemCertificateName = extra.systemCertificateName
+      this.manSystemInfo.systemCertificateTerm = extra.systemCertificateTerm
+      this.manSystemInfo.systemCertificateScan = extra.systemCertificateScan
+
+      this.busDetailBanks = extra.bankList
+      this.busDetailQualifyCertificates = extra.qualifyCertificateList
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/companyDetail/operationInfoDetail.vue b/src/views/companyDetail/operationInfoDetail.vue
index f7346e7..0c31700 100644
--- a/src/views/companyDetail/operationInfoDetail.vue
+++ b/src/views/companyDetail/operationInfoDetail.vue
@@ -1,22 +1,22 @@
 <template>
-  <div class="el-container">
-    <div style="margin-top: 30px; font-size: 1rem">经营信息</div>
+  <div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="lastYearIncomeLabel" :label-style="labelStyle">{{ operationInfo.yearIncome }}</el-descriptions-item>
+      <el-descriptions-item :label="lastYearProfitLabel" :label-style="labelStyle">{{ operationInfo.yearProfit }}</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-link :href="baseUrl + operationInfo.threeYearLiabilitiesTable" :disabled="operationInfo.threeYearLiabilitiesTable === '#'" type="primary" target="_blank">近三年资产负债表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearLossTable" :disabled="operationInfo.threeYearLossTable === '#'" type="primary" target="_blank">近三年损益表</el-link> |
+        <el-link :href="baseUrl + operationInfo.threeYearFlowTable" :disabled="operationInfo.threeYearFlowTable === '#'" type="primary" target="_blank">近三年现金流量表</el-link>
       </el-descriptions-item>
     </el-descriptions>
 
-    <div style="margin-top: 30px; font-size: 1rem">经营许可信息</div>
+    <div style="margin-top: 30px; margin-bottom: 10px; 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="许可证名称" :label-style="labelStyle">{{ licenceInfo.licenseName }}</el-descriptions-item>
+      <el-descriptions-item label="许可证期限" :label-style="labelStyle">{{ licenceInfo.licenseTerm }}</el-descriptions-item>
       <el-descriptions-item label="附件下载" span="2">
-        <el-link :href="certInfo.taxRegisterCodeScan" :disabled="certInfo.taxRegisterCodeScan === '#'" type="primary" target="_blank">税务登记证扫描件</el-link>
+        <el-link :href="baseUrl + licenceInfo.licenseScan" :disabled="licenceInfo.licenseScan === '#'" type="primary" target="_blank">许可证扫描件</el-link>
       </el-descriptions-item>
     </el-descriptions>
   </div>
@@ -25,6 +25,17 @@
 <script>
 export default {
   name: 'OperationInfoDetail',
+  computed: {
+    lastYear: function() {
+      return parseInt(this.operationInfo.currentYear) - 1
+    },
+    lastYearIncomeLabel() {
+      return '上年度(' + this.lastYear + ')收入（万元）'
+    },
+    lastYearProfitLabel() {
+      return '上年度(' + this.lastYear + ')利润（万元）'
+    }
+  },
   data() {
     return {
       operationInfo: {
@@ -40,37 +51,25 @@
         licenseTerm: '',
         licenseScan: '#'
       },
+      baseUrl: '',
+      labelStyle: {
+        width: '20%'
+      }
     }
   },
   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
+    showOperationDetail(operation) {
+      this.baseUrl = this.baseConfig.baseUrl + '/static/'
+      this.operationInfo.currentYear = operation.currentYear
+      this.operationInfo.yearIncome = operation.yearIncome
+      this.operationInfo.yearProfit = operation.yearProfit
+      this.operationInfo.threeYearLiabilitiesTable = operation.threeYearLiabilitiesTable
+      this.operationInfo.threeYearLossTable = operation.threeYearLossTable
+      this.operationInfo.threeYearFlowTable = operation.threeYearFlowTable
 
-      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
-      }
+      this.licenceInfo.licenseName = operation.licenseName
+      this.licenceInfo.licenseTerm = operation.licenseTerm
+      this.licenceInfo.licenseScan = operation.licenseScan
     }
   }
 }
diff --git a/src/views/companyDetail/personInfoDetail.vue b/src/views/companyDetail/personInfoDetail.vue
index 02a6d43..449b047 100644
--- a/src/views/companyDetail/personInfoDetail.vue
+++ b/src/views/companyDetail/personInfoDetail.vue
@@ -1,16 +1,16 @@
 <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="法人代表姓名" :label-style="labelStyle" :content-style="contentStyle">{{ personInfo.legalPersonName }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表手机号" :label-style="labelStyle" :content-style="contentStyle">{{ personInfo.legalPersonPhone }}</el-descriptions-item>
+      <el-descriptions-item label="法人代表证件" :label-style="labelStyle">{{ 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.backupPersonPhone }}</el-descriptions-item>
       <el-descriptions-item label="备用联系人证件">{{ personInfo.backupPersonCertificateTypeName }}  {{ personInfo.backupPersonCertificateCode }}</el-descriptions-item>
 
       <el-descriptions-item label="技术负责人姓名">{{ personInfo.technicalLeaderName }}</el-descriptions-item>
@@ -69,7 +69,13 @@
         financeLeaderCertificateTypeName: '',
         financeLeaderCertificateCode: ''
       },
-      baseUrl: ''
+      baseUrl: '',
+      labelStyle: {
+        width: '15%'
+      },
+      contentStyle: {
+        width: '15%'
+      }
     }
   },
   methods: {
diff --git a/src/views/distributor/distributorDetail.vue b/src/views/distributor/distributorDetail.vue
index 78b2bbb..52e2bb3 100644
--- a/src/views/distributor/distributorDetail.vue
+++ b/src/views/distributor/distributorDetail.vue
@@ -29,172 +29,9 @@
       </el-tab-pane>
 
       <el-tab-pane label="其他信息" name="extraDetail">
-        其他附加
+        <extra-info-detail ref="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>
 
@@ -204,13 +41,14 @@
 import PersonInfoDetail from '@/views/companyDetail/personInfoDetail'
 import BusinessInfoDetail from '@/views/companyDetail/businessInfoDetail'
 import OperationInfoDetail from '@/views/companyDetail/operationInfoDetail'
+import ExtraInfoDetail from '@/views/companyDetail/extraInfoDetail'
 import { tableRowClassName } from '@/utils/myUtils/changeTableTr'
 import { certificateDetail, personDetail, businessDetail } from '@/api/distributor/distributor'
 
 export default {
   name: 'DistributorDetail',
   components: {
-    CertInfoDetail, PersonInfoDetail, BusinessInfoDetail, OperationInfoDetail
+    CertInfoDetail, PersonInfoDetail, BusinessInfoDetail, OperationInfoDetail, ExtraInfoDetail
   },
   data() {
     return {
@@ -225,10 +63,6 @@
         companyAddress: ''
       },
       activeTabName: 'certDetail',
-      certificateInfo: '',
-      personInfo: '',
-      businessInfo: '',
-      reviewInfo: '',
       isShowInfo: false
     }
   },
@@ -270,6 +104,8 @@
       businessDetail({ distributorCode: distributorCode }).then(res => {
         if (res !== null && res !== undefined && res !== '') {
           this.$refs.businessDetail.showBusinessDetail(res)
+          this.$refs.operationDetail.showOperationDetail(res)
+          this.$refs.extraDetail.showExtraDetail(res)
         }
       })
     }