From 96978cbbdfdb2e1b08e327348d750ea14a14d0e7 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 25 Nov 2025 12:03:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(componentDeployment):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=AE=9E=E4=BE=8B=E5=88=9B=E5=BB=BA=E5=8A=9F=E8=83=BD=E5=B9=B6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componentDeployment/addModal.tsx           | 18 ++++++++++++++----
 .../componentDeployment/collapseList.tsx       |  1 +
 .../componentDeployment/listNode.tsx           |  1 -
 .../componentList/index.tsx                    |  2 +-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/pages/componentDevelopment/componentDeployment/addModal.tsx b/src/pages/componentDevelopment/componentDeployment/addModal.tsx
index 7c2bb79..4c2de5f 100644
--- a/src/pages/componentDevelopment/componentDeployment/addModal.tsx
+++ b/src/pages/componentDevelopment/componentDeployment/addModal.tsx
@@ -77,7 +77,7 @@ const deviceColumns = [
   }
 ];
 
-const AddModal = ({ addItem, visible, setVisible }) => {
+const AddModal = ({ addItem, visible, setVisible, onSuccess }) => {
   const [form] = Form.useForm();
   const [currentRunType, setCurrentRunType] = useState('local');
   const [envType, setEnvType] = useState([]); // 环境类型
@@ -129,6 +129,7 @@ const AddModal = ({ addItem, visible, setVisible }) => {
 
     // 线上运行 - 校验表单
     try {
+      setLoading(true);
       const values = await form.validate();
 
       // 整理参数
@@ -138,12 +139,21 @@ const AddModal = ({ addItem, visible, setVisible }) => {
       };
 
       const res: any = await createInstance(params);
-      console.log('新增实例CB:', res);
-
-      Message.info('接口调用逻辑待实现');
 
+      if (res.code === 200) {
+        Message.success('新增实例成功');
+        handleCancel(); // 关闭弹窗并重置表单
+        // 调用成功回调刷新数据
+        if (onSuccess) {
+          onSuccess();
+        }
+      } else {
+        Message.error(res.msg || '新增实例失败');
+      }
     } catch (error) {
       console.error('表单校验失败：', error);
+    } finally {
+      setLoading(false);
     }
   };
 
diff --git a/src/pages/componentDevelopment/componentDeployment/collapseList.tsx b/src/pages/componentDevelopment/componentDeployment/collapseList.tsx
index a63dd95..e94b50a 100644
--- a/src/pages/componentDevelopment/componentDeployment/collapseList.tsx
+++ b/src/pages/componentDevelopment/componentDeployment/collapseList.tsx
@@ -191,6 +191,7 @@ const CollapseList: React.FC<CollapseListProps> = ({ searchKeyword, runStatus })
         addItem={addItem}
         visible={visible}
         setVisible={setVisible}
+        onSuccess={getList}
       />
 
       <Modal
diff --git a/src/pages/componentDevelopment/componentDeployment/listNode.tsx b/src/pages/componentDevelopment/componentDeployment/listNode.tsx
index 611c47a..38dcf3d 100644
--- a/src/pages/componentDevelopment/componentDeployment/listNode.tsx
+++ b/src/pages/componentDevelopment/componentDeployment/listNode.tsx
@@ -259,7 +259,6 @@ const ListNode: React.FC<ListNodeProps> = ({ componentData }) => {
   // 处理编辑实例确定
   const handleEditOk = async (values: any) => {
     try {
-      // TODO: 调用更新实例接口
       console.log('更新实例信息:', { ...editingInstance, ...values });
       Message.success('更新成功');
       setEditModalVisible(false);
diff --git a/src/pages/componentDevelopment/componentList/index.tsx b/src/pages/componentDevelopment/componentList/index.tsx
index 86188ec..f1d19ac 100644
--- a/src/pages/componentDevelopment/componentList/index.tsx
+++ b/src/pages/componentDevelopment/componentList/index.tsx
@@ -423,7 +423,7 @@ const GlobalVarContainer = () => {
                 })}
               </Radio.Group>
               {selectedItem === '我的组件' && <Space split={<Divider type="vertical" />}>
-                <Button type="secondary" status="success" style={{ borderRadius: 4 }}>生成组件</Button>
+                {/*<Button type="secondary" status="success" style={{ borderRadius: 4 }}>生成组件</Button>*/}
                 <Button type="outline" style={{ borderRadius: 4 }}>导入组件</Button>
                 <Button type="primary" style={{ borderRadius: 4 }} onClick={() => {
                   setSelectComponent(null);