<template>
    <ele-pro-table
      ref="table"
      :columns="columns"
      height="400px"
      :datasource="datasource"
      cache-key="produceOrderZ"
      highlight-current-row
      @row-click="rowClick"
      :need-page="false"
    >
      <template v-slot:toolbar>
      
      </template>
    </ele-pro-table>
  </template>
  
  <script>
    import { getList } from '@/api/warehousing/index.js';
  
    export default {
      components: {},
      data() {
        return {
          loading: false
        };
      },
      computed: {
        // 表格列配置
        columns() {
          return [
            {
              columnKey: 'index',
              label: '序号',
              type: 'index',
              width: 55,
              align: 'center',
              showOverflowTooltip: true,
              fixed: 'left'
            },
            {
              prop: 'workOrderCode',
              label: '工单编码',
              align: 'center',
              minWidth: 110
            },
            {
              prop: 'warehouseName',
              label: '仓库名称	',
              align: 'center'
            },
  
            {
              prop: 'categoryLevelName',
              label: '物品分类名称',
              align: 'center'
            },
            {
              prop: 'categoryName',
              label: '物品名称',
              align: 'center'
            },
            {
              slot: 'totalCount',
              label: '总数量',
              align: 'center'
            },
  
            {
              slot: 'totalPackage',
              label: '总包装',
              align: 'center'
            },
  
            {
              slot: 'totalWeight',
              label: '总重量',
              align: 'center'
            },
  
            {
              prop: 'approvalUserName',
              label: '审核人',
              align: 'center'
            },
  
            {
              prop: 'createTime',
              label: '创建时间',
              align: 'center',
              showOverflowTooltip: true,
              minWidth: 110
            },
            {
              slot: 'approvalStatus',
              label: '状态',
              align: 'center'
            }
          ];
        }
      },
      created() {},
      methods: {
        /* 表格数据源 */
        datasource({ page, limit, where }) {
          return getList({
            pageNum: page,
            size: limit,
            ...where
          });
        },
  
        /* 刷新表格 */
        reload(where) {
          this.$nextTick(() => {
            this.$refs.table.reload({ page: 1, where });
          });
        },
  
        rowClick() {}
      }
    };
  </script>
  
  <style lang="scss" scoped>
    .table {
      height: calc((100vh - 70px - 50px - 80px - 20px) / 2);
    }
  </style>
  