<template>
  <div class="collect-view">
    <div class="table-panel">
      <arkCommonTableByAgGrid
        height="400px;"
        style="width: 100%;"
        :data="rows"
        :columns="columns"
      />
    </div>
  </div>
</template>

<script>
  export default {
    name: 'PickedTable',

    props: {
      rows: {
        type: Array,
        default: () => []
      },
    },

    data() {
      return {
        columns: [
          {
            field: 'product_name',
            headerName: '商品名称',
            tdAlign: 'left',
          },
          {
            field: 'normsdetailnames',
            headerName: '规格',
            tdAlign: 'left',
            width: 100
          },
          {
            field: 'product_code',
            headerName: '商品编码',
            tdAlign: 'left',
            width: 100
          },
          {
            field: 'sku',
            headerName: 'SKU',
            tdAlign: 'left',
            width: 100
          },
          {
            field: 'num',
            headerName: '数量',
            tdAlign: 'left',
            width: 80
          },
          {
            field: 'storesite',
            headerName: '库位',
            tdAlign: 'left',
            width: 120
          },
          {
            field: 'basketAndNum',
            headerName: '数量(篮号)',
            tdAlign: 'left',
            width: 120
          },
          {
            field: 'order_id',
            headerName: '所属订单',
            tdAlign: 'left',
            width: 150
          },
        ],
      };
    },

    mounted() {

    },

    methods: {

    },
  };
</script>

<style lang="less" scoped>
</style>
