<template>
  <el-dialog title="燃气用户详情" :visible.sync="detailOpen" width="900px" append-to-body>
    <el-form ref="form" :model="form" label-width="120px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="用户名称">
            <span>{{ form.gasUserName }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="用户编码">
            <span>{{ form.gasUserCode }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="用户类型">
            <span v-if="form.gasUserType == '0'">居民</span>
            <span v-if="form.gasUserType == '1'">非居民</span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="联系电话">
            <span>{{ form.telNum }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="用户状态">
            <span v-if="form.gasUserStatus == '0'">正常</span>
            <span v-if="form.gasUserStatus == '1'">停用</span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="入户安检状态">
            <span v-if="form.gasUserCheckStatus == '0'">正常入户</span>
            <span v-if="form.gasUserCheckStatus == '1'">拒绝安检</span>
          </el-form-item>
        </el-col>
      </el-row>

      <el-form-item label="用户地址">
        <span>{{ form.gasUserAddress }}</span>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        detailOpen: false,
        form: {}
      }
    }
  }
</script>

<style scoped>

</style>
