连接关闭 增加桌面提示

CallCenterWeb.UI/js/main.js

@@ -162,9 +162,7 @@ function Connect() {
 				//console.log("连接关闭！");
 				$(".hwzt").text('连接关闭！');
 				$("#top-search li i").removeClass("active");
-				//layer.confirm('连接关闭！', {
-				//    btn: ['确定']
-				//});
+				showMsgNotification('呼叫系统提示', '话务连接关闭');
 				reconnect();
 			}
 		};
@@ -172,6 +170,7 @@ function Connect() {
 		ws.onerror = function(evt) {
 			//产生异常
 			$(".hwzt").text('连接出现异常！');
+//			showMsgNotification('呼叫系统提示', '连接出现异常');
 			console.log(ws);
 			if(ws == null || ws.readyState != ws.OPEN) {
 				console.log(new Date() + "开始重连");
@@ -545,4 +544,88 @@ function getNowFormatDate() {
 		" " + date.getHours() + seperator2 + date.getMinutes() +
 		seperator2 + date.getSeconds();
 	return currentdate;
-}
+}
+//桌面弹出提示
+            function showMsgNotification(title, msg) {
+                var Notification = window.Notification || window.mozNotification || window.webkitNotification;
+ 
+                if(Notification) {//支持桌面通知
+                    if(Notification.permission == "granted") {//已经允许通知
+                        var instance = new Notification(title, {
+                            body: msg,
+                            tag:msg,
+                            icon: "img/tips.png",
+                            requireInteraction:true,
+                            renotify:true
+                            
+                        });
+ 
+                        instance.onclick = function() {
+//                          $('body').css({'background': 'red'});
+//                          console.log('onclick');
+//                          instance.close();
+                        };
+                        instance.onerror = function() {
+                            console.log('onerror');
+                        };
+                        instance.onshow = function() {
+                            console.log('onshow');
+                        };
+                        instance.onclose = function() {
+                            console.log('onclose');
+                        };
+                    }else {//第一次询问或已经禁止通知(如果用户之前已经禁止显示通知，那么浏览器不会再次询问用户的意见，Notification.requestPermission()方法无效)
+                        Notification.requestPermission(function(status) {
+                            if (status === "granted") {//用户允许
+                                var instance = new Notification(title, {
+                                    body: msg,
+                                    tag:msg,
+                                    icon: "img/tips.png",
+                                     requireInteraction:true,
+                                     renotify:true
+                                });
+ 
+                                instance.onclick = function() {
+                                    // Something to do
+                                };
+                                instance.onerror = function() {
+                                    // Something to do
+                                };
+                                instance.onshow = function() {
+                                    // Something to do
+                                };
+                                instance.onclose = function() {
+                                    // Something to do
+                                };
+                            }else {//用户禁止
+                                return false
+                            }
+                        });
+                    }
+                }else {//不支持(IE等)
+                    var index = 0;    
+ 
+                    clearInterval(timer);
+                    timer = setInterval(function() {
+                        if(index%2) {
+                            $('title').text('【　　　】'+ title);//这里是中文全角空格，其他不行
+                        }else {
+                            $('title').text('【新消息】'+ title);
+                        }
+                        index++;
+ 
+                        if(index > 20) {
+                            clearInterval(timer);
+                        }
+                    }, 500);
+                }
+ 
+ 
+ 
+                
+ 
+            }
+ 
+
+
+