shuhi-ui/src/views/customer/list/components/detail/scan-log.vue

<template>
  <common-table
    ref="pageRef"
    :pageConfig="pageConfig"
    :columns="columns"
    :tools="false"
    :bodyStyle="{ padding: 0 }"
  >
  </common-table>
</template>

<script setup>
  import { ref, reactive } from 'vue';
  import CommonTable from '@/components/CommonPage/CommonTable.vue';

  defineOptions({ name: 'accountChangeLog' });

  /** 表格列配置 */
  const columns = ref([
    { label: '序号', type: 'index', align: 'center', width: 60 },
    { label: 'ISBN', prop: 'baseInfo', align: 'center' },
    { label: '商品名称', prop: 'money', align: 'center' },
    { label: '扫描时间', prop: 'createTime', align: 'center' }
  ]);

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

  const pageConfig = reactive({
    pageUrl: '/book/bookInfo/list',
    fileName: '余额变动',
    cacheKey: 'accountChangeLogTable'
  });

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