From 0aa75c0422083782a42c9c0c4a6ea7dcb5db7818 Mon Sep 17 00:00:00 2001 From: Soybean Date: Sun, 28 Jan 2024 23:49:01 +0800 Subject: [PATCH] perf(projects): perf page manage_menu style --- src/views/manage/menu/index.vue | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) diff --git a/src/views/manage/menu/index.vue b/src/views/manage/menu/index.vue index 14ad45df..da663af8 100644 --- a/src/views/manage/menu/index.vue +++ b/src/views/manage/menu/index.vue @@ -39,6 +39,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl { key: 'index', title: $t('common.index'), + width: 120, render: (_, index) => { return {getIndex(index)}; }, @@ -48,7 +49,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl key: 'menuType', title: $t('page.manage.menu.menuType'), align: 'center', - width: 100, + width: 120, render: row => { const tagMap: Record = { 1: 'default', @@ -63,6 +64,8 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl { key: 'menuName', title: $t('page.manage.menu.menuName'), + align: 'center', + minWidth: 120, render: row => { const { i18nKey, menuName } = row; @@ -90,17 +93,21 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl }, { key: 'routeName', - title: $t('page.manage.menu.routeName') + title: $t('page.manage.menu.routeName'), + align: 'center', + minWidth: 120 }, { key: 'routePath', - title: $t('page.manage.menu.routePath') + title: $t('page.manage.menu.routePath'), + align: 'center', + minWidth: 120 }, { key: 'status', title: $t('page.manage.menu.menuStatus'), align: 'center', - width: 100, + width: 120, render: row => { if (row.status === null) { return null; @@ -138,7 +145,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl key: 'order', title: $t('page.manage.menu.order'), align: 'center', - width: 64 + width: 80 }, { key: 'operate',