perf(projects): perf table columns style

soybeanjs · Jan 28, 2024 · babdb5d · babdb5d
1 parent 8a170ee
commit babdb5d
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/src/views/manage/role/index.vue b/src/views/manage/role/index.vue
@@ -54,20 +54,25 @@ const { columns, filteredColumns, data, loading, pagination, getData, searchPara
     {
       key: 'roleName',
       title: $t('page.manage.role.roleName'),
-      align: 'center'
+      align: 'center',
+      minWidth: 120
     },
     {
       key: 'roleCode',
-      title: $t('page.manage.role.roleCode')
+      title: $t('page.manage.role.roleCode'),
+      align: 'center',
+      minWidth: 120
     },
     {
       key: 'roleDesc',
-      title: $t('page.manage.role.roleDesc')
+      title: $t('page.manage.role.roleDesc'),
+      minWidth: 120
     },
     {
       key: 'roleStatus',
       title: $t('page.manage.role.roleStatus'),
       align: 'center',
+      width: 100,
       render: row => {
         if (row.roleStatus === null) {
           return null;

diff --git a/src/views/manage/user/index.vue b/src/views/manage/user/index.vue
@@ -51,18 +51,20 @@ const { columns, filteredColumns, data, loading, pagination, getData, searchPara
       key: 'index',
       title: $t('common.index'),
       render: (_, index): string => getIndex(index),
-      width: 64,
-      align: 'center'
+      align: 'center',
+      width: 64
     },
     {
       key: 'userName',
       title: $t('page.manage.user.userName'),
-      align: 'center'
+      align: 'center',
+      minWidth: 100
     },
     {
       key: 'userGender',
       title: $t('page.manage.user.userGender'),
       align: 'center',
+      width: 100,
       render: row => {
         if (row.userGender === null) {
           return null;
@@ -80,20 +82,27 @@ const { columns, filteredColumns, data, loading, pagination, getData, searchPara
     },
     {
       key: 'nickName',
-      title: $t('page.manage.user.nickName')
+      title: $t('page.manage.user.nickName'),
+      align: 'center',
+      minWidth: 100
     },
     {
       key: 'userPhone',
-      title: $t('page.manage.user.userPhone')
+      title: $t('page.manage.user.userPhone'),
+      align: 'center',
+      width: 120
     },
     {
       key: 'userEmail',
-      title: $t('page.manage.user.userEmail')
+      title: $t('page.manage.user.userEmail'),
+      align: 'center',
+      minWidth: 200
     },
     {
       key: 'userStatus',
       title: $t('page.manage.user.userStatus'),
       align: 'center',
+      width: 100,
       render: row => {
         if (row.userStatus === null) {
           return null;