优化样式

web/src/views/backend/auth/admin/index.vue

@@ -90,16 +90,18 @@ const baTable = new baTableClass(
                 prop: 'status',
                 align: 'center',
                 render: 'tag',
+                effect: 'dark',
                 custom: { disable: 'danger', enable: 'success' },
                 replaceValue: { disable: t('Disable'), enable: t('Enable') },
             },
             {
                 label: t('Operate'),
                 align: 'center',
-                width: '100',
+                minWidth: '80',
                 render: 'buttons',
                 buttons: optButtons,
                 operator: false,
+                fixed: 'right',
             },
         ],
         dblClickNotEditColumn: [undefined, 'status'],

web/src/views/backend/auth/adminLog/index.vue

@@ -90,7 +90,17 @@ const baTable = new baTableClass(new baTableApi('/admin/auth.AdminLog/'), {
             showOverflowTooltip: true,
             render: 'url',
         },
-        { label: t('auth.adminLog.ip'), prop: 'ip', align: 'center', operator: 'LIKE', operatorPlaceholder: t('Fuzzy query'), render: 'tag' },
+        {
+            label: t('auth.adminLog.ip'),
+            prop: 'ip',
+            align: 'center',
+            operator: 'LIKE',
+            operatorPlaceholder: t('Fuzzy query'),
+            render: 'tag',
+            customRenderAttr: {
+                tag: () => ({ type: 'info' }),
+            },
+        },
         {
             label: t('auth.adminLog.useragent'),
             prop: 'useragent',
@@ -111,10 +121,11 @@ const baTable = new baTableClass(new baTableApi('/admin/auth.AdminLog/'), {
         {
             label: t('Operate'),
             align: 'center',
-            width: '100',
+            minWidth: '80',
             render: 'buttons',
             buttons: optButtons,
             operator: false,
+            fixed: 'right',
         },
     ],
     dblClickNotEditColumn: [undefined],

web/src/views/backend/auth/group/index.vue

@@ -67,12 +67,20 @@ const baTable: baTableClass = new baTableClass(
                 prop: 'status',
                 align: 'center',
                 render: 'tag',
+                effect: 'dark',
                 custom: { 0: 'danger', 1: 'success' },
                 replaceValue: { 0: t('Disable'), 1: t('Enable') },
             },
             { label: t('Update time'), prop: 'update_time', align: 'center', width: '160', render: 'datetime' },
             { label: t('Create time'), prop: 'create_time', align: 'center', width: '160', render: 'datetime' },
-            { label: t('Operate'), align: 'center', width: '130', render: 'buttons', buttons: defaultOptButtons(['edit', 'delete']) },
+            {
+                label: t('Operate'),
+                align: 'center',
+                width: '80',
+                render: 'buttons',
+                buttons: defaultOptButtons(['edit', 'delete']),
+                fixed: 'right',
+            },
         ],
     },
     {

web/src/views/backend/auth/rule/index.vue

@@ -68,9 +68,10 @@ const baTable = new baTableClass(
             {
                 label: t('Operate'),
                 align: 'center',
-                width: '130',
+                width: '120',
                 render: 'buttons',
                 buttons: defaultOptButtons(),
+                fixed: 'right',
             },
         ],
         dragSortLimitField: 'pid',