工单来源红色字体显示、派单系统提醒

CallCenterWeb.UI/WorkOrder/WorkOrderAppoint.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<!-- <th data-field="TypeClassName" data-align="center">业务办理</th> -->

CallCenterWeb.UI/WorkOrder/WorkOrderAssigned.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th>   data-formatter="helper.filter.cutTel" -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<th data-field="Customer" data-align="center">客户姓名</th>

CallCenterWeb.UI/WorkOrder/WorkOrderAwaitVist.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<th data-field="Customer" data-align="center">客户姓名</th>

CallCenterWeb.UI/WorkOrder/WorkOrderBeen.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<th data-field="Customer" data-align="center">客户姓名</th>

CallCenterWeb.UI/WorkOrder/WorkOrderDispose.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<th data-field="Customer" data-align="center">客户姓名</th>

CallCenterWeb.UI/WorkOrder/WorkOrderPartake.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<!-- <th data-field="TypeClassName" data-align="center">业务办理</th> -->

CallCenterWeb.UI/WorkOrder/WorkOrderParty.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<!-- <th data-field="TypeClassName" data-align="center">业务办理</th> -->

CallCenterWeb.UI/WorkOrder/WorkOrderReceive.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<!-- <th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th> -->
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="GDZLName" data-align="center">工单子类</th>
 							<th data-field="Customer" data-align="center">客户姓名</th>

CallCenterWeb.UI/WorkOrder/WorkOrderSearch.html

 							<th data-field="WorkOrderID" data-formatter="formatterOrderId" data-align="center">工单编号</th>
 							<th data-field="State" data-formatter="formatterState" data-align="center">工单状态</th>
 							<th data-field="IsEffective" data-formatter="formatterIsEffective" data-align="center">工单有效性</th>
-							<th data-field="GDLYName" data-align="center">工单来源</th>
+							<th data-field="GDLYName" data-formatter="formatterSource" data-align="center">工单来源</th>
 							<th data-field="GDLXName" data-align="center">工单类型</th>
 							<th data-field="TypeClassName" data-align="center">业务办理</th>
 							<th data-field="Customer" data-align="center">姓名</th>

CallCenterWeb.UI/index.html

 			.roll-right.J_tabRight {
 				right: 0;
 			}
-			
-			
+			.add_blank{
+			    position: absolute;
+			    top: 5%;
+			    left: 34%;
+			    width: 34%;
+			    font-size: 32px;
+			    height: 66px;
+			    text-align: center;
+			    background: #89E4D0;
+			    line-height: 67px;
+			    display: none;
+			   z-index: 99999;
+			}
+			.add_blank:after{
+				position: absolute;
+				content: 'x';
+				top: -35%;
+				right: 5px;
+				cursor: pointer;
+				font-size: 20px;
+			}
 		</style>
 	</head>
 
-	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden">
+	<body class="fixed-sidebar full-height-layout gray-bg" style="overflow:hidden;">
 		<div id="wrapper">
 			<!--左侧导航开始-->
 			<nav class="navbar-default navbar-static-side" role="navigation">
 			</div>
 
 		</div>
-
+		<!--新工单弹出框-->
+		<div class="add_blank" >您有新的订单,请注意查看</div>
+		<audio id="btn_audio" preload="metadata">
+			<source src="audio/orderTips.wav" type="audio/wav">
+			<source src="audio/orderTips.mp3" type="audio/mpeg"> 您的浏览器版本太低，不支持语音播放，请升级！
+		</audio>
 		<!--外呼键盘-->
 		<div class="WH animated fadeInDown hidens ">
 			<!--top-->

CallCenterWeb.UI/js/WorkOrder/WorkOrder.js

 	}
 	return '<div class="' + stateClass + '">' + stateStr + '</div>';
 }
-
+// 格式化工单来源
+function formatterSource(val){
+	var stateClass = '';
+	switch(val) { //是否有效工单项(0有效，1无效)
+		case '数字化城管':
+			stateClass = 'audit_refuse';
+			break;
+		case '市长专线':
+			stateClass = 'audit_refuse';
+			break;
+		default:
+			break;
+	}
+	return '<div class="' + stateClass + '">' + val + '</div>';
+}
 //格式化 反馈内容
 function formatterDetail(val) {
 	if(val) {
 				$("#xq_company").text(data.County); //公司名称
 
 				$("#xq_iseffective").html(formatterIsEffective(data.IsEffective)); //工单有效性
-				$("#xq_source").text(data.GDLYName); //工单来源
+				$("#xq_source").text(formatterSource(data.GDLYName)); //工单来源
 				$('#xq_handle').text(data.YWLXName); //业务办理（业务类型）	
 				$("#xq_fkdep").text(data.ResponDeptName); //接收部门
 				$("#xq_responseUser").text(data.AuditUserNameRel); //接收人

CallCenterWeb.UI/js/WorkOrder/WorkOrderEnd.js

 			if(data.state == "success") {
 				var Str = data.data.data;
 				if(Str && Str.length > 0) {
-					console.log(Str[0].GDLYName)
-					if(Str[0].GDLYName=='数字化城管'||Str[0].GDLYName=='市长专线'){
-						$("#xq_source").text(Str[0].GDLYName).CSS('color','red'); //工单来源
-					}
 					$('#cl_gdbh').text(Str[0].WorkOrderID); //工单编号
 					$("#cl_gdlx").text(Str[0].GDLXName); //工单类型
-					
+					$("#xq_source").text(Str[0].GDLYName); //工单来源
 					$("#xq_handle").text(Str[0].YWLXName); //业务办理
 					$("#cl_khxm").text(Str[0].Customer); //姓名
 					$("#cl_khdh").text(helper.filter.cutTel(Str[0].CustomerTel)); //电话

CallCenterWeb.UI/js/index.js

 	} else {
 		r.addClass("hide");
 	}
-
-})
+	
+	//新工单提示开始
+	$('.add_blank').click(function(){
+		$('.add_blank').css('display','none')
+	});
+	function timeout() {
+        var res;
+        $.ajax({
+            url:huayi.config.callcenter_url +'WorkOrder/GetList',
+            type:'get',
+            async:false,
+            data:{
+            	token: $.cookie("token")
+            },
+            success:function (data) {
+            	var data=JSON.parse(data);
+                res = data.total;
+                window.localStorage.setItem('order_total',res)
+            }
+        });
+        return res;
+	}
+    var i=timeout();
+	console.log(i);
+    function newOrderList() {
+        $.ajax({
+            url:huayi.config.callcenter_url +'WorkOrder/GetList',
+            type:'get',
+            async:false,
+            data:{
+            	token: $.cookie("token")
+            },
+            success:function (result) {
+            	var result=JSON.parse(result).total;
+            	var a=window.localStorage.getItem('order_total')
+                if (result > a){
+                    a = result;
+                    $(".add_blank").show();
+                    window.localStorage.setItem('order_total',a);
+	                playSaveHandler();
+                }
+            }
+        });
+    }
+	setInterval(newOrderList,10000);
+	setInterval(function(){
+                $(".add_blank").hide();
+            },9000);
+		//新工单弹屏提示结束
+		//新工单声音提示
+		function playSaveHandler() {
+		//播放语音
+			var promise = $('#btn_audio')[0].play();
+			if (promise !== undefined) {
+				promise.then(function() {
+					$('#btn_audio')[0].play();
+				}).catch(function(error) {
+					var context = new(window.AudioContext || window.webkitAudioContext)();
+					playAudio(context, 'audio/orderTips.wav');
+				});
+			}
+		}
+	})
 //菜单数字
 function workcount() {
 	$.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {