web/src/views/educational/textbookSubscription/components/historyView.vue

<script setup lang="ts">
  import { useTable } from '/@/components/Table';
  import BasicModal from '/@/components/Modal/src/BasicModal.vue';
  import BasicTable from '/@/components/Table/src/BasicTable.vue';
  import { useModalInner } from '/@/components/Modal';
  import { getWfTextbookSubscriptionHistoryList } from '/@/services/apis/WfTextbookSubscriptionController';
  import { reactive } from 'vue';
  const searchForm = reactive({
    baseSemesterId: '',
    textbookId: '',
  });
  const [register] = useModalInner((data) => {
    searchForm.baseSemesterId = data.baseSemesterId;
    searchForm.textbookId = data.textbookId;
    reload();
  });
  const [tableRegister, { reload }] = useTable({
    rowKey: 'id',
    api: getWfTextbookSubscriptionHistoryList,
    immediate: false,
    bordered: true,
    resizeHeightOffset: 200,
    beforeFetch: (params) => {
      return {
        ...params,
        ...searchForm,
      };
    },
    columns: [
      {
        title: '征订日期',
        dataIndex: 'createDate',
        width: 150,
      },
      {
        title: '学生用户征订数量',
        dataIndex: 'studentSubscriptionNumber',
        width: 120,
      },
      {
        title: '教师用书征订数量',
        dataIndex: 'teacherSubscriptionNumber',
        width: 120,
      },
    ],
  });
</script>

<template>
  <BasicModal width="800px" @register="register" title="历史征订记录" v-bind="$attrs">
    <BasicTable @register="tableRegister" />
  </BasicModal>
</template>

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