<template>

    <el-dialog title="钢瓶档案详情" :visible.sync="detailOpen" width="1000px" append-to-body destroy-on-close :close-on-click-modal="false">

      <el-form label-width="180px">
        <el-row class="el-row-table">
          
          
          <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.makeInfo">{{ detailInfo.makeInfo }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>


          <el-col :span="12">
            <el-form-item label="气瓶条码">
              <span v-if="detailInfo.qrcode">{{ detailInfo.qrcode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          

          <el-col :span="12">
            <el-form-item label="产品编号">
              <span v-if="detailInfo.equNo">{{ detailInfo.equNo }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="设备类型">
              <span v-if="detailInfo.equType">{{ detailInfo.equType }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="充装介质">
              <span v-if="detailInfo.medium">{{ detailInfo.medium }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="生产日期">
              <span v-if="detailInfo.productDate">{{ detailInfo.productDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          
          <el-col :span="12">
            <el-form-item label="登记证号">
              <span v-if="detailInfo.regCode">{{ detailInfo.regCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="单位内编号">
              <span v-if="detailInfo.selfId">{{ detailInfo.selfId }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="公称工作压力(MPa)">
              <span v-if="detailInfo.pressure">{{ detailInfo.pressure}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="容积(L)">
              <span v-if="detailInfo.volume">{{ detailInfo.volume}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="使用单位">
              <span v-if="detailInfo.buildUser">{{ detailInfo.buildUser}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="上检日期">
              <span v-if="detailInfo.pchkDate">{{ detailInfo.pchkDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="下检日期">
              <span v-if="detailInfo.nchkDate">{{ detailInfo.nchkDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="生产日期">
              <span v-if="detailInfo.productDate">{{ detailInfo.productDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="报废日期">
              <span v-if="detailInfo.discardDate">{{ detailInfo.discardDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="安全评定日期">
              <span v-if="detailInfo.safeJudgeDate">{{ detailInfo.safeJudgeDate }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="公称压力">
              <span v-if="detailInfo.gpressure">{{ detailInfo.gpressure }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="水试验压力">
              <span v-if="detailInfo.wpressure">{{ detailInfo.wpressure }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="标准重量">
              <span v-if="detailInfo.selfWeight">{{ detailInfo.selfWeight }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="壁厚">
              <span v-if="detailInfo.thickness">{{ detailInfo.thickness }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="气瓶许可证号">
              <span v-if="detailInfo.permitNo">{{ detailInfo.permitNo }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="阀类型名称">
              <span v-if="detailInfo.valveName">{{ detailInfo.valveName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钢瓶交付文件照片">
                <el-image
                :src="detailInfo.payImage"
                :preview-src-list="[detailInfo.payImage]"
                v-if="detailInfo.payImage != '' && detailInfo.payImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="检验质量证明书照片">
              <el-image
                :src="detailInfo.batchImage"
                :preview-src-list="[detailInfo.batchImage]"
                v-if="detailInfo.batchImage != '' && detailInfo.batchImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="制造监督检验证书照片">
              <el-image
                :src="detailInfo.deviceImage"
                :preview-src-list="[detailInfo.deviceImage]"
                v-if="detailInfo.deviceImage != '' && detailInfo.deviceImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="检验报告照片">
              <el-image
                :src="detailInfo.checkImage"
                :preview-src-list="[detailInfo.checkImage]"
                v-if="detailInfo.checkImage != '' && detailInfo.checkImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12"> 2024-09-13 wh 去掉 界面不展示了
            <el-form-item label="产品编号照片">
              <el-image
                :src="detailInfo.equNoImage"
                :preview-src-list="[detailInfo.equNoImage]"
                v-if="detailInfo.equNoImage != '' && detailInfo.equNoImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="单位内编号照片">
              <el-image
                :src="detailInfo.selfIdImage"
                :preview-src-list="[detailInfo.selfIdImage]"
                v-if="detailInfo.selfIdImage != '' && detailInfo.selfIdImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="钢瓶信息照片">
              <el-image
                :src="detailInfo.botImage"
                :preview-src-list="[detailInfo.botImage]"
                v-if="detailInfo.botImage != '' && detailInfo.botImage != null"
                :z-index=5000
                style="width: 200px;height: 200px;"
                ></el-image>
                <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钢瓶规格名称">
              <span v-if="detailInfo.botSpecName">{{ detailInfo.botSpecName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="钢瓶型号">
              <span v-if="detailInfo.bottleType">{{ detailInfo.bottleType }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="已检验次数">
              <span v-if="detailInfo.inspectedTimes">{{ detailInfo.inspectedTimes }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12"> 2024-09-13 wh 去掉，感觉监管不需要
            <el-form-item label="是否专用">
              <span v-if="detailInfo.isSpecialized">{{detailInfo.isSpecialized}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="阀厂家">
              <span v-if="detailInfo.valveManuFacturer">{{ detailInfo.valveManuFacturer }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="检验标牌">
              <span v-if="detailInfo.inspectionLabel">{{ detailInfo.inspectionLabel }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="第三方标签">
              <span v-if="detailInfo.thirdPartyLabel">{{ detailInfo.thirdPartyLabel }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="孔洞码">
              <span v-if="detailInfo.holeCode">{{ detailInfo.holeCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="存储类型">
              <span v-if="detailInfo.bottleStorageType">{{ detailInfo.bottleStorageType }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <!-- <el-col :span="12"> 2024-09-13 wh 去掉，感觉监管不需要
            <el-form-item label="钢瓶状态">
              <span v-if="detailInfo.state">{{ detailInfo.state}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col> -->
        </el-row>
      </el-form>
    </el-dialog>
  </template>

  <script>
  import { getFiles } from "@/api/lpgRegulation/files";
    export default {
      name: "lpg-gasbottlefiles-info",
      data(){
        return{
            detailInfo:{
                fImageList:[]
            },
            detailOpen: false
        }
      },
      computed: {
            fImageListSplitAfter() {
                return this.detailInfo.fImageList.split(',');
            },
        },
      created(){

      },
      methods:{
        getDetailInfo(id){
            getFiles(id).then(res =>{
            if(res.code == 200 && res.data){
                this.detailInfo = res.data;
                this.detailOpen = true;
            }
            })
        },
      }
    }
  </script>

  <style scoped>

  </style>
