by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: update demo

Browse Source
This commit is contained in:
dap 2024-10-07 19:33:54 +08:00
parent 460020bee2
commit 1f79c08078
2 changed files with 56 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
apps/web-antd/src/views/demo/demo/index.vue
View File

@ -4,6 +4,7 @@ import type { Recordable } from '@vben/types';
import { ref } from 'vue';
import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
import { getPopupContainer } from '@vben/utils';
import { Modal, Popconfirm, Space } from 'ant-design-vue';
import dayjs from 'dayjs';
@ -124,13 +125,19 @@ function handleMultiDelete() {
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">测试单表列表</span>
<span class="pl-[7px] text-[16px]">测试单列表</span>
</template>
<template #toolbar-tools>
<Space>
<a-button
v-access:code="['demo:demo:export']"
@click="downloadExcel(demoExport, '测试单表数据', {})"
v-access:code="['system:demo:export']"
@click="
downloadExcel(
demoExport,
'测试单数据',
tableApi.formApi.form.values,
)
"
>
{{ $t('pages.common.export') }}
</a-button>
@ -138,14 +145,14 @@ function handleMultiDelete() {
:disabled="!checked"
danger
type="primary"
v-access:code="['demo:demo:remove']"
v-access:code="['system:demo:remove']"
@click="handleMultiDelete"
>
{{ $t('pages.common.delete') }}
</a-button>
<a-button
type="primary"
v-access:code="['demo:demo:add']"
v-access:code="['system:demo:add']"
@click="handleAdd"
>
{{ $t('pages.common.add') }}
@ -153,29 +160,28 @@ function handleMultiDelete() {
</Space>
</template>
<template #action="{ row }">
<a-button
size="small"
type="link"
v-access:code="['demo:demo:edit']"
@click="handleEdit(row)"
<Space>
<ghost-button
v-access:code="['system:demo:edit']"
@click.stop="handleEdit(row)"
>
{{ $t('pages.common.edit') }}
</a-button>
</ghost-button>
<Popconfirm
:get-popup-container="getPopupContainer"
placement="left"
title="确认删除？"
@confirm="handleDelete(row)"
>
<a-button
<ghost-button
danger
size="small"
type="link"
v-access:code="['demo:demo:remove']"
v-access:code="['system:demo:remove']"
@click.stop=""
>
{{ $t('pages.common.delete') }}
</a-button>
</ghost-button>
</Popconfirm>
</Space>
</template>
</BasicTable>
<DemoModal @reload="tableApi.query()" />

25
apps/web-antd/src/views/demo/tree/index.vue
View File

@ -4,7 +4,7 @@ import type { Recordable } from '@vben/types';
import { nextTick } from 'vue';
import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
import { listToTree } from '@vben/utils';
import { getPopupContainer, listToTree } from '@vben/utils';
import { Popconfirm, Space } from 'ant-design-vue';
@ -109,7 +109,7 @@ function collapseAll() {
</a-button>
<a-button
type="primary"
v-access:code="['demo:tree:add']"
v-access:code="['system:tree:add']"
@click="handleAdd"
>
{{ $t('pages.common.add') }}
@ -117,29 +117,28 @@ function collapseAll() {
</Space>
</template>
<template #action="{ row }">
<a-button
size="small"
type="link"
v-access:code="['demo:tree:edit']"
@click="handleEdit(row)"
<Space>
<ghost-button
v-access:code="['system:tree:edit']"
@click.stop="handleEdit(row)"
>
{{ $t('pages.common.edit') }}
</a-button>
</ghost-button>
<Popconfirm
:get-popup-container="getPopupContainer"
placement="left"
title="确认删除？"
@confirm="handleDelete(row)"
>
<a-button
<ghost-button
danger
size="small"
type="link"
v-access:code="['demo:tree:remove']"
v-access:code="['system:tree:remove']"
@click.stop=""
>
{{ $t('pages.common.delete') }}
</a-button>
</ghost-button>
</Popconfirm>
</Space>
</template>
</BasicTable>
<TreeModal @reload="tableApi.query()" />