kd-aiot-frontend-mes/src/views/warehousing/components/tgDetails.vue

<template>
  <ele-modal :visible.sync="visible" title="入库详情" width="1200px" >
    <ele-pro-table :columns="columns" :datasource="tableList" cache-key="tgDetails"  height="calc(100vh - 350px)"	  :need-page="false">
    </ele-pro-table>
  </ele-modal>
</template>

<script>

export default {
 
  data() {
    return {
      visible: false,
      tableList: [],
      columns: [
        {
          label: '序号',
          type: 'index',
          width: 55,
          align: 'center'
        },
    
        {
          label: '入库申请单id',
          prop: 'applyStorageId'
        },
    
        {
          label: '物品名称',
          prop: 'categoryName'
        },
        {
          label: '物品分类名称',
          prop: 'categoryLevelName'
        },

        {
          label: '牌号',
          prop: 'brandNum'
        },

        {
          label: '型号',
          prop: 'modelType'
        },

        {
          label: '包装数量',
          prop: 'packingCount'
        },

        {
          label: '包装单位',
          prop: 'packingUnit'
        },

        {
          label: '本包重量',
          prop: 'packingWeight'
        },

        {
          label: '包装内总数量',
          prop: 'quantity	'
        },

    
        

      ]

      	
    };
  },
  created() {

  },
  methods: {
    open(row) {
      if (row) {
        this.tableList = [...row.detailList]
      }
      this.visible = true;
    }
  }
};
</script>