lemonBeans_ui/src/views/kaihe/singleVoyageShip/BLNo.vue

<template>
  <el-dialog
   :title="title"
   width="50%"
   :visible.sync="open"
  >
    <el-form inline :model="BLNoList">
      <el-row>
        <el-col :span="8">
          <el-form-item label="提单号">
            <span v-text="BLNoList.fMblno"></span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="客户名称">
            <span v-text="BLNoList.corpName"></span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="箱型">
            <span v-text="BLNoList.fNo"></span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="箱量">
            <span v-text="BLNoList.fCntrcount"></span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="收货人">
            <span v-text="BLNoList.fConsigneername"></span>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="发货人">
            <span v-text="BLNoList.createBy"></span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="open = false">关闭</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name: "BLNo",
  data() {
    return {
      title: '',
      open: false,
      BLNoList: {
        fMblno: null,
        corpName: null,
        fNo: null,
        fCntrcount: null,
        fConsigneername: null,
        createBy: null
      }
    }
  },
  methods: {
    // 重置
    reset() {
      this.BLNoList = {
        fMblno: null,
        corpName: null,
        fNo: null,
        fCntrcount: null,
        fConsigneername: null,
        createBy: null
      };
    },
    // 打开前的操作
    openDialog(data) {
      // console.log(data)
      this.reset();
      this.title = '提单号：'+ data.fMblno;
      this.BLNoList = {
        fMblno: data.fMblno,
        corpName: data.corpName,
        fNo: data.fNo,
        fCntrcount: data.fCntrcount,
        fConsigneername: data.fConsigneername,
        createBy: data.createBy
      }
      this.open = true;
    }
  }
}
</script>

<style scoped>

</style>