fix: DEFECT-693 copy component panel not copy component layout info

@@ -122,11 +122,11 @@ export const addDataComponent = (params: AddDataComponentParams) => {
  * @param params
  * @returns
  */
-export const deleteDataComponent = (params: string[]) => {
+export const deleteDataComponent = (params: string) => {
   return defHttp.delete({
-    url: DataComponentUrl.DELETE_DATA_COMPONENT,
+    url: `${DataComponentUrl.DELETE_DATA_COMPONENT}/${params}`,
     params: {
-      ids: params,
+      ids: [params],
     },
   });
 };

@@ -177,21 +177,23 @@
     openModal(true, { isEdit: false });
   };
 
+  const getLayoutInfo = () => {
+    return unref(dataBoardList).map((item) => {
+      return {
+        id: item.i,
+        h: item.h,
+        w: item.w,
+        x: item.x,
+        y: item.y,
+      } as Layout;
+    });
+  };
+
   const handleSaveLayoutInfo = async () => {
     try {
-      const layoutInfo = unref(dataBoardList).map((item) => {
-        return {
-          id: item.i,
-          h: item.h,
-          w: item.w,
-          x: item.x,
-          y: item.y,
-        } as Layout;
-      });
-
       await updateDataBoardLayout({
         boardId: unref(getBoardId),
-        layout: layoutInfo,
+        layout: getLayoutInfo(),
       });
     } catch (error) {}
   };
@@ -231,7 +233,6 @@
 
       if (!data.data.componentData) {
         dataBoardList.value = [];
-        console.log(unref(dataBoardList));
         return;
       }
       dataBoardList.value = data.data.componentData.map((item) => {
@@ -311,7 +312,7 @@
   const handleCopy = async (id: string) => {
     const record = unref(dataBoardList).find((item) => item.i === id);
     try {
-      await addDataComponent({
+      const data = await addDataComponent({
         boardId: unref(getBoardId),
         record: {
           dataBoardId: unref(getBoardId),
@@ -320,14 +321,31 @@
         },
       });
       createMessage.success('复制成功');
-      getDataBoardComponent();
+      const _id = data.data.id;
+      const layoutInfo = getLayoutInfo();
+
+      layoutInfo.push({
+        id: _id,
+        h: record?.h,
+        w: record?.w,
+        x: record?.x,
+        y: record?.y,
+      } as Layout);
+
+      await updateDataBoardLayout({
+        boardId: unref(getBoardId),
+        layout: layoutInfo,
+      });
+
+      await getDataBoardComponent();
     } catch (error) {}
   };
 
   const handleDelete = async (id: string) => {
     try {
-      await deleteDataComponent([id]);
+      await deleteDataComponent(id);
       createMessage.success('删除成功');
+      await handleSaveLayoutInfo();
       await getDataBoardComponent();
     } catch (error) {
       // createMessage.error('删除失败');