<template>
  <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="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="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; 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">{{ 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="baseUrl + licenceInfo.licenseScan" :disabled="licenceInfo.licenseScan === '#'" type="primary" target="_blank">许可证扫描件</el-link>
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<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: {
        currentYear: '',
        yearIncome: '',
        yearProfit: '',
        threeYearLiabilitiesTable: '#',
        threeYearLossTable: '#',
        threeYearFlowTable: '#'
      },
      licenceInfo: {
        licenseName: '',
        licenseTerm: '',
        licenseScan: '#'
      },
      baseUrl: '',
      labelStyle: {
        width: '20%'
      }
    }
  },
  methods: {
    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

      this.licenceInfo.licenseName = operation.licenseName
      this.licenceInfo.licenseTerm = operation.licenseTerm
      this.licenceInfo.licenseScan = operation.licenseScan
    }
  }
}
</script>

<style scoped>

</style>