<template>
    <div>
      <BaseDialog
        width="770px"
        :isShow.sync="isCertDetailDialog"
        title="详情"
        @close="close"
        :appendToBody="true"
        :confirmStatus="false"
        :isShowFooter="false"
      >
        <div class="content">
          <detailList :column="2" :border="true" :listLabel="listLabel" :listData="listData"></detailList>
        </div>
      </BaseDialog>
    </div>
  </template>
  
  <script>
    import detailList from '@/views/companyManagement/component/detailList'
  export default {
    components: { detailList },
    data() {
      return {
        listData: {},
        listLabel: [
            { label: '企业名称', value: 'companyName' },
            { label: '证书名称', value: 'certificateName' },
            { label: '证书编号', value: 'certificateNumber' },
            { label: '发证日期', value: 'issuanceDate', type: 'time' },
            { label: '有效日期', value: 'effectiveDate',long: 'effectiveFlag', type: 'time' },
            { label: '发证机关', value: 'issuingAuthority' },
            { label: '预览', value: 'previewImg', type: 'img'},
            { label: '备注', value: 'companyCertificateRemarks' },
          ],
        ruleForm: {},
        isCertDetailDialog: false,
      };
    },
  
    mounted() {},
  
    methods: {
        openBoxs(row) {
            this.isCertDetailDialog = true
            this.listData = row
        },
        close() {},
    },
  };
</script>
  
<style lang="scss" scoped>
.content {

/deep/ .el-descriptions-item__label.is-bordered-label {
  color: #333;
  font-weight: bold;
  width: 110px;
}
/deep/ .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
    width: 255px;
}
}
</style>
  