feat(system): 优化系统日志页面布局和功能

- 修改系统日志页面的列配置，增加固定列和对齐方式
- 优化表格组件的样式和功能，支持右列固定和自定义样式
- 调整分页配置，统一表格相关属性

web/src/components/ComTable.vue

@@ -161,8 +161,11 @@ const scroll = ref({})
 onMounted(async () => {
   data.newColumns = [...props.columns]
   data.realTableData = [...props.tableData]
+
   await nextTick()
   // console.log(props.tableH, 'props.tableH');
+  console.log(comtable.value.offsetHeight,'comtable.value.offsetHeight');
+
 
   scroll.value = { y: comtable.value.offsetHeight - 56 }
 })
@@ -220,10 +223,11 @@ defineExpose({ ...toRefs(data), loading, mountedScroll, scroll: data.scroll })
 
 <style lang="scss" scoped>
 .comtable {
-  border-radius: 8px;
-  font-size: 14px;
   width: 100%;
   height: 100%;
+  border-radius: 8px;
+  font-size: 14px;
+
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -261,6 +265,10 @@ defineExpose({ ...toRefs(data), loading, mountedScroll, scroll: data.scroll })
     background: transparent;
     color: #fff !important;
     border-bottom: none !important; /* 可选：去除底部边框 */
+    &.ant-table-cell-fix-right{
+    background: #10687d !important;
+
+    }
   }
 }
 
@@ -339,19 +347,22 @@ defineExpose({ ...toRefs(data), loading, mountedScroll, scroll: data.scroll })
     top: -210px !important;
   }
   .ant-pagination-item {
+    border: 1px solid #fff;
     &:not(.ant-pagination-item-active):hover {
       background: #1c797a !important;
     }
     a {
       color: #fff;
       border-radius: 2px;
-      background: #1c797a !important;
+      
     }
   }
-
+:deep(.ant-pagination-item-ellipsis){
+  color: rgb(255 255 255 / 25%) !important;
+}
   .ant-pagination-item-active {
-    border: 1px solid transparent;
     color: #fff;
+      border: none !important;
     background: #1c797a !important;
   }
 }
@@ -369,6 +380,12 @@ defineExpose({ ...toRefs(data), loading, mountedScroll, scroll: data.scroll })
     }
   
   }
+
+
+}
+:deep(.ant-table-body .ant-table-cell-fix-right.ant-table-cell-fix-right-first){
+    background: #082e4a  !important;
+
 }
 :deep(.ant-table-body) {
   color:#fff;
@@ -416,4 +433,9 @@ defineExpose({ ...toRefs(data), loading, mountedScroll, scroll: data.scroll })
 :deep(.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover) {
   background: var(--table-select) !important;
 }
+:deep(.ant-table-cell-fix-right){
+  &::after{
+    border-inline-end:none !important
+  }
+}
 </style>