vent-template/src/views/vent/gas/gasPumpSetting/components/unitTable.vue

<template>
  <!--定义表格-->
  <BasicTable @register="registerTable" />
</template>

<script lang="ts" name="basic-table-demo" setup>
  import { BasicTable } from '/@/components/Table';
  import { useListPage } from '/@/hooks/system/useListPage';
  import { UnitTableColumns } from '../gasPumpSetting.data';

  const tableData = [
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
    {
      key: '1',
      name: '胡歌',
      age: 32,
      dep: '朝阳区林萃路1号',
      ret: '朝阳区林萃路1号',
      oba: '朝阳区林萃路1号',
    },
  ];

  const { tableContext } = useListPage({
    designScope: 'basic-table-demo',
    tableProps: {
      columns: UnitTableColumns,
      size: 'small',
      useSearchForm: false,
      api: () => Promise.resolve(tableData),
      showActionColumn: false,
      showTableSetting: false,
    },
  });
  // BasicTable绑定注册
  const [registerTable] = tableContext;
</script>