Merge branch 'ft' into 'main_dev'

fix: 修复公共接口切换产品切换属性websocket又新建连接，造成上一个ws和这一个ws交替接受信息问题

See merge request yunteng/thingskit-front!720

@@ -68,7 +68,7 @@
   </div>
 </template>
 <script lang="ts" setup name="testRequest">
-  import { nextTick, ref, reactive, onUnmounted } from 'vue';
+  import { nextTick, ref, reactive, onUnmounted, unref } from 'vue';
   import { Button } from 'ant-design-vue';
   import { otherHttp } from '/@/utils/http/axios';
   import { useWebSocket } from '@vueuse/core';
@@ -153,6 +153,9 @@
 
   const postBodyType = ref('');
 
+  //定义一个全局的关闭websocket变量 fix: 修复切换产品切换属性websocket又新建连接，造成上一个ws和这一个ws交替接受信息问题
+  const closeSocket = ref<Nullable<Fn>>(null);
+
   //执行测试接口
   const handleExcute = () => {
     emits('emitExcute');
@@ -188,6 +191,8 @@
       const list = Object.values(params);
       const isEmpty = list.some((it) => it === '' || null || undefined);
       if (!isEmpty) {
+        //执行ws close方法 关闭上一个
+        unref(closeSocket)?.();
         websocketRequest(params);
       } else {
         resetValue(false);
@@ -245,6 +250,7 @@
         },
         onError() {},
       });
+      closeSocket.value = close;
       if (destroy) close();
     } finally {
     }