index.vue

<template>
  <el-dialog title="充装详情" :visible.sync="detailOpen" width="900px" append-to-body>
    <el-form label-width="120px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="储配站">
            <span>{{ form.stationName}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="气瓶条码">
            <span>{{ form.bottleCode}}</span>
          </el-form-item>
        </el-col>
      </el-row>

<!--      <el-row>-->
<!--        <el-col :span="12">-->
<!--          <el-form-item label="规格">-->
<!--            <span>{{ form.bottleCapacity}}</span>-->
<!--          </el-form-item>-->
<!--        </el-col>-->
<!--        <el-col :span="12">-->
<!--          <el-form-item label="气瓶状态">-->
<!--            <span v-if="form.bottleStatus == '1'">正常</span>-->
<!--            <span v-if="form.bottleStatus == '2'">逾期未检</span>-->
<!--            <span v-if="form.bottleStatus == '3'">报废</span>-->
<!--          </el-form-item>-->
<!--        </el-col>-->

<!--      </el-row>-->

      <el-row>
        <el-col :span="12">
          <el-form-item label="充装人员">
            <span>{{ form.chargeOperatorName}}</span>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="充装气量">
            <span>{{ form.chargeMeasure}}L</span>
          </el-form-item>
        </el-col>

      </el-row>

      <el-row>
        <el-col :span="12">
          <el-form-item label="充装时间">
            <span>{{ form.chargeDate}}</span>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>
  </el-dialog>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        detailOpen: false,
        form: {}
      }
    },
    methods:{
    }
  }
</script>

<style scoped>

</style>