fix: call save layout info api happend error after data board component

 <script lang="ts" setup>
 <script lang="ts" setup>
   import { Button, PageHeader, Empty, Spin, Tooltip } from 'ant-design-vue';
   import { Button, PageHeader, Empty, Spin, Tooltip } from 'ant-design-vue';
-  import { LineChartOutlined, RollbackOutlined } from '@ant-design/icons-vue';
   import { GridItem, GridLayout } from 'vue3-grid-layout';
   import { GridItem, GridLayout } from 'vue3-grid-layout';
   import { nextTick, onMounted, ref } from 'vue';
   import { nextTick, onMounted, ref } from 'vue';
   import WidgetWrapper from '../components/WidgetWrapper/WidgetWrapper.vue';
   import WidgetWrapper from '../components/WidgetWrapper/WidgetWrapper.vue';
@@ -40,6 +39,7 @@
   import { buildUUID } from '/@/utils/uuid';
   import { buildUUID } from '/@/utils/uuid';
   import HistoryTrendModal from './components/HistoryTrendModal.vue';
   import HistoryTrendModal from './components/HistoryTrendModal.vue';
   import trendIcon from '/@/assets/svg/trend.svg';
   import trendIcon from '/@/assets/svg/trend.svg';
+  import backIcon from '/@/assets/images/back.png';
 
 
   const ROUTE = useRoute();
   const ROUTE = useRoute();
 
 
@@ -348,7 +348,6 @@
       if (!dataBoardId) return;
       if (!dataBoardId) return;
       await deleteDataComponent({ dataBoardId, ids: [id] });
       await deleteDataComponent({ dataBoardId, ids: [id] });
       createMessage.success('删除成功');
       createMessage.success('删除成功');
-      await handleSaveLayoutInfo();
       await getDataBoardComponent();
       await getDataBoardComponent();
     } catch (error) {
     } catch (error) {
       // createMessage.error('删除失败');
       // createMessage.error('删除失败');
@@ -371,7 +370,12 @@
     <PageHeader>
     <PageHeader>
       <template #title>
       <template #title>
         <div class="flex items-center">
         <div class="flex items-center">
-          <RollbackOutlined v-if="!getIsSharePage" class="mr-3" @click="handleBack" />
+          <img
+            :src="backIcon"
+            v-if="!getIsSharePage"
+            class="mr-3 cursor-pointer"
+            @click="handleBack"
+          />
           <span class="text-lg" color="#333">{{ getDataBoardName }}</span>
           <span class="text-lg" color="#333">{{ getDataBoardName }}</span>
         </div>
         </div>
       </template>
       </template>

@@ -132,17 +132,20 @@ export function useSocketConnect(dataSourceRef: Ref<DataBoardLayoutInfo[]>) {
   };
   };
 
 
   const beginSendMessage = () => {
   const beginSendMessage = () => {
-    // close();
+    close();
     cmdIdMapping.clear();
     cmdIdMapping.clear();
 
 
-    // open();
-    const messageList = transformSocketMessageItem();
+    // TODO current need use setTimeout delay 1 second to reconnect
+    setTimeout(() => {
+      open();
+      const messageList = transformSocketMessageItem();
 
 
-    if (unref(status) !== 'OPEN') {
-      waitSendQueue.push(JSON.stringify(messageList));
-      return;
-    }
-    send(JSON.stringify(messageList));
+      if (unref(status) !== 'OPEN') {
+        waitSendQueue.push(JSON.stringify(messageList));
+        return;
+      }
+      send(JSON.stringify(messageList));
+    }, 1000);
   };
   };
 
 
   return {
   return {