<script lang="ts" setup>
import { useAccess } from '@vben/access';
import { Page } from '@vben/common-ui';

import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { TableAction } from '#/components/table-action';

import { gridOptions, searchFormOptions } from '../data.config';

const { hasAccessByCodes } = useAccess();

const [Grid] = useVbenVxeGrid({
  formOptions: searchFormOptions,
  gridOptions,
});
</script>

<template>
  <Page auto-content-height>
    <Grid>
      <template #toolbar-tools> </template>
      <template #action>
        <TableAction
          :actions="[
            {
              label: '详情',
              type: 'text',
              disabled: !hasAccessByCodes(['logAudit:edit']),
              // onClick: handleEdit.bind(null, row, true),
            },
          ]"
        />
      </template>
    </Grid>
  </Page>
</template>
