样式优化，.main-container滚动条：// height: calc(100vh - var(--header-height));

height: 90px;

frontend/src/views/monitor/online/index.vue

@@ -91,7 +91,7 @@ const columns = [
   { title: '登录地点', dataIndex: 'login_location', key: 'loginLocation', align: 'center', ellipsis: true },
   { title: '操作系统', dataIndex: 'os', key: 'os', align: 'center', ellipsis: true },
   { title: '浏览器', dataIndex: 'browser', key: 'browser', align: 'center', ellipsis: true },
-  { title: '登录时间', dataIndex: 'login_time', key: 'loginTime', align: 'center', width: 180 },
+  { title: '登录时间', dataIndex: 'login_time', key: 'loginTime', align: 'center', ellipsis: true, width: 180 },
   { title: '操作', dataIndex: 'operation', key: 'operation', align: 'center', width: 120 }
 ];
 

frontend/src/views/system/dept/index.vue

@@ -301,40 +301,48 @@ const columns = reactive<TableColumnsType>([
     title: '部门名称',
     dataIndex: 'name',
     align: 'center',
+    ellipsis: true,
     key: 'name',
-    width: 160
+    // width: 160
   },
   {
     title: '排序',
     dataIndex: 'order',
     key: 'order',
     align: 'center',
-    width: 100
+    ellipsis: true,
+    // width: 100
   },
   {
     title: '状态',
     dataIndex: 'available',
     key: 'available',
+    ellipsis: true,
     align: 'center',
-    width: 100
+    // width: 100
   },
   {
     title: '备注',
     dataIndex: 'description',
     key: 'description',
-    align: 'center'
+    ellipsis: true,
+    // align: 'center'
   },
   {
     title: '创建时间',
     dataIndex: 'created_at',
     align: 'center',
-    key: 'created_at'
+    ellipsis: true,
+    key: 'created_at',
+    width: 200
   },
   {
     title: '更新日期',
     dataIndex: 'updated_at',
     align: 'center',
-    key: 'created_at'
+    ellipsis: true,
+    key: 'created_at',
+    width: 200
   },
   {
     title: '操作',

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

@@ -157,45 +157,51 @@ const columns: TableColumnsType = [
   {
     title: '请求地址',
     dataIndex: 'request_path',
+    ellipsis: true,
     align: 'center',
-    width: 200
+    // width: 200
   },
   {
     title: '请求方法',
     dataIndex: 'request_method',
+    ellipsis: true,
     align: 'center',
-    width: 80
+    width: 120
   },
   {
     title: 'IP地址',
     dataIndex: 'request_ip',
+    ellipsis: true,
     align: 'center',
     width: 100
   },
   {
     title: '浏览器',
     dataIndex: 'request_browser',
+    ellipsis: true,
     align: 'center',
-    width: 100
+    width: 120
   },
   {
     title: '系统',
     dataIndex: 'request_os',
+    ellipsis: true,
     align: 'center',
-    width: 150
+    width: 120
   },
   {
     title: '响应码',
     dataIndex: 'response_code',
+    ellipsis: true,
     align: 'center',
-    width: 80
+    width: 120
   },
   {
     title: '描述',
     dataIndex: 'description',
     align: 'center',
     ellipsis: true,
-    // width: 500
+    width: 120
   },
   {
     title: '创建日期',

frontend/src/views/system/menu/index.vue

@@ -416,40 +416,47 @@ const columns = reactive<TableColumnsType>([
     title: '菜单名称',
     dataIndex: 'name',
     align: 'center',
+    ellipsis: true,
   },
   {
     title: '图标',
     dataIndex: 'icon',
     align: 'center',
+    ellipsis: true,
   },
   {
     title: '显示排序',
     dataIndex: 'order',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    width: 100
   },
   {
     title: '菜单类型',
     dataIndex: 'type',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    width: 100
   },
   {
     title: '权限标识',
     dataIndex: 'permission',
+    ellipsis: true,
     align: 'center',
   },
   {
     title: '状态',
     dataIndex: 'available',
+    ellipsis: true,
     align: 'center',
+    width: 100
   },
   {
     title: '备注',
     dataIndex: 'description',
     align: 'center',
     ellipsis: true,
-    width: 200
+    width: 180
   },
   {
     title: '操作',

frontend/src/views/system/notice/index.vue

@@ -245,26 +245,31 @@ const columns: TableColumnsType = [
         title: '序号',
         dataIndex: 'index',
         align: 'center',
+        ellipsis: true,
         width: 80
     },
     {
         title: '标题',
         dataIndex: 'notice_title',
+        ellipsis: true,
         align: 'center'
     },
     {
         title: '类型',
         dataIndex: 'notice_type',
+        ellipsis: true,
         align: 'center'
     },
     {
         title: '内容',
         dataIndex: 'notice_content',
-        align: 'center'
+        align: 'center',
+        ellipsis: true,
     },
     {
         title: '状态',
         dataIndex: 'available',
+        ellipsis: true,
         align: 'center'
     },
     {
@@ -293,6 +298,7 @@ const columns: TableColumnsType = [
         dataIndex: 'operation',
         align: 'center',
         fixed: 'right',
+        ellipsis: true,
         width: 150
     }
 ];

frontend/src/views/system/position/index.vue

@@ -227,21 +227,25 @@ const columns: TableColumnsType = [
     title: '序号',
     dataIndex: 'index',
     align: 'center',
+    ellipsis: true,
     width: 80
   },
   {
     title: '名称',
     dataIndex: 'name',
+    ellipsis: true,
     align: 'center'
   },
   {
     title: '排序',
     dataIndex: 'order',
+    ellipsis: true,
     align: 'center'
   },
   {
     title: '状态',
     dataIndex: 'available',
+    ellipsis: true,
     align: 'center'
   },
   {
@@ -256,14 +260,14 @@ const columns: TableColumnsType = [
     dataIndex: 'created_at',
     align: 'center',
     ellipsis: true,
-    // width: 120
+    width: 200
   },
   {
     title: '更新日期',
     dataIndex: 'updated_at',
     align: 'center',
     ellipsis: true,
-    // width: 120
+    width: 200
   },
   {
     title: '操作',

frontend/src/views/system/role/index.vue

@@ -225,47 +225,51 @@ const columns = reactive<TableColumnsType>([
     title: '序号',
     dataIndex: 'index',
     align: 'center',
+    ellipsis: true,
     width: 80
   },
   {
     title: '名称',
     dataIndex: 'name',
     align: 'center',
-    // width: 80
+    ellipsis: true,
+    // width: 120
 
   },
   {
     title: '排序',
     dataIndex: 'order',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    // width: 120
   },
   {
     title: '状态',
     dataIndex: 'available',
     align: 'center',
-    // width: 80
+    ellipsis: true,
+    // width: 120
   },
   {
     title: '备注',
     dataIndex: 'description',
     align: 'center',
     ellipsis: true,
-    width: 150
+    // width: 150
   },
   {
     title: '创建日期',
     dataIndex: 'created_at',
     align: 'center',
     ellipsis: true,
-    // width: 120
+    width: 200
   },
   {
     title: '更新日期',
     dataIndex: 'updated_at',
     align: 'center',
     ellipsis: true,
-    // width: 120
+    width: 200
   },
   {
     title: '操作',

frontend/src/views/system/user/index.vue

@@ -403,6 +403,7 @@ const columns = reactive<TableColumnsType>([
     title: '序号',
     dataIndex: 'index',
     align: 'center',
+    ellipsis: true,
     width: 80
   },
   {
@@ -410,7 +411,7 @@ const columns = reactive<TableColumnsType>([
     dataIndex: 'username',
     ellipsis: true,
     align: 'center',
-    width: 80
+    width: 100
   },
   {
     title: '姓名',
@@ -423,14 +424,15 @@ const columns = reactive<TableColumnsType>([
     title: '是否超管',
     dataIndex: 'is_superuser',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    width: 100
   },
   {
     title: '部门',
     dataIndex: 'dept',
     ellipsis: true,
     align: 'center',
-    width: 80
+    width: 100
   },
   {
     title: '角色',
@@ -449,26 +451,30 @@ const columns = reactive<TableColumnsType>([
   {
     title: '邮箱',
     dataIndex: 'email',
+    ellipsis: true,
     align: 'center',
-    // width: 160
+    width: 160
   },
   {
     title: '联系电话',
     dataIndex: 'mobile',
     align: 'center',
+    ellipsis: true,
     width: 120
   },
   {
     title: '性别',
     dataIndex: 'gender',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    width: 100
   },
   {
     title: '状态',
     dataIndex: 'available',
     align: 'center',
-    width: 80
+    ellipsis: true,
+    width: 100
   },
   {
     title: '备注',
@@ -481,6 +487,7 @@ const columns = reactive<TableColumnsType>([
     title: '操作',
     dataIndex: 'operation',
     fixed: 'right',
+    ellipsis: true,
     align: 'center',
     width: 150
   }