DetailInfo.vue 3.88 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
<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.beyondEnterpriseName">{{ detailInfo.beyondEnterpriseName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <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.phone">{{ detailInfo.phone }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="改造类型" >
              <span v-if="detailInfo.type">{{ $parent.typeFormat(detailInfo) }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="用气量" >
              <span v-if="detailInfo.dosage">{{ detailInfo.dosage }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="完成时间" >
              <span v-if="detailInfo.finishTime">{{ detailInfo.finishTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="所属区域" >
              <span v-if="detailInfo.township">{{ $parent.townshipFormat(detailInfo) }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="12">
            <el-form-item label="状态" >
              <span v-if="detailInfo.status == 0">正常</span>
              <span v-else-if="detailInfo.status == 1">停用</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="24">
            <el-form-item label="房屋位置" >
              <span v-if="detailInfo.housesAddress">{{ detailInfo.housesAddress }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
          <el-col :span="24">
            <el-form-item label="房屋信息" >
              <span v-if="detailInfo.housesInfo">{{ detailInfo.housesInfo }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
  
        </el-row>
      </el-form>  
    </el-dialog>
  </template>
  
  <script>
import { getBook } from "@/api/system/book"; 
    export default {
      name: "detail-info",
      data(){
          return{
            enterprises: [],
            countyInfo: [],
            detailInfo: {},
            enterpriseName:"",
            detailOpen: false,
            fUploadTimeLable: "",
            fUploadTypeLable: "",
            fUploadType: "",
            fUploadTime: null
          }
      },
    created() {  
      this.getCountyInfo();
      this.getEnterpriseLists();
    },
      methods:{
        getDetailInfo(id){
            getBook(id).then(res =>{
            if(res.code == 200 && res.data){
              this.detailInfo = res.data;
            //   this.detailInfo.fRegion = this.beyondCountyFormat(this.detailInfo);
            //   let fEnterpriseId = this.detailInfo.fEnterpriseId;
            //   if (fEnterpriseId != null) {
            //     this.enterpriseName= this.beyondCompanyFormat(this.detailInfo);
            //   } 
              this.detailOpen = true;
            }
          })
        }
      }
    }
  </script>
  
  <style scoped>
  
  </style>