<script lang="ts" setup>
  import { BasicTable, useTable } from '/@/components/Table';
  import { formSchemas, columnSchema } from './config';
  const [register] = useTable({
    columns: columnSchema,
    size: 'small',
    rowKey: 'id',
    showIndexColumn: false,
    useSearchForm: true,
    showTableSetting: true,
    bordered: true,
    formConfig: {
      layout: 'inline',
      baseColProps: { span: 6 },
      labelWidth: 80,
      schemas: formSchemas,
    },
    handleSearchInfoFn: (params: Recordable) => {
      // console.log(params);
      return params;
    },
  });
</script>

<template>
  <BasicTable @register="register" style="background-color: #f0f2f5" />
</template>