<template>
  <div class="">
    <toolbar @on-filter="filterData" @on-reset="filterData" />

    <base-table
      class="m-10 bg-w p-20 br-10"
      :columns="columns"
      :items="items"
      :pagination="pagination"
      :page-change="pageChange"
    />
  </div>
</template>

<script>
import toolbar from './toolbar';
import mxFilterList from '@/mixins/filterList';
import { getList, delItem } from '@/api/points/detail';

export default {
  name: 'PointsDetail',

  components: { toolbar },

  mixins: [
    mxFilterList({
      fetchList: getList // 在下方data再声明一个 fetchList: iGetList 同等效果
    })
  ],

  data() {
    return {
      columns: [
        {
          key: 'accountId',
          name: '用户ID',
          width: '160'
        },
        // {
        //   key: 'region',
        //   name: '昵称',
        //   width: '180'
        // },
        // {
        //   key: 'region',
        //   name: '手机号',
        //   width: '120'
        // },
        {
          key: 'scene',
          name: '场景',
          width: '180'
        },
        {
          key: 'displayText',
          name: '用途',
          minWidth: '180'
        },
        {
          key: 'createAt',
          name: '时间',
          width: '160'
        }
      ]
    };
  }
};
</script>

<style type="scss" scoped></style>
