style: 登录日志管理页面排版

src/views/system/log/login/index.vue

@@ -100,53 +100,62 @@ let tableColumns: ColumnsType = [
   {
     title: t('views.system.log.login.operId'),
     dataIndex: 'loginId',
-    align: 'center',
+    align: 'left',
+    width: 100,
   },
   {
     title: t('views.system.log.login.account'),
     dataIndex: 'userName',
-    align: 'center',
+    align: 'left',
+    width: 150,
   },
   {
     title: t('views.system.log.login.loginIp'),
     dataIndex: 'ipaddr',
-    align: 'center',
+    align: 'left',
+    width: 150,
   },
   {
     title: t('views.system.log.login.loginLoc'),
     dataIndex: 'loginLocation',
-    align: 'center',
+    align: 'left',
+    width: 150,
   },
   {
     title: t('views.system.log.login.os'),
     dataIndex: 'os',
-    align: 'center',
+    align: 'left',
+    width: 200,
   },
   {
     title: t('views.system.log.login.browser'),
     dataIndex: 'browser',
-    align: 'center',
+    align: 'left',
+    width: 200,
   },
   {
     title: t('views.system.log.login.status'),
     dataIndex: 'status',
     key: 'status',
     align: 'center',
-  },
-  {
-    title: t('views.system.log.login.info'),
-    dataIndex: 'msg',
-    align: 'center',
-  },
+    width: 100,
+  }, 
   {
     title: t('views.system.log.login.loginTime'),
     dataIndex: 'loginTime',
     align: 'center',
+    width: 200,
     customRender(opt) {
       if (+opt.value <= 0) return '';
       return parseDateToStr(+opt.value);
     },
   },
+  {
+    title: t('views.system.log.login.info'),
+    dataIndex: 'msg',
+    align: 'left',
+    width: 200,
+  },
 ];
 
 /**表格分页器参数 */
@@ -541,7 +550,7 @@ onMounted(() => {
         :data-source="tableState.data"
         :size="tableState.size"
         :row-class-name="fnTableStriped"
-        :scroll="{ x: true }"
+        :scroll="{ x: tableColumns.length * 150 }"
         :pagination="tablePagination"
         :row-selection="{
           type: 'checkbox',