<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>