feat: 表格按钮调整

This commit is contained in:
caiyuchao
2025-07-09 14:53:51 +08:00
parent 04017748a5
commit 8dea248137
3 changed files with 60 additions and 60 deletions

View File

@@ -6,12 +6,11 @@ import type {
import type { CustomerApi } from '#/api/license/customer';
import { Page, useVbenModal } from '@vben/common-ui';
import { Download, Plus } from '@vben/icons';
import { downloadFileFromBlobPart } from '@vben/utils';
import { Button, message } from 'ant-design-vue';
import { message } from 'ant-design-vue';
import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
deleteCustomer,
exportCustomer,
@@ -128,23 +127,24 @@ const [Grid, gridApi] = useVbenVxeGrid({
<Grid :table-title="$t('customer.customerList')">
<template #toolbar-tools>
<Button
type="primary"
@click="onCreate"
v-access:code="['license:customer:create']"
>
<Plus class="size-5" />
{{ $t('ui.actionTitle.create', [$t('customer.customer')]) }}
</Button>
<Button
type="primary"
class="ml-2"
@click="onExport"
v-access:code="['license:customer:export']"
>
<Download class="size-5" />
{{ $t('ui.actionTitle.export') }}
</Button>
<TableAction
:actions="[
{
label: $t('ui.actionTitle.create', [$t('customer.customer')]),
type: 'primary',
icon: ACTION_ICON.ADD,
auth: ['license:customer:create'],
onClick: onCreate,
},
{
label: $t('ui.actionTitle.export'),
type: 'primary',
icon: ACTION_ICON.DOWNLOAD,
auth: ['license:customer:export'],
onClick: onExport,
},
]"
/>
</template>
</Grid>
</Page>

View File

@@ -6,12 +6,11 @@ import type {
import type { LicenseApi } from '#/api/license/license';
import { Page, useVbenModal } from '@vben/common-ui';
import { Download, Plus } from '@vben/icons';
import { downloadFileFromBlobPart } from '@vben/utils';
import { Button, message } from 'ant-design-vue';
import { message } from 'ant-design-vue';
import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
deleteLicense,
exportLicense,
@@ -133,23 +132,24 @@ const [Grid, gridApi] = useVbenVxeGrid({
<Grid :table-title="$t('license.list')">
<template #toolbar-tools>
<Button
type="primary"
@click="onCreate"
v-access:code="['license:license:create']"
>
<Plus class="size-5" />
{{ $t('ui.actionTitle.create', ['License']) }}
</Button>
<Button
type="primary"
class="ml-2"
@click="onExport"
v-access:code="['license:license:export']"
>
<Download class="size-5" />
{{ $t('ui.actionTitle.export') }}
</Button>
<TableAction
:actions="[
{
label: $t('ui.actionTitle.create', ['License']),
type: 'primary',
icon: ACTION_ICON.ADD,
auth: ['license:license:create'],
onClick: onCreate,
},
{
label: $t('ui.actionTitle.export'),
type: 'primary',
icon: ACTION_ICON.DOWNLOAD,
auth: ['license:license:export'],
onClick: onExport,
},
]"
/>
</template>
</Grid>
</Page>

View File

@@ -6,12 +6,11 @@ import type {
import type { ProjectApi } from '#/api/license/project';
import { Page, useVbenModal } from '@vben/common-ui';
import { Download, Plus } from '@vben/icons';
import { downloadFileFromBlobPart } from '@vben/utils';
import { Button, message } from 'ant-design-vue';
import { message } from 'ant-design-vue';
import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import {
deleteProject,
exportProject,
@@ -127,23 +126,24 @@ const [Grid, gridApi] = useVbenVxeGrid({
<Grid :table-title="$t('project.list')">
<template #toolbar-tools>
<Button
type="primary"
@click="onCreate"
v-access:code="['license:project:create']"
>
<Plus class="size-5" />
{{ $t('ui.actionTitle.create', [$t('project.project')]) }}
</Button>
<Button
type="primary"
class="ml-2"
@click="onExport"
v-access:code="['license:project:export']"
>
<Download class="size-5" />
{{ $t('ui.actionTitle.export') }}
</Button>
<TableAction
:actions="[
{
label: $t('ui.actionTitle.create', [$t('project.project')]),
type: 'primary',
icon: ACTION_ICON.ADD,
auth: ['license:project:create'],
onClick: onCreate,
},
{
label: $t('ui.actionTitle.export'),
type: 'primary',
icon: ACTION_ICON.DOWNLOAD,
auth: ['license:project:export'],
onClick: onExport,
},
]"
/>
</template>
</Grid>
</Page>