From 52d7edc08cae298c85bb585c231429f3cfdaabcd Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 19 Jan 2026 10:01:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(component-coding):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=BC=96=E7=A0=81=E9=A1=B5=E9=9D=A2=E7=A9=BA?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentCoding/index.tsx                  | 18 +++++++++++++++---
 .../componentCoding/style/index.module.less    | 13 +++++++++++++
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/pages/componentDevelopment/componentCoding/index.tsx b/src/pages/componentDevelopment/componentCoding/index.tsx
index 577de73..a08ec46 100644
--- a/src/pages/componentDevelopment/componentCoding/index.tsx
+++ b/src/pages/componentDevelopment/componentCoding/index.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
 import styles from './style/index.module.less';
-import { Button, Select, Space, Message, Modal, Input } from '@arco-design/web-react';
+import { Button, Select, Space, Message, Modal, Input, Empty } from '@arco-design/web-react';
 import { IconFullscreen, IconFullscreenExit } from '@arco-design/web-react/icon';
 import { useSelector, useDispatch } from 'react-redux';
 import { getMyComponentList } from '@/api/componentBase';
@@ -149,7 +149,8 @@ const ComponentCoding = () => {
 
     const uri = getCodeServerUri();
     // 使用传入的localProjectPath或默认值
-    const path = componentCoding.localProjectPath || '/000000/admin_testcode1/master';
+    const path = componentCoding.localProjectPath;
+    if (!path) return;
     setServerUrl(`${uri}?folder=${codeServerFolderPre}${path}`);
   }, [componentCoding]);
 
@@ -267,7 +268,18 @@ const ComponentCoding = () => {
             )}
           </div>
         </div>
-        <iframe width="100%" height="100%" frameBorder={0} src={serverUrl} ref={iframeRef} />
+        {serverUrl ?
+          (
+            <iframe width="100%" height="100%" frameBorder={0} src={serverUrl} ref={iframeRef} />
+          )
+          :
+          (
+            <div className={styles['empty-container']}>
+              <Empty
+                description="暂无组件编码，请选择需要编码的组件"
+              ></Empty>
+            </div>
+          )}
       </div>
 
 
diff --git a/src/pages/componentDevelopment/componentCoding/style/index.module.less b/src/pages/componentDevelopment/componentCoding/style/index.module.less
index 1bcbe04..1e523c4 100644
--- a/src/pages/componentDevelopment/componentCoding/style/index.module.less
+++ b/src/pages/componentDevelopment/componentCoding/style/index.module.less
@@ -52,5 +52,18 @@
         }
       }
     }
+
+    .empty-container {
+      display: flex;
+      align-content: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+
+      :global(.arco-empty) {
+        display: flex;
+        align-items: center;
+      }
+    }
   }
 }
\ No newline at end of file