异常断开，签出，签入

CallCenterWeb.UI/index.html

                 url('./fonts/iconfont.svg#iconfont') format('svg');
                 /* iOS 4.1- */
             }
-
             body {
                 font-family: "微软雅黑";
             }
-
             ul li {
                 list-style: none;
                 overflow: hidden;
             }
-
             .iconfont {
                 font-family: "iconfont";
                 font-style: normal;
                 color: #FFFFFF;
             }
-
             .fr {
                 float: right;
             }
-
             .fl {
                 float: left;
             }
-
             .size-12 {
                 font-size: 12px;
             }
-
             .title-box {
                 margin-top: 5px;
             }
-
             .title-box li {
                 margin-left: 30px;
             }
-
             .title-box li:hover {
                 cursor: pointer;
             }
-
             .HoverColor {
                 color: #f8ac59;
             }
-
             .FailureColor {
                 color: #f95f5e;
             }
-
             .navbar-header {
                 width: 100%;
                 background-color: #2f4050;
                 padding-top: 10px;
             }
-
             .title-box li p {
                 color: #FFFFFF;
                 font-size: 14px;
                 letter-spacing: 2px;
                 margin-top: 5px;
             }
-
             .size-14 {
                 font-size: 14px;
                 color: #FFFFFF !important;
             }
-
             .img-circle {
                 width: 58px;
             }
-
             .xian {
                 border: 1px solid #FFFFFF;
                 display: inline-block;
                 width: 15%;
                 margin: 5px;
             }
-
             .ss {
                 margin-left: 20px;
             }
-
             .fe-3 {
                 font-size: 3em;
             }
-
             .title-box p {
                 text-align: center;
             }
-
             .closed {
                 display: inline-block;
                 /*				margin-left: 5%;*/
                 float: right;
                 margin-right: 5%;
             }
-
             .closed div {
                 overflow: hidden;
             }
-
             .closed ul {
                 margin-bottom: 0px;
             }
-
             .closed li {
                 float: left;
                 margin-right: 20px;
             }
-
             .closed i {
                 display: inline-block;
                 background: url(./img/chilun.png) no-repeat;
                 height: 16px;
                 vertical-align: middle;
             }
-
             .ga {
                 background-position: 0 0 !important;
             }
-
             .sz {
                 background-position: 0 -15px !important;
             }
-
             .tc {
                 background-position: 0 -33px !important;
             }
-
             .zhuangtai {
                 display: block;
                 width: 30%;

CallCenterWeb.UI/js/main.js

 var sendType;
 var mesCont;
 var lasttime = new Date().getTime();
+var errorState;
+var reconnecTion;
+var recon;
+var loginOr;
 //创建scoket连接
 function createWebSocket() {
 	try {
 		$("#top-search li i").removeClass("active");
 		ws = new WebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
-		Connect();
-		
-		
+		Connect();		
 	} catch(e) {
 		reconnect();
 	}
 			heartCheck.reset().start();
 			cls = 0;
 			$(".Login").addClass("active");
-			//自动签入
-//			lasttime = new Date().getTime();
-//			obj.Type = "Login";
-//			obj.AgentType = "0";
-			Send();
+			if (errorState) {
+				//自动签入
+				lasttime = new Date().getTime();
+				obj.Type = "Login";
+				obj.AgentType = "0";
+				Send();
+				clearInterval(timer);
+				//loginOr=false;
+				errorState=false;
+			}else{
+				//签入
+				Send();
+				
+			}
+			
+			
 		};
 		//接收到消息的回调方法
 		ws.onmessage = function(evt) {
 						case "setstate":
 							SetState(data);
 							break; //置忙置闲
-							//case "saybusy": SayBusyBack(data); break;
-							//case "sayfree": SayFreeBack(data); break;
+							break;
 						case "meeting":
 							MeetingBack();
 							break; //多方通话
 				} else {
 					if(rlt == false) {
 						if (data.Type=="AcdConnectNotify") {
-							LogoutBack();
-							obj.Type = "login";
-							Send();
+							//LogoutBack();
+							$(".hwzt").text('连接异常！');
+							setTimeout(function () {
+//								签入
+								obj.Type = "login";
+								Send();
+					        }, 5000);
 						}
 						$(".hwzt").text('操作失败！');
 					} else {
 						$(".hwzt").text(rlt);
-						//layer.confirm(rlt, {
-						//    btn: ['确定']
-						//});
 					}
 				}
 			}
 		//连接关闭的回调方法
 		ws.onclose = function(evt) {
 			//打印日志
+			//LogoutBack();
 			var data = JSON.parse(evt.data)[0];
 			directType="recive";
 			sendType="close"; //JSON.stringify(data)
 			mesCont=JSON.stringify(data);
-			debuggerLog()
-			if(cls == 0) {
-				cls = 1;
-				//console.log("连接关闭！");
-				//layer.confirm('连接关闭！', {
-				//    btn: ['确定']
-				//});
-				$(".hwzt").text('连接关闭！');
-				$("#top-search li i").removeClass("active");
-				reconnect();
-			}
+			debuggerLog();
+			$(".hwzt").text('连接关闭！');
+//			if(cls == 0) {
+//				cls = 1;
+//				$(".hwzt").text('连接关闭！');
+//				$("#top-search li i").removeClass("active");
+//				//reconnect();
+//			}
 		};
 		//连接发生错误的回调方法
 		ws.onerror = function(evt) {
 			directType="recive";
 			sendType="连接错误 "; //JSON.stringify(data)
 			mesCont=JSON.stringify(data);
-			debuggerLog()
-			$(".hwzt").text('连接出现异常！');
+			debuggerLog();
+			//LogoutBack();
+			$(".hwzt").text('连接异常！');
 			console.log(ws);
-			if(ws == null || ws.readyState != ws.OPEN) {
-				directType="send";
-				sendType="开始重连 "; //JSON.stringify(data)
-				mesCont=mesCont;
-				debuggerLog()
-				console.log(new Date() + "开始重连");
-				reconnect();
-				eorrorConnect=true
-			}
+//			if(ws == null || ws.readyState != ws.OPEN) {
+//				directType="send";
+//				sendType="开始重连 "; //JSON.stringify(data)
+//				mesCont=mesCont;
+//				debuggerLog()
+//				console.log(new Date() + "开始重连");
+//				reconnect();
+//				eorrorConnect=true
+//				$(".hwzt").text('连接异常！');
+//			}
+			$(".hwzt").text('连接异常！');
 		};
 	} catch(ex) {
 		$(".hwzt").text('连接关闭 try-catch！');
 
 //重连
 function reconnect() {
-	if(lockReconnect) return;
+	if(lockReconnect){return};
 	lockReconnect = true;
 	//没连接上会一直重连，设置延迟避免请求过多
 	setTimeout(function() {
 		console.log(new Date() + "    " + "重连中……");
 		createWebSocket("ws://" + huayi.config.socket_ip + ":" + huayi.config.socket_port);
 		lockReconnect = false;
-	}, 2000);
+	}, 5000);
 }
 function debuggerLog(){
 	$.post(huayi.config.callcenter_url + 'Log/CallOpt', {
 	}, function(result) {
 		result = $.parseJSON(result);
 		if(result.state.toLowerCase() == "warning") {
-			debugger
 			//layer.msg("创建工单成功");
 		}
 	})
 }
+//异常重连
+function errorFun(){
+	clearInterval(timer);
+	var errorNum=0
+	timer = setInterval(function() {
+		errorNum++;
+		if (errorNum>2) {
+			//$("#top-search li i").removeClass("active");
+			$(".hwzt").text('连接异常！');
+		}else{
+			LogoutBack();
+		}
+		reconnect();
+		$(".hwzt").text('连接异常！');
+	}, 15000);
+}
+noLine();
+clearInterval(recon);
+recon = setInterval(function () { 
+	if(loginOr){
+		noLine();
+		setTimeout(function () {
+			lineState();
+    	}, 2000);
+	}
+}, 1000*10);
+function lineState(){
+	if (reconnecTion) {
+		reconnecTion=false;
+	}else{
+		errorState=true;
+		LogoutBack();
+		errorFun();
+		var numEorr=0;
+		numEorr++;
+		if (numEorr>2) {
+			$("#top-search li i").removeClass("active");
+		}
+		$(".hwzt").text('网络异常！');
+	}
+}
+function noLine(){
+	$.ajax({
+		type: "get",
+		url: huayi.config.callcenter_url + 'UserAccount/GetNowUser',
+		async: true,
+		dataType: 'json',
+		data: {
+			"token": $.cookie("token")
+		},
+		success: function(data) {
+			reconnecTion = data.data.user.F_UserCode;
+		}
+	});
+}
+
 //发送
 function Send() {
 	if(ws.readyState != ws.OPEN) {
-		reconnect();
+		
+		errorState=true;
+		LogoutBack();
+		errorFun();
+		$(".hwzt").text('连接异常！');
 	}
 	if(ws.readyState == ws.OPEN) {
 		console.log(new Date() + "  send  " + JSON.stringify(obj));	
 
 //签入
 function LoginBack() {
+	loginOr=true;
 	$("#top-search li i").removeClass("active");
 	$(".Logout").addClass("active");
 	$(".SayBusy").addClass("active");
 }
 //签出
 function LogoutBack() {
+	loginOr=false;
 	$("#top-search li i").removeClass("active");
 	$(".Login").addClass("active");
 	$(".zxzt").removeClass("bl").addClass("br");
 		$(".SayFree").addClass("active");
 		$(".zxzt").removeClass("bl").addClass("br");
 		$(".hwzt").text('置忙');
-
 	}
 	if(obj.State == '2') {
 		$(".SayBusy").addClass("active");
 		$(".SayFree").removeClass("active");
 		$(".zxzt").removeClass("br").addClass("bl");
-
 		$(".hwzt").text('空闲');
 	}
 }

CallCenterWeb.UI/login.html

 		 		margin: 0 auto;
 		 	}
 		 	.headCon{
-		 		/*padding: 20px 0 15px 0;*/
    				box-sizing: border-box;
-   				    /*padding-top: 25px;*/
-   				   height: 100%;
+   				height: 100%;
 		 	}
 		 	.wrap{
 		 		height: 500px;
 			    background: #1ab394;
 			    height: 49px!important;
 			    line-height: 49px!important;
-			        cursor: pointer;
+			    cursor: pointer;
 			}
 			.login_icon_user {
 				    background: url(img/user-icon.png) no-repeat;
 				<img src="img/logo.png" alt="" style="vertical-align: middle;" />
 				<span  class="center"></span>
 			</div>
-			
 		</div>
 		<div class="wrap">
 			<div class="mainCon row">
 										expires: 7
 									});
 									window.location.href = "index.html";
-                              
 								}else{
 									$(".zx_user").val('');
 									$(".zx_fj").val('');