<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"
    >
      <template v-slot:packingWeight="{ row }">
        {{ row.packingWeight }} {{ row.weightUnit }}
      </template>

      <template v-slot:materielCode="{ row }">
        {{ row.extInfo.materielCode }}
      </template>

      <template v-slot:clientCode="{ row }">
        {{ row.extInfo.clientCode }}
      </template>

      <template v-slot:engrave="{ row }">
        {{ row.extInfo.engrave }}
      </template>
    </ele-pro-table>
  </ele-modal>
</template>

<script>
export default {
  computed: {
    clientEnvironmentId() {
      return this.$store.state.user.info.clientEnvironmentId;
    }
  },
  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: '本包重量',
          slot: 'packingWeight'
        },

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

        {
          label: '物料代号',
          slot: 'materielCode'
        },
        {
          label: '客户代号',
          slot: 'clientCode'
        },
        {
          label: '刻码',
          slot: 'engrave'
        },

        {
          label: '发货码',
          prop: 'sendCode'
        }
      ],

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