diff --git a/src/pages/componentDevelopment/componentList/addApiModal.tsx b/src/pages/componentDevelopment/componentList/addApiModal.tsx
index dfbf255..8e628d4 100644
--- a/src/pages/componentDevelopment/componentList/addApiModal.tsx
+++ b/src/pages/componentDevelopment/componentList/addApiModal.tsx
@@ -71,14 +71,24 @@ const AddApiModal = ({ visible, baseInfo, componentDesignProgress, componentDesi
         });
         
         params['operates'] = updatedOperates;
-      } else {
-        // 新增模式或没有提供完整数据时，只提交当前表单数据
-        params['operates'] = {
+      } else if (componentDesignData && Array.isArray(componentDesignData)) {
+        // 新增模式，将新记录添加到现有数据中
+        const newOperate = {
           ...formData,
           type: 'EVENT',
           parameters: parametersData,
           responses: responsesData
         };
+        
+        params['operates'] = [...componentDesignData, newOperate];
+      } else {
+        // 没有现有数据时，创建包含单个元素的数组
+        params['operates'] = [{
+          ...formData,
+          type: 'EVENT',
+          parameters: parametersData,
+          responses: responsesData
+        }];
       }
       
       const res: any = await updateComponentDesign(params);
diff --git a/src/pages/componentDevelopment/componentList/addComponentModal.tsx b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
index e028842..1c0377e 100644
--- a/src/pages/componentDevelopment/componentList/addComponentModal.tsx
+++ b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
@@ -82,7 +82,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
           <Button
             type="text"
             status="danger"
-            onClick={() => {
+            onClick={async () => {
               // 显示删除确认框
               Modal.confirm({
                 title: '确认删除',
@@ -91,34 +91,32 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh }) => {
                 onOk: () => {
                   // 从 componentDesignData 中过滤掉要删除的记录
                   const updatedData = componentDesignData.filter(item => item.ident !== record.ident);
-                  setComponentDesignData(updatedData);
 
                   // 构造要提交的数据
                   const params = {
                     baseInfo: componentData || baseInfo,
-                    operates: updatedData
+                    operates: updatedData // 保持数组格式
                   };
 
                   // 调用接口更新数据
-                  updateComponentDesign(params).then((res: any) => {
+                  const res: any = updateComponentDesign(params);
+                  try {
                     if (res.code === 200) {
                       Message.success('删除成功');
-                      // 重新获取组件设计数据以更新表格
-                      if ((componentData && componentData.id) || (baseInfo && baseInfo.id)) {
-                        getComponentDesignData(componentData?.id || baseInfo.id);
-                      }
+                      // 更新本地状态
+                      setComponentDesignData(updatedData);
                     }
                     else {
                       Message.error(res.message || '删除失败');
                       // 删除失败时恢复数据
                       setComponentDesignData(componentDesignData);
                     }
-                  }).catch(error => {
+                  } catch (error) {
                     console.error('删除失败:', error);
                     Message.error('删除失败');
                     // 删除失败时恢复数据
                     setComponentDesignData(componentDesignData);
-                  });
+                  }
                 }
               });
             }}