<template>
  <div>
    <el-dialog
      title="详情"
      width="1200px"
      destroy-on-close
      :visible.sync="detailDialog"
      :before-close="cancel"
    >
      <el-descriptions
        :column="2"
        border
        :contentStyle="CS"
        :label-style="LS"
        v-if="list"
      >
        <el-descriptions-item label="账号名称">{{
          list.username
        }}</el-descriptions-item>
        <el-descriptions-item label="管理员姓名">{{
          list.nickname
        }}</el-descriptions-item>
        <el-descriptions-item label="管理员手机号">{{
          list.phone
        }}</el-descriptions-item>
         <el-descriptions-item label="企业全称">{{
          list.enterpriseFullName
        }}</el-descriptions-item>
         <el-descriptions-item label="详细地址">{{
          list.address
        }}</el-descriptions-item>
        <el-descriptions-item label="实际控制人姓名">{{
          list.actualName
        }}</el-descriptions-item>
        <el-descriptions-item label="实际控制人电话">{{
          list.actualPhone
        }}</el-descriptions-item>

        <el-descriptions-item label="公司代码">{{
          list.companyCode
        }}</el-descriptions-item>
        <el-descriptions-item label="公司法人">{{
          list.legalPerson
        }}</el-descriptions-item>
        <el-descriptions-item label="主营范围">{{
          list.mainBusinessScope
        }}</el-descriptions-item>
        <el-descriptions-item label="注册资金">{{
          list.registeredCapital
        }}</el-descriptions-item>

        <el-descriptions-item label="注册地址">{{
          list.registrationAddress
        }}</el-descriptions-item>
        <el-descriptions-item label="注册时间">{{
          list.registrationTime
        }}</el-descriptions-item>
        <el-descriptions-item label="员工人数">{{
          list.employeesNumber
        }}</el-descriptions-item>
        <el-descriptions-item label="租赁楼幢">{{
          list.leaseBuilding
        }}</el-descriptions-item>
        <el-descriptions-item label="租赁楼层">{{
          list.leaseFloor
        }}</el-descriptions-item>
        <el-descriptions-item label="租赁房间号">{{
          list.roomNumber
        }}</el-descriptions-item>
        <el-descriptions-item label="租赁有效期至">{{
          list.leaseTerm
        }}</el-descriptions-item>
      </el-descriptions>

    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {
    list: {
      type: Object,
    },
    detailDialog: {
      type: Boolean,
    },
  },
  data() {
    return {
      CS: {
        // "text-align": "center", //文本居中
        "min-width": "250px", //最小宽度
        "word-break": "break-all", //过长时自动换行
      },
      LS: {
        // color: "#000",
        "text-align": "center",
        // "font-weight": "600",
        height: "40px",
        // "background-color": "rgba(255, 97, 2, 0.1)",
        "min-width": "110px",
        "word-break": "keep-all",
      },
    };
  },
  methods: {
    // 取消
    cancel() {
      this.$emit("dialogVisible");
    },
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
};
</script>

<style scoped lang="scss">
</style>
