From 1a19680c211f1ce4c376b33596d53c1f44bb82f2 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 28 Nov 2025 14:34:00 +0800
Subject: [PATCH] =?UTF-8?q?style(componentList):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E5=92=8C=E8=A1=A8=E6=A0=BC=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentList/index.tsx                   |  9 ++++-
 .../componentList/style/index.module.less     | 40 +++++++++++++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/src/pages/componentDevelopment/componentList/index.tsx b/src/pages/componentDevelopment/componentList/index.tsx
index 9a748a3..3a0c904 100644
--- a/src/pages/componentDevelopment/componentList/index.tsx
+++ b/src/pages/componentDevelopment/componentList/index.tsx
@@ -147,6 +147,8 @@ const GlobalVarContainer = () => {
     {
       title: '操作',
       dataIndex: 'operations',
+      fixed: 'right' as const,
+      width: 400,
       render: (_, record, index) => (
         <HandleButtonGroup
           row={record}
@@ -596,8 +598,13 @@ const GlobalVarContainer = () => {
               data={componentData}
               loading={loading}
               pagination={false}
+              scroll={{ x: 1500, y: 'calc(100vh - 280px)' }}
+              border={{
+                wrapper: true,
+                cell: true
+              }}
             />
-            <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: 16 }}>
+            <div className={styles['pagination-container']}>
               <Pagination
                 current={pagination.currPage}
                 pageSize={pagination.pageSize}
diff --git a/src/pages/componentDevelopment/componentList/style/index.module.less b/src/pages/componentDevelopment/componentList/style/index.module.less
index 1d945bb..e37e8fa 100644
--- a/src/pages/componentDevelopment/componentList/style/index.module.less
+++ b/src/pages/componentDevelopment/componentList/style/index.module.less
@@ -31,11 +31,15 @@
   .comp-list-content {
     flex: 8;
     padding: 0 0 0 40px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
 
     .comp-list-header {
       display: flex;
       justify-content: space-between;
       margin-bottom: 15px;
+      flex-shrink: 0;
 
       .comp-list-title {
         font-size: 18px;
@@ -47,7 +51,43 @@
     }
 
     .comp-list-list {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+
+      // 表格容器样式
+      :global {
+        .arco-table-container {
+          height: 100%;
+          display: flex;
+          flex-direction: column;
+        }
+
+        .arco-table {
+          flex: 1;
+          overflow: auto;
+        }
+
+        // 固定列样式优化
+        .arco-table-cell-fixed-left,
+        .arco-table-cell-fixed-right {
+          background-color: #fff;
+          z-index: 2;
+        }
 
+        .arco-table-cell-fixed-right {
+          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08);
+        }
+      }
+
+      .pagination-container {
+        display: flex;
+        justify-content: flex-end;
+        padding: 16px 0;
+        flex-shrink: 0;
+        border-top: 1px solid #E5E6EB;
+      }
     }
   }
 }
\ No newline at end of file