<template>
  <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>
</template>

<script>
import { getFiles } from "@/api/lpgRegulation/files";
export default {
  name: "lpg-gasbottlefiles-info",
  props: {
    detailInfo: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  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>
