<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.gzId">{{ detailInfo.gzId }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="充装单位">
              <span v-if="detailInfo.stationName">{{ detailInfo.stationName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

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

          <el-col :span="12">
            <el-form-item label="钢印号">
              <span v-if="detailInfo.vaseCode">{{ detailInfo.vaseCode }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="秤号">
              <span v-if="detailInfo.scaleNum">{{ detailInfo.scaleNum }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="充装开始时间">
              <span v-if="detailInfo.fillStatrTime">{{ detailInfo.fillStatrTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="充装结束时间">
              <span v-if="detailInfo.fillEndTime">{{ detailInfo.fillEndTime }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="设定净重">
              <span v-if="detailInfo.setWeight">{{ detailInfo.setWeight}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>

          <el-col :span="12">
            <el-form-item label="实际净重">
              <span v-if="detailInfo.wtNet">{{ detailInfo.wtNet}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设定瓶重">
              <span v-if="detailInfo.setBottleWeight">{{ detailInfo.setBottleWeight}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="实际瓶重">
              <span v-if="detailInfo.bottleWeight">{{ detailInfo.bottleWeight }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="实际总重">
              <span v-if="detailInfo.wtGross">{{ detailInfo.wtGross }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="充装工">
              <span v-if="detailInfo.oprateName">{{ detailInfo.oprateName }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-dialog>
  </template>

  <script>
  import { getFiles } from "@/api/lpgRegulation/airchargefiles";
    export default {
      name: "lpg-gasbottlefiles-info",
      data(){
        return{
            detailInfo:{},
            detailOpen: false
        }
      },
      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>
