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