vue2-client 1.19.36 → 1.19.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.19.36",
+  "version": "1.19.37",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/base-client/components/common/XWebSocketProgress/index.vue

@@ -19,6 +19,7 @@
 
 <script>
 import { useWebSocket } from '@vue2-client/utils/websocket/websocket'
+import { isDebugUser } from '@/utils/common'
 
 export default {
   name: 'XWebSocketProgress',
@@ -59,15 +60,16 @@ export default {
         reconnectAttempts: 0
       },
       websocketUrl: '',
+      wsSend: null,
+      heartbeatTimer: null,
     }
   },
   computed: {
     // 是否显示连接状态
     showConnectionStatus () {
-      return this.progressValue < 100
+      return this.progressValue < 100 && isDebugUser()
     },
 
-    // 连接状态文本
     connectionStatusText () {
       if (this.connectionState.isConnected) {
         return '已连接'
@@ -150,10 +152,12 @@ export default {
       // 使用 WebSocket 工具
       const wsManager = useWebSocket(wsOptions)
 
+
       // 保存方法引用
       this.wsConnect = wsManager.connect
       this.wsDisconnect = wsManager.disconnect
       this.wsOn = wsManager.on
+      this.wsSend = wsManager.send
       // 绑定事件监听器
       this.setupEventListeners()
 
@@ -177,6 +181,10 @@ export default {
         this.connectionState.isConnected = true
         this.connectionState.reconnectAttempts = 0
         this.$emit('websocket-connected', data)
+        this.heartbeatTimer = setInterval(() => {
+          console.log('>>>> 30秒 心跳')
+          this.wsSend('ping')
+        }, 30 * 1000)
       })
 
       // 连接中
@@ -263,6 +271,9 @@ export default {
     cleanup () {
       if (this.wsDisconnect) {
         this.wsDisconnect()
+        if (this.heartbeatTimer) {
+          clearInterval(this.heartbeatTimer)
+        }
       }
     }
   }