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

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

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

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

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

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

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

          <el-col :span="12">
            <el-form-item label="实际净重">
              <span v-if="detailInfo.fWtNet">{{ detailInfo.fWtNet}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="设定瓶重">
              <span v-if="detailInfo.fSetBottleWeight">{{ detailInfo.fSetBottleWeight}}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="实际瓶重">
              <span v-if="detailInfo.fBottleWeight">{{ detailInfo.fBottleWeight }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="实际总重">
              <span v-if="detailInfo.fWtGross">{{ detailInfo.fWtGross }}</span>
              <span v-else>-</span>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="充装工">
              <span v-if="detailInfo.fOprateName">{{ detailInfo.fOprateName }}</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>
