From 3137bede3f9495bcfebf57c6b38872a692954e9a Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 15 Dec 2025 17:53:10 +0800
Subject: [PATCH] =?UTF-8?q?feat(component-env):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=8E=AF=E5=A2=83=E5=88=97=E8=A1=A8=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E5=92=8C=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentEnv/index.tsx                    | 32 +++++++++++++++----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/pages/componentDevelopment/componentEnv/index.tsx b/src/pages/componentDevelopment/componentEnv/index.tsx
index 5fde62e..430c6b5 100644
--- a/src/pages/componentDevelopment/componentEnv/index.tsx
+++ b/src/pages/componentDevelopment/componentEnv/index.tsx
@@ -11,7 +11,8 @@ import {
   Message,
   Modal,
   Notification,
-  Tag
+  Tag,
+  Tooltip
 } from '@arco-design/web-react';
 import { getComponentClassify } from '@/api/componentClassify';
 import { IconSearch } from '@arco-design/web-react/icon';
@@ -59,10 +60,6 @@ const ComponentEnv = () => {
       title: '环境别名',
       dataIndex: 'name'
     },
-    {
-      title: '备注',
-      dataIndex: 'description'
-    },
     {
       title: '实例数量',
       dataIndex: 'instanceCount'
@@ -113,10 +110,31 @@ const ComponentEnv = () => {
         </div>
       )
     },
+    {
+      title: '备注',
+      dataIndex: 'description',
+      width: 200,
+      ellipsis: true,
+      render: (text) => (
+        text ? (
+          <Tooltip content={text}>
+            <span style={{
+              display: 'block',
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap'
+            }}>
+              {text}
+            </span>
+          </Tooltip>
+        ) : '-'
+      )
+    },
     {
       title: '操作',
-      width: 230,
+      width: 450,
       align: 'center',
+      fixed: 'right',
       render: (_, record: any) => (
         <Space>
           {record.isEnable === 'RUNNING' && (
@@ -416,7 +434,7 @@ const ComponentEnv = () => {
           </div>
         </div>
 
-        <Table columns={columns} data={data} />
+        <Table columns={columns} data={data} scroll={{ x: 1200 }} />
 
         <AddModal
           visible={visible}