<template>
  <ele-page flex-table>
    <page-search @search="reload"></page-search>
    <common-table
      ref="pageRef"
      :pageConfig="pageConfig"
      :columns="columns"
      :tools="false"
      show-summary
      :flex-table="false"
    >
      <template #toolbar="{ row }">
        <div>
          <el-button
            type="success"
            plain
            v-permission="'statistic:recycleOrder:export'"
            @click="handleExportExcel(row)"
          >
            导出EXCEL
          </el-button>
        </div>
      </template>
    </common-table>
  </ele-page>
</template>

<script setup>
  import { ref, reactive } from 'vue';
  import CommonTable from '@/components/CommonPage/CommonTable.vue';
  import pageSearch from './components/page-search.vue';
  import { useDictData } from '@/utils/use-dict-data';

  defineOptions({ name: 'recycleOrder' });

  /** 表格列配置 */
  const columns = ref([
    { type: 'index', label: '#', align: 'center',width:80 },
    { label: '日期', prop: 'createTime', align: 'center' },
    { label: '仓库', prop: 'godownName', align: 'center' },
    { label: '回收订单数', prop: 'orderNum', align: 'center' },
    { label: '回收本数', prop: 'bookNum', align: 'center' },
    { label: '回收平均价格', prop: 'price', align: 'center' },
    { label: '审核订单数', prop: 'auditNum', align: 'center' },
    { label: '审核金额', prop: 'amount', align: 'center' }
  ]);

  /** 页面组件实例 */
  const pageRef = ref(null);

  const pageConfig = reactive({
    pageUrl: '/baseinfo/godown/pagelist',
    exportUrl: '/baseinfo/godown/export',
    fileName: '回收订单统计',
    cacheKey: 'recycleOrderTable'
  });

  //刷新表格
  function reload(where) {
    pageRef.value?.reload(where);
  }

  //导出excel
  function handleExportExcel() {
    pageRef.value?.exportData('回收订单统计');
  }
</script>
