JeecgBoot 2.1.1 代码生成器AI版本发布

ant-design-vue-jeecg/src/components/tools/HeaderNotice.vue

@@ -80,6 +80,7 @@
   import ShowAnnouncement from './ShowAnnouncement'
   import store from '@/store/'
 
+
   export default {
     name: "HeaderNotice",
     components: {
@@ -96,11 +97,14 @@
         hovered: false,
         announcement1:[],
         announcement2:[],
-        msg1Count:"3",
+        msg1Count:"0",
         msg2Count:"0",
-        msg1Title:"通知(3)",
+        msg1Title:"通知(0)",
         msg2Title:"",
         stopTimer:false,
+        websock: null,
+        lockReconnect:false,
+        heartCheck:null,
       }
     },
     computed:{
@@ -112,6 +116,7 @@
       this.loadData();
       //this.timerFun();
       this.initWebSocket();
+      this.heartCheckFun();
     },
     destroyed: function () { // 离开页面生命周期函数
       this.websocketclose();
@@ -195,26 +200,38 @@
       },
       websocketonopen: function () {
         console.log("WebSocket连接成功");
+        //心跳检测重置
+        this.heartCheck.reset().start();
       },
       websocketonerror: function (e) {
         console.log("WebSocket连接发生错误");
+        this.reconnect();
       },
       websocketonmessage: function (e) {
-        console.log("-----接收消息-------",e.data);
+        //console.log("-----接收消息-------",e.data);
         var data = eval("(" + e.data + ")"); //解析对象
-        this.loadData();
-        //if(data.cmd == "topic"){
-          //系统通知
-            this.openNotification(data);
-        //}else if(data.cmd == "user"){
-          //用户消息
-        //  this.openNotification(data);
-        //}
+        if(data.cmd == "topic"){
+            //系统通知
+          this.loadData();
+        }else if(data.cmd == "user"){
+            //用户消息
+          this.loadData();
+        }
 
+        //心跳检测重置
+        this.heartCheck.reset().start();
 
       },
+      websocketsend(text) { // 数据发送
+        try {
+          this.websock.send(text);
+        } catch (err) {
+          console.log("send failed (" + err.code + ")");
+        }
+      },
       websocketclose: function (e) {
         console.log("connection closed (" + e.code + ")");
+        this.reconnect();
       },
 
       openNotification (data) {
@@ -239,6 +256,45 @@
         });
       },
 
+      reconnect() {
+        var that = this;
+        if(that.lockReconnect) return;
+        that.lockReconnect = true;
+        //没连接上会一直重连，设置延迟避免请求过多
+        setTimeout(function () {
+          console.info("尝试重连...");
+          that.initWebSocket();
+          that.lockReconnect = false;
+        }, 5000);
+      },
+      heartCheckFun(){
+        var that = this;
+        //心跳检测,每20s心跳一次
+        that.heartCheck = {
+          timeout: 20000,
+          timeoutObj: null,
+          serverTimeoutObj: null,
+          reset: function(){
+            clearTimeout(this.timeoutObj);
+            //clearTimeout(this.serverTimeoutObj);
+            return this;
+          },
+          start: function(){
+            var self = this;
+            this.timeoutObj = setTimeout(function(){
+              //这里发送一个心跳，后端收到后，返回一个心跳消息，
+              //onmessage拿到返回的心跳就说明连接正常
+              that.websocketsend("HeartBeat");
+              console.info("客户端发送心跳");
+              //self.serverTimeoutObj = setTimeout(function(){//如果超过一定时间还没重置，说明后端主动断开了
+              //  that.websock.close();//如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
+              //}, self.timeout)
+            }, this.timeout)
+          }
+        }
+      },
+
+
       showDetail(key,data){
         this.$notification.close(key);
         var id = data.msgId;