bf1942/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-12-26 23:10:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(projects): perf page manage_menu style

Browse Source
This commit is contained in:
Soybean
2024-01-28 23:49:01 +08:00
parent 87d65d3b1c
commit 0aa75c0422
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/manage/menu/index.vue
View File

@@ -39,6 +39,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
{ {
key: 'index', key: 'index',
title: $t('common.index'), title: $t('common.index'),
width: 120,
render: (_, index) => { render: (_, index) => {
return <span>{getIndex(index)}</span>; return <span>{getIndex(index)}</span>;
}, },
@@ -48,7 +49,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
key: 'menuType', key: 'menuType',
title: $t('page.manage.menu.menuType'), title: $t('page.manage.menu.menuType'),
align: 'center', align: 'center',
width: 100, width: 120,
render: row => { render: row => {
const tagMap: Record<Api.Common.EnableStatus, NaiveUI.ThemeColor> = { const tagMap: Record<Api.Common.EnableStatus, NaiveUI.ThemeColor> = {
1: 'default', 1: 'default',
@@ -63,6 +64,8 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
{ {
key: 'menuName', key: 'menuName',
title: $t('page.manage.menu.menuName'), title: $t('page.manage.menu.menuName'),
align: 'center',
minWidth: 120,
render: row => { render: row => {
const { i18nKey, menuName } = row; const { i18nKey, menuName } = row;
@@ -90,17 +93,21 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
}, },
{ {
key: 'routeName', key: 'routeName',
title: $t('page.manage.menu.routeName') title: $t('page.manage.menu.routeName'),
align: 'center',
minWidth: 120
}, },
{ {
key: 'routePath', key: 'routePath',
title: $t('page.manage.menu.routePath') title: $t('page.manage.menu.routePath'),
align: 'center',
minWidth: 120
}, },
{ {
key: 'status', key: 'status',
title: $t('page.manage.menu.menuStatus'), title: $t('page.manage.menu.menuStatus'),
align: 'center', align: 'center',
width: 100, width: 120,
render: row => { render: row => {
if (row.status === null) { if (row.status === null) {
return null; return null;
@@ -138,7 +145,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
key: 'order', key: 'order',
title: $t('page.manage.menu.order'), title: $t('page.manage.menu.order'),
align: 'center', align: 'center',
width: 64 width: 80
}, },
{ {
key: 'operate', key: 'operate',