DetailInfo.vue 8.5 KB
Newer Older
耿迪迪's avatar
耿迪迪 committed
1 2
<template>
  <el-dialog title="安检记录详情" :visible.sync="detailOpen" width="900px" append-to-body>
耿迪迪's avatar
耿迪迪 committed
3
    <el-form label-width="120px" class="detailInfo">
耿迪迪's avatar
耿迪迪 committed
4 5 6
      <el-row>
        <el-col :span="12">
          <el-form-item label="储配站">
耿迪迪's avatar
耿迪迪 committed
7 8
            <span v-if="detailInfo.stationName">{{ detailInfo.stationName }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
9 10 11 12
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="用户名称">
耿迪迪's avatar
耿迪迪 committed
13 14
            <span v-if="detailInfo.gasUser">{{ detailInfo.gasUser }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
15 16 17 18 19 20 21 22
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="用户类型">
            <span v-if="detailInfo.gasUserType == '0'">居民</span>
耿迪迪's avatar
耿迪迪 committed
23 24
            <span v-else-if="detailInfo.gasUserType == '1'">非居民</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
25 26 27 28
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="联系方式">
耿迪迪's avatar
耿迪迪 committed
29 30
            <span v-if="detailInfo.telNum">{{ detailInfo.telNum }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
31 32 33 34 35 36 37 38
          </el-form-item>
        </el-col>

      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="安检时间">
耿迪迪's avatar
耿迪迪 committed
39 40
            <span v-if="detailInfo.safeCheckDate">{{ detailInfo.safeCheckDate }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
41 42 43 44
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="安检人">
耿迪迪's avatar
耿迪迪 committed
45 46
            <span v-if="detailInfo.safeCheckPerson">{{ detailInfo.safeCheckPerson }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
47 48 49 50 51 52 53 54 55
          </el-form-item>
        </el-col>

      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="入户状态">
            <span v-if="detailInfo.checkInStatus == '0'">正常入户</span>
耿迪迪's avatar
耿迪迪 committed
56 57
            <span v-else-if="detailInfo.checkInStatus == '1'">拒绝安检</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
58 59 60 61
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="用户地址">
耿迪迪's avatar
耿迪迪 committed
62 63
            <span v-if="detailInfo.gasUserAddress">{{ detailInfo.gasUserAddress }}</span>
            <span v-else>-</span>
耿迪迪's avatar
耿迪迪 committed
64 65 66 67 68 69 70 71
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12" v-if="detailInfo.stoveCheckStatus">
          <el-form-item label="燃气灶具检查情况">
            <div v-if="detailInfo.stoveCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
72 73
            <div v-else-if="detailInfo.stoveCheckStatus == '1'">无3C认证</div>
            <div v-else="detailInfo.stoveCheckStatus == '2'">无熄火保护装置</div>
耿迪迪's avatar
耿迪迪 committed
74 75 76 77 78 79
            <el-image v-if="detailInfo.stoveCheckPic" :src="detailInfo.stoveCheckPic" :preview-src-list="[detailInfo.stoveCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="连接软管检查情况" v-if="detailInfo.hoseCheckStatus">
            <div v-if="detailInfo.hoseCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
80 81 82 83
            <div v-else-if="detailInfo.hoseCheckStatus == '1'">普通橡胶软管</div>
            <div v-else-if="detailInfo.hoseCheckStatus == '2'">三通连接软管</div>
            <div v-else-if="detailInfo.hoseCheckStatus == '3'">长度超过两米且未使用硬质钢管链接</div>
            <div v-else="detailInfo.hoseCheckStatus == '4'">穿越墙体、门窗顶棚和地面</div>
耿迪迪's avatar
耿迪迪 committed
84 85 86 87 88 89 90 91 92
            <el-image v-if="detailInfo.hoseCheckPic" :src="detailInfo.hoseCheckPic" :preview-src-list="[detailInfo.hoseCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12" v-if="detailInfo.valveCheckStatus">
          <el-form-item label="减压阀检查情况">
            <div v-if="detailInfo.valveCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
93 94
            <div v-else-if="detailInfo.valveCheckStatus == '1'">可调节</div>
            <div v-else="detailInfo.valveCheckStatus == '2'">五自闭功能</div>
耿迪迪's avatar
耿迪迪 committed
95 96 97 98 99 100
            <el-image v-if="detailInfo.valveCheckPic" :src="detailInfo.valveCheckPic" :preview-src-list="[detailInfo.valveCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" v-if="detailInfo.bottleCheckStatus">
          <el-form-item label="液化气钢瓶检查情况">
            <div v-if="detailInfo.bottleCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
101 102 103
            <div v-else-if="detailInfo.bottleCheckStatus == '1'">部分有码且可追溯</div>
            <div v-else-if="detailInfo.bottleCheckStatus == '2'">有码但不可追溯</div>
            <div v-else="detailInfo.bottleCheckStatus == '3'">钢瓶无码</div>
耿迪迪's avatar
耿迪迪 committed
104 105 106 107 108 109 110 111 112
            <el-image v-if="detailInfo.bottleCheckPic" :src="detailInfo.bottleCheckPic" :preview-src-list="[detailInfo.bottleCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12" v-if="detailInfo.alarmCheckStatus">
          <el-form-item label="报警器加电磁切断阀检查情况">
            <div v-if="detailInfo.alarmCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
113 114 115 116 117
            <div v-else-if="detailInfo.alarmCheckStatus == '1'">有但未使用</div>
            <div v-else-if="detailInfo.alarmCheckStatus == '2'">有但未实现联动</div>
            <div v-else-if="detailInfo.alarmCheckStatus == '3'"></div>
            <div v-else-if="detailInfo.alarmCheckStatus == '4'">非液化气专用报警器</div>
            <div v-else="detailInfo.alarmCheckStatus == '5'">安装位置大于0.3米</div>
耿迪迪's avatar
耿迪迪 committed
118 119 120 121 122 123
            <el-image v-if="detailInfo.alarmCheckPic" :src="detailInfo.alarmCheckPic" :preview-src-list="[detailInfo.alarmCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" v-if="detailInfo.placeCheckStatus">
          <el-form-item label="液化气钢瓶检查情况">
            <div v-if="detailInfo.placeCheckStatus == '0'">合格</div>
耿迪迪's avatar
耿迪迪 committed
124 125 126 127
            <div v-else-if="detailInfo.placeCheckStatus == '1'">高层建筑(裙房)</div>
            <div v-else-if="detailInfo.placeCheckStatus == '2'">地下(半地下)室 </div>
            <div v-else-if="detailInfo.placeCheckStatus == '3'">车库或半地下车库 </div>
            <div v-else="detailInfo.placeCheckStatus == '4'">通风不良的场所 5.50公斤钢瓶超过两只或15公斤钢瓶超过七只未设置独立的气瓶间 </div>
耿迪迪's avatar
耿迪迪 committed
128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
            <el-image v-if="detailInfo.placeCheckPic" :src="detailInfo.placeCheckPic" :preview-src-list="[detailInfo.placeCheckPic]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12" v-if="detailInfo.checkPersonSign">
          <el-form-item label="安检人员签名">
            <el-image v-if="detailInfo.checkPersonSign" :src="detailInfo.checkPersonSign" :preview-src-list="[detailInfo.checkPersonSign]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
        <el-col :span="12" v-if="detailInfo.gasUserSign">
          <el-form-item label="用户签字">
            <el-image v-if="detailInfo.gasUserSign" :src="detailInfo.gasUserSign" :preview-src-list="[detailInfo.gasUserSign]" :z-index="9999" style="width: 230px;height: 170px;"/>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>
  </el-dialog>
</template>

<script>
  import { getRecord } from "@/api/lpgRegulation/check";
  export default {
    name: "index",
    data(){
      return{
        detailOpen: false,
        detailInfo: {}
      }
    },
    methods:{
      getDetailInfo(id){
        getRecord(id).then(res =>{
          if(res.code == 200 && res.data){
            this.detailInfo = res.data;
            this.detailOpen = true;
          }
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  .detailInfo{
耿迪迪's avatar
耿迪迪 committed
175
    height: 500px;
耿迪迪's avatar
耿迪迪 committed
176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200
    overflow-y: auto;
    &::-webkit-scrollbar {
      /* 设置滚动条宽度 */
      width: 4px;
      /* 设置滚动条背景色 */
      //background: black;
    }

    //滚动条轨道
    &::-webkit-scrollbar-track {
      background-color:transparent;
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius:2em;
    }

    //滚动条滑块
    &::-webkit-scrollbar-thumb {
      background-color: rgb(147,147,153,0.5);
      -webkit-border-radius: 2em;
      -moz-border-radius: 2em;
      border-radius:2em;
    }
  }
</style>