feat(componentDeployment): 新增实例创建功能并优化交互

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);
     }
   };
 

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

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);

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);