<template>
  <div>
    <el-descriptions class="margin-top" title="" :column="3" border style="width: 100%">
      <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>
    </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="品牌名称"></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="品牌授权证明" width="200">
        <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: '',
      labelStyle: {
        width: '15%'
      }
    }
  },
  methods: {
    showBusinessDetail(business) {
      this.businessInfo = business
      this.busDetailBrands = business.brandList

      this.baseUrl = this.baseConfig.baseUrl + '/static/'
    }
  }
}
</script>

<style scoped>

</style>