From d4915f7f1d96853fab5b384c773aec925942431b Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 8 Dec 2025 14:23:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(orchestration):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BF=A1=E6=81=AF=E7=A9=BA=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../appCompComponent/compInfo.tsx             |  7 ++++++-
 .../style/compInfo.module.less                | 21 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/pages/orchestration/appCompComponent/compInfo.tsx b/src/pages/orchestration/appCompComponent/compInfo.tsx
index de064e1..40a3cf3 100644
--- a/src/pages/orchestration/appCompComponent/compInfo.tsx
+++ b/src/pages/orchestration/appCompComponent/compInfo.tsx
@@ -125,7 +125,12 @@ const CompInfo = ({ currentCompInfo }) => {
         {renderParamsTable()}
         <Divider style={{ borderBottomStyle: 'dashed' }} />
       </div>
-    </div>) : <div>请选择组件</div>
+    </div>) : (
+      <div className={styles['empty-state']}>
+        <img src="/ideContainer/background/empty.png" alt="empty" />
+        <span>请选择组件查看详情</span>
+      </div>
+    )
   );
 };
 
diff --git a/src/pages/orchestration/appCompComponent/style/compInfo.module.less b/src/pages/orchestration/appCompComponent/style/compInfo.module.less
index b08f6e0..0799666 100644
--- a/src/pages/orchestration/appCompComponent/style/compInfo.module.less
+++ b/src/pages/orchestration/appCompComponent/style/compInfo.module.less
@@ -85,4 +85,25 @@
       background-color: #fbfbfb;
     }
   }
+}
+
+.empty-state {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #fff;
+
+  img {
+    width: 200px;
+    height: auto;
+    margin-bottom: 20px;
+  }
+
+  span {
+    font-size: 16px;
+    color: rgba(141, 141, 153, 1);
+  }
 }
\ No newline at end of file