<template>
    <el-dialog title="详情" :visible.sync="detailOpen" width="1000px" append-to-body destroy-on-close :close-on-click-modal="false">
      <el-form label-width="170px">
        <el-row class="el-row-table"> 
  
          <el-col :span="11">
            <el-form-item label="用户名称:" >
              <span v-if="detailInfo.userName">{{ detailInfo.userName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="用户编号:">
              <span v-if="detailInfo.userNo">{{ detailInfo.userNo }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="身份证号:" >
              <span v-if="detailInfo.idCard">{{ detailInfo.idCard }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="联系电话:" >
              <span v-if="detailInfo.linkMobile">{{ detailInfo.linkMobile }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="23">
            <el-form-item label="详细地址:" >
              <span v-if="detailInfo.userAddress">{{ detailInfo.userAddress }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="品牌名称:" >
              <span v-if="detailInfo.brandName">{{ detailInfo.brandName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          
          <el-col :span="12">
            <el-form-item label="安装时间:" >
              <span v-if="detailInfo.installTime">{{ detailInfo.installTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          
          <el-col :span="12">
            <el-form-item label="装置类型:" >
              <span v-if="detailInfo.equipments">{{ detailInfo.equipments }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          
          <el-col :span="12">
            <el-form-item label="用户类型:" >
              <span v-if="detailInfo.userType">{{ detailInfo.userType }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          
          <el-col :span="12">
            <el-form-item label="备注信息:" >
              <span v-if="detailInfo.remarks">{{ detailInfo.remarks }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="所属企业" > 
                <span v-if="detailInfo.enterpriseName">{{ detailInfo.enterpriseName }}</span>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
  
  </template>
  
  <script>
    import { getEquipment} from "@/api/standingBook/equipment";

    import { selectTEnterprise} from "@/api/regulation/supervise";
    export default {
      name: "detail-info",
      data(){
          return{ 
            detailInfo: {},
            enterpriseName:"",
            detailOpen: false,
          }
      },
    created() {   

    },
      methods:{ 
        getDetailInfo(id){
            getEquipment(id).then(response => {
                this.detailInfo = response.data;
                this.detailOpen = true;
            });
        }
      }
    }
  </script>
  
  <style scoped>
  
  </style>
  