From cd02dd1df6fdc77a35f4ab11033acce726ede9fc Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 2 Dec 2025 10:22:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(component):=20=E7=BB=84=E4=BB=B6=E9=83=A8?=
 =?UTF-8?q?=E7=BD=B2=E5=90=AF=E5=8A=A8=E5=8A=9F=E8=83=BD=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=90=AF=E5=8A=A8=E9=94=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentDeployment/listNode.tsx                     | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/pages/componentDevelopment/componentDeployment/listNode.tsx b/src/pages/componentDevelopment/componentDeployment/listNode.tsx
index f7b63ff..8dbf351 100644
--- a/src/pages/componentDevelopment/componentDeployment/listNode.tsx
+++ b/src/pages/componentDevelopment/componentDeployment/listNode.tsx
@@ -37,6 +37,8 @@ const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
   const [data, setData] = useState([]);
   const [loading, setLoading] = useState(false);
   const [refreshingIds, setRefreshingIds] = useState<Set<string>>(new Set()); // 记录正在刷新的实例ID
+  const [startLoading, setStartLoading] = useState(false);
+  const [startingId, setStartingId] = useState(null); // 当前正在启动的实例ID
 
   // 日志 Modal 相关状态
   const [logModalVisible, setLogModalVisible] = useState(false);
@@ -89,6 +91,8 @@ const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
       // 先执行刷新依赖
       // await refreshInstanceDependency(record.id);
       // 刷新依赖完成后启动
+      setStartLoading(true);
+      setStartingId(record.id);
       const res: any = await startInstance(record.id);
       if (res.code === 200) {
         Message.success('启动成功');
@@ -97,9 +101,13 @@ const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
       else {
         Message.error(res.msg || '启动失败');
       }
+      setStartLoading(false);
+      setStartingId(null);
     } catch (error) {
       console.error('启动实例失败:', error);
       Message.error('启动失败');
+      setStartLoading(false);
+      setStartingId(null);
     }
   };
 
@@ -393,6 +401,7 @@ const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
                     src={'/icons/powerUpIcon.png'}
                     style={{ width: 16, height: 16, marginRight: 5, verticalAlign: 'middle' }} />}
                   onClick={() => handleStart(record)}
+                  loading={startingId === record.id && startLoading}
                 >启动</Button>
               )}
               {!isRunning && (