<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="12"> <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.enterpriseName">{{ detailInfo.enterpriseName }}</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="24"> <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.equipmentTypeExplainDict">{{ detailInfo.equipmentTypeExplainDict }}</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-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>