From 2b8b3167bf5a8cc9a498d63c693d4b49fbd91e15 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 10 Nov 2025 17:10:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(component):=E4=BC=98=E5=8C=96=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=93=8D=E4=BD=9C=E6=95=B0=E6=8D=AE=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 支持新增模式下将记录添加到现有数据数组
- 确保删除操作后保持数据结构一致性
- 改进删除确认流程与错误处理机制
- 更新组件设计数据提交格式为统一数组结构
- 修复删除功能中异步调用和状态更新问题
---
 .../componentList/addApiModal.tsx              | 16 +++++++++++++---
 .../componentList/addComponentModal.tsx        | 18 ++++++++----------
 2 files changed, 21 insertions(+), 13 deletions(-)

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