<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: "creditCode" },
        { label: "企业类型", value: "companyTypeName" },
        { label: "注册资本", value: "registeredCapital" },
        { label: "法定代表", value: "legalRepresentative" },
        { label: "企业地址", value: "companyAddress" },
        { label: "成立日期", value: "establishDate", type: "time" },
        { label: "营业期限", value: "operateDate", long: 'operateFlag', type: "time" },
        { label: "登记机关", value: "registrationAuthority" },
        { label: "经验范围", value: "experienceScope" },
        { 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>
  