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