From d4dd99fda32c8eb2f606f515082f544f8f72a9fb Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 21 Oct 2025 16:49:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(appCompComponent):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=A4=8D=E5=90=88=E7=BB=84=E4=BB=B6=E5=A4=96=E5=A3=B3=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=90=88=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=95=B0=E6=8D=AE=E6=B8=B2=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../appCompComponent/compInfo.tsx             | 66 +++++++++++++------
 .../appCompComponent/sideBar.tsx              |  2 +-
 2 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/src/pages/orchestration/appCompComponent/compInfo.tsx b/src/pages/orchestration/appCompComponent/compInfo.tsx
index 092a1d1..2bb7831 100644
--- a/src/pages/orchestration/appCompComponent/compInfo.tsx
+++ b/src/pages/orchestration/appCompComponent/compInfo.tsx
@@ -26,7 +26,7 @@ const CompInfo = ({ currentCompInfo }) => {
         <h3>输入参数</h3>
         <Table
           columns={columns}
-          data={currentCompInfo.def?.dataIns}
+          data={currentCompInfo.def?.dataIns || currentCompInfo.flowHousVO?.dataIns}
           pagination={false}
           scroll={{
             y: 150
@@ -34,7 +34,7 @@ const CompInfo = ({ currentCompInfo }) => {
         <h3>输出参数</h3>
         <Table
           columns={columns}
-          data={currentCompInfo.def?.dataOuts}
+          data={currentCompInfo.def?.dataOuts || currentCompInfo.flowHousVO?.dataIns}
           pagination={false}
           scroll={{
             y: 150
@@ -48,26 +48,50 @@ const CompInfo = ({ currentCompInfo }) => {
     return (
       <div className={styles['comp-housing']}>
         <div className={styles['comp-housing-header']}>
-          <div className={styles['comp-housing-title']}>{currentCompInfo.name}</div>
+          <div className={styles['comp-housing-title']}>{currentCompInfo.name || currentCompInfo?.main?.name}</div>
         </div>
         <div className={styles['comp-housing-content']}>
-          <div className={styles['comp-housing-content-api']}>
-            <div className={styles['comp-housing-content-api-in']}>
-              {currentCompInfo.def?.apis.map((item: any, index) => <div key={index}>{item.id}</div>)}
-            </div>
-            <div className={styles['comp-housing-content-api-out']}>
-              <div>{currentCompInfo.def?.apiOut.id}</div>
-            </div>
-          </div>
-          <Divider style={{ marginTop: 10, marginBottom: 10 }} />
-          <div className={styles['comp-housing-content-data']}>
-            <div className={styles['comp-housing-content-data-in']}>
-              {currentCompInfo.def?.dataIns.map((item: any, index) => <div key={index}>{item.id}</div>)}
-            </div>
-            <div className={styles['comp-housing-content-data-out']}>
-              {currentCompInfo.def?.dataOuts.map((item: any, index) => <div key={index}>{item.id}</div>)}
-            </div>
-          </div>
+          {currentCompInfo.def ? (
+            <>
+              <div className={styles['comp-housing-content-api']}>
+                <div className={styles['comp-housing-content-api-in']}>
+                  {currentCompInfo.def?.apis?.map((item: any, index) => <div key={index}>{item.id}</div>)}
+                </div>
+                <div className={styles['comp-housing-content-api-out']}>
+                  <div>{currentCompInfo.def?.apiOut?.id}</div>
+                </div>
+              </div>
+              <Divider style={{ marginTop: 10, marginBottom: 10 }} />
+              <div className={styles['comp-housing-content-data']}>
+                <div className={styles['comp-housing-content-data-in']}>
+                  {currentCompInfo.def?.dataIns?.map((item: any, index) => <div key={index}>{item.id}</div>)}
+                </div>
+                <div className={styles['comp-housing-content-data-out']}>
+                  {currentCompInfo.def?.dataOuts?.map((item: any, index) => <div key={index}>{item.id}</div>)}
+                </div>
+              </div>
+            </>
+          ) : (
+            <>
+              <div className={styles['comp-housing-content-api']}>
+                <div className={styles['comp-housing-content-api-in']}>
+                  <div>contour</div>
+                </div>
+                <div className={styles['comp-housing-content-api-out']}>
+                  <div>done</div>
+                </div>
+              </div>
+              <Divider style={{ marginTop: 10, marginBottom: 10 }} />
+              <div className={styles['comp-housing-content-data']}>
+                <div className={styles['comp-housing-content-data-in']}>
+                  {currentCompInfo.flowHousVO?.dataIns?.map((item: any, index) => <div key={index}>{item.id}</div>)}
+                </div>
+                <div className={styles['comp-housing-content-data-out']}>
+                  {currentCompInfo.flowHousVO?.dataOuts?.map((item: any, index) => <div key={index}>{item.id}</div>)}
+                </div>
+              </div>
+            </>
+          )}
         </div>
       </div>
     );
@@ -82,7 +106,7 @@ const CompInfo = ({ currentCompInfo }) => {
       <div className={styles['comp-info']}>
         <div className={styles['header']}>
           <Space size={40}>
-            <div className={styles['title']}>{currentCompInfo.name}</div>
+            <div className={styles['title']}>{currentCompInfo.name || currentCompInfo?.main?.name}</div>
           </Space>
         </div>
         <Divider style={{ borderColor: '#5484ff', marginTop: 0, marginBottom: 30 }} />
diff --git a/src/pages/orchestration/appCompComponent/sideBar.tsx b/src/pages/orchestration/appCompComponent/sideBar.tsx
index 2e96bba..fba7e4a 100644
--- a/src/pages/orchestration/appCompComponent/sideBar.tsx
+++ b/src/pages/orchestration/appCompComponent/sideBar.tsx
@@ -51,7 +51,7 @@ const SideBar = ({ compList, onSelect }) => {
         return (<TreeNode
           {...treeNodeProps}
           key={`${parentKey}-${index}`}
-          title={item.name}
+          title={item.name || item?.main?.name}
           icon={<img src={'/ideContainer/icon/compItem.png'} style={{ width: 17, height: 17 }} />}
         />);
       });