<template>
  <div>
    <BasicTable @register="registerTable">
      <template #tableTitle>
        <a-button type="primary" preIcon="ant-design:reload-outlined" @click="reload">刷新</a-button>
      </template>
    </BasicTable>
  </div>
</template>

<script lang="ts" name="xslmes-mesXslClientConnection" setup>
  import { BasicTable } from '/@/components/Table';
  import { useListPage } from '/@/hooks/system/useListPage';
  import { columns, searchFormSchema } from './MesXslClientConnection.data';
  import { list } from './MesXslClientConnection.api';

  const { tableContext } = useListPage({
    tableProps: {
      title: '客户端连接列表',
      api: list,
      columns,
      canResize: true,
      showIndexColumn: true,
      formConfig: {
        schemas: searchFormSchema,
        autoSubmitOnEnter: true,
        showAdvancedButton: false,
      },
      actionColumn: undefined,
    },
  });

  const [registerTable, { reload }] = tableContext;
</script>
