chore: table title改为官方方案

This commit is contained in:
dap 2024-10-25 08:09:53 +08:00
parent 9311dfe25b
commit 938ccd85f8
20 changed files with 23 additions and 95 deletions

View File

@ -34,10 +34,7 @@ async function handleForceOffline(row: Recordable<any>) {
<template>
<div>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">我的在线设备</span>
</template>
<BasicTable table-title="我的在线设备">
<template #action="{ row }">
<Popconfirm
:title="`确认强制下线[${row.userName}]?`"

View File

@ -153,10 +153,7 @@ async function handleUnlock() {
<template>
<Page auto-content-height>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">登录日志列表</span>
</template>
<BasicTable table-title="登录日志列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -55,10 +55,7 @@ async function handleForceOffline(row: Recordable<any>) {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">在线用户列表</span>
</template>
<BasicTable table-title="在线用户列表">
<template #action="{ row }">
<Popconfirm
:get-popup-container="getPopupContainer"

View File

@ -153,10 +153,7 @@ async function handleDelete() {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">操作日志列表</span>
</template>
<BasicTable table-title="操作日志列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -119,10 +119,7 @@ const { hasAccessByCodes } = useAccess();
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">系统授权列表</span>
</template>
<BasicTable table-title="系统授权列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -131,10 +131,7 @@ async function handleRefreshCache() {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">参数列表</span>
</template>
<BasicTable table-title="参数列表">
<template #toolbar-tools>
<Space>
<a-button @click="handleRefreshCache"> 刷新缓存 </a-button>

View File

@ -11,8 +11,7 @@ import {
removeEmptyChildren,
} from '@vben/utils';
import { QuestionCircleOutlined } from '@ant-design/icons-vue';
import { Popconfirm, Space, Tooltip } from 'ant-design-vue';
import { Popconfirm, Space } from 'ant-design-vue';
import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
import { deptList, deptRemove } from '#/api/system/dept';
@ -133,15 +132,7 @@ function setExpandOrCollapse(expand: boolean) {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<div class="flex items-center gap-[6px]">
<span class="pl-[7px] text-[16px]">部门列表</span>
<Tooltip title="提示:双击展开/收起子菜单">
<QuestionCircleOutlined class="text-center" />
</Tooltip>
</div>
</template>
<BasicTable table-title="部门列表" table-title-help="双击展开/收起子菜单">
<template #toolbar-tools>
<Space>
<a-button @click="setExpandOrCollapse(false)">

View File

@ -144,10 +144,7 @@ emitter.on('rowClick', async (value) => {
<template>
<div>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">字典数据列表</span>
</template>
<BasicTable table-title="字典数据列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -188,10 +188,7 @@ const couldSyncTenantDict = computed(() => {
<template>
<div>
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">字典类型列表</span>
</template>
<BasicTable table-title="字典类型列表">
<template #toolbar-tools>
<Space>
<Dropdown>

View File

@ -13,7 +13,7 @@ import {
removeEmptyChildren,
} from '@vben/utils';
import { Popconfirm, Space, Tooltip } from 'ant-design-vue';
import { Popconfirm, Space } from 'ant-design-vue';
import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
import { menuList, menuRemove } from '#/api/system/menu';
@ -24,7 +24,6 @@ import menuDrawer from './menu-drawer.vue';
/**
* 不要问为什么有两个根节点 v-if会控制只会渲染一个
*/
import { QuestionCircleOutlined } from '@ant-design/icons-vue';
const formOptions: VbenFormProps = {
commonConfig: {
@ -139,15 +138,7 @@ const isAdmin = computed(() => {
<template>
<Page v-if="isAdmin" :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<div class="flex items-center gap-[6px]">
<span class="pl-[7px] text-[16px]">菜单列表</span>
<Tooltip title="提示:双击展开/收起子菜单">
<QuestionCircleOutlined class="text-center" />
</Tooltip>
</div>
</template>
<BasicTable table-title="菜单列表" table-title-help="双击展开/收起子菜单">
<template #toolbar-tools>
<Space>
<a-button @click="setExpandOrCollapse(false)">

View File

@ -123,10 +123,7 @@ function handleMultiDelete() {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">通知公告列表</span>
</template>
<BasicTable table-title="通知公告列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -131,10 +131,7 @@ const { hasAccessByCodes } = useAccess();
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">oss配置列表</span>
</template>
<BasicTable table-title="oss配置列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -167,10 +167,7 @@ const [FileUploadModal, fileUploadApi] = useVbenModal({
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">文件列表</span>
</template>
<BasicTable table-title="文件列表">
<template #toolbar-tools>
<Space>
<Tooltip title="预览图片">

View File

@ -139,16 +139,13 @@ function handleMultiDelete() {
</script>
<template>
<Page :auto-content-height="true" content-class="flex gap-[8px]">
<Page :auto-content-height="true" content-class="flex gap-[8px] w-full">
<DeptTree
v-model:select-dept-id="selectDeptId"
class="w-[260px]"
@select="() => tableApi.query()"
/>
<BasicTable class="flex-1 overflow-hidden">
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">岗位列表</span>
</template>
<BasicTable class="flex-1 overflow-hidden" table-title="岗位列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -118,10 +118,7 @@ function handleMultipleAuthCancel() {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">已分配的用户列表</span>
</template>
<BasicTable table-title="已分配的用户列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -163,10 +163,7 @@ function handleAssignRole(record: Recordable<any>) {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">角色列表</span>
</template>
<BasicTable table-title="角色列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -155,10 +155,7 @@ const isSuperAdmin = computed(() => {
<template>
<Page v-if="isSuperAdmin" :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">租户列表</span>
</template>
<BasicTable table-title="租户列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -142,10 +142,7 @@ const isSuperAdmin = computed(() => {
<template>
<Page v-if="isSuperAdmin" :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">租户套餐列表</span>
</template>
<BasicTable table-title="租户套餐列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -200,10 +200,7 @@ function handleResetPwd(record: Recordable<any>) {
class="w-[260px]"
@select="() => tableApi.query()"
/>
<BasicTable class="flex-1 overflow-hidden">
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">用户列表</span>
</template>
<BasicTable class="flex-1 overflow-hidden" table-title="用户列表">
<template #toolbar-tools>
<Space>
<a-button

View File

@ -199,10 +199,7 @@ function handleImport() {
<template>
<Page :auto-content-height="true">
<BasicTable>
<template #toolbar-actions>
<span class="pl-[7px] text-[16px]">代码生成列表</span>
</template>
<BasicTable table-title="代码生成列表">
<template #toolbar-tools>
<a
class="text-primary mr-2"