Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
zhengbingbing
/
SYCW_UI
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 İşlemeler 125 Sürümler 0 Wiki
Kaynağa Gözat

增加消息提醒

fanlongfei 6 yıl önce
ebeveyn
d796f64cf9
işleme
7ad4645e8f
2 değiştirilmiş dosya ile 221 ekleme ve 64 silme
Birleşik Görünüm Farklılık Durumunu Göster
  1. 112 17
      CallCenterWeb.UI/index.html
  2. 109 47
      CallCenterWeb.UI/js/index.js

+ 112 - 17
CallCenterWeb.UI/index.html
Dosyayı Görüntüle

1 
-<!DOCTYPE html>
1 
+<!DOCTYPE html>
2 
 <html>
 2 
 <html>
3
3
4 
 	<head>
 4 
 	<head>
134 
 			}
 134 
 			}
135
135
136 
 			.closed div {
 136 
 			.closed div {
137 
-				overflow: hidden;
137 
+				/* overflow: hidden; */
138 
 			}
 138 
 			}
139
139
140 
 			.closed ul {
 140 
 			.closed ul {
141 
 				margin-bottom: 0px;
 141 
 				margin-bottom: 0px;
142 
 			}
 142 
 			}
143
143
144 
-			.closed li {
144 
+/* 			.closed li {
145 
 				float: left;
 145 
 				float: left;
146 
 				margin-right: 20px;
 146 
 				margin-right: 20px;
147 
+			} */
148 
+			.closed li {
149 
+				display: inline-block;
150 
+				overflow: visible;
147 
 			}
 151 
 			}
148
152
149 
-			.closed i {
153 
+			.closed .top_notices{
154 
+				position: relative;
155 
+
156 
+			}
157 
+			.closed .top_notices .top_notices_num{
158 
+				position: absolute;
159 
+				top: -5px;
160 
+				left: 7px;
161 
+				line-height: 12px;
162 
+				padding: 1px 5px;
163 
+				background-color: #f8ac59;
164 
+				color: #FFF;
165 
+				font-size: 10px;
166 
+				font-weight: 600;
167 
+				text-shadow: none;
168 
+				text-align: center;
169 
+				white-space: normal;
170 
+				vertical-align: baseline;
171 
+				border-radius: .25em;
172 
+				margin-right: 0;
173 
+			}
174 
+			.top_notices_lists{
175 
+				display: none;
176 
+				position: absolute;
177 
+				top: 24px;
178 
+				background-color: #ecfeff;
179 
+				width: 310px;
180 
+				z-index: 1000;
181 
+				border-radius: 0;
182 
+				padding: 10px;
183 
+				border-radius: 2px;
184 
+				box-shadow: 0 0 3px rgba(86,96,117,.3);
185 
+				overflow-y: auto;
186 
+				max-height: 500px;
187 
+			}
188 
+
189 
+/* 			.top_notices_lists:before{
190 
+				content: '';
191 
+				position: absolute;
192 
+				left: 4px;
193 
+				top: -10px;
194 
+				width: 0;
195 
+				height: 0;
196 
+				border-width: 5px;
197 
+				border-style: solid;
198 
+				border-color: transparent transparent #ecfeff transparent;
199 
+				display: inline-block;
200 
+			} */
201 
+			.top_notices_lists .top_notices_item{
202 
+				display: block;
203 
+				line-height: 30px;
204 
+				color: #676a6c;
205 
+				padding-right: 50px;
206 
+				position: relative;
207 
+				text-align: left;
208 
+			}
209 
+			.top_notices_lists .divider {
210 
+				width: 100%;
211 
+				height: 1px;
212 
+				margin: 9px 0;
213 
+				overflow: hidden;
214 
+				background-color: #e5e5e5;
215 
+			}
216 
+			.top_notices_item .top_notices_con{
217 
+				margin: 0;
218 
+			}
219 
+			.top_notices_item .btn{
220 
+				position: absolute;
221 
+				right: 0;
222 
+				top: 4px;
223 
+				padding: 1px 10px;
224 
+			}
225 
+			.closed i.top_icon {
150 
 				display: inline-block;
 226 
 				display: inline-block;
151 
 				background: url(./img/chilun.png) no-repeat;
 227 
 				background: url(./img/chilun.png) no-repeat;
152 
 				margin-right: 5px;
 228 
 				margin-right: 5px;
155 
 				vertical-align: middle;
 231 
 				vertical-align: middle;
156 
 			}
 232 
 			}
157
233
234 
+			.closed i.fa-envelope{
235 
+				margin-right: 5px;
236 
+			}
237 
+
158 
 			.ga {
 238 
 			.ga {
159 
 				background-position: 0 0 !important;
 239 
 				background-position: 0 0 !important;
160 
 			}
 240 
 			}
161
241
162 
 			.sz {
 242 
 			.sz {
163 
-				background-position: 0 -15px !important;
243 
+				background-position: 0 -16px !important;
164 
 			}
 244 
 			}
165
245
166 
 			.tc {
 246 
 			.tc {
878 
 									<span class="quan zxzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"></span>
 958 
 									<span class="quan zxzt lx br" style="display: inline-block;height: 20px;line-height: 20px;"></span>
879 
 									<span class="hwzt" style="color:red;"></span>
 959 
 									<span class="hwzt" style="color:red;"></span>
880 
 								</div>
 960 
 								</div>
881 
-								<div class="ls" style="margin-top: 10px;">
882 
-									<span class="size-12 min-right" onclick="Jumps()">
883 
-                                    <i class="ga"></i>&nbsp;管理中心
884 
-                                </span>
885 
-									<span class="size-12 shezhi">
886 
-                                    <i class="sz"></i>&nbsp;设置
887 
-                                </span>
888 
-									<span class="size-12" onclick="logout()">
889 
-                                    <i class="tc"></i>退出
890 
-                                </span>
891 
-								</div>
961 
+								<ul class="ls" style="margin-top: 10px;">
962 
+									<li class="size-14 min-right top_notices" onclick="showTopMsgs()">
963 
+										<i class="fa fa-envelope"></i>
964 
+										<span class="top_notices_num" id="top_notices_num">0</span>&nbsp;消息
965 
+										<ul class="top_notices_lists"  id="top_notices_lists">
966 
+											<!-- <li class="top_notices_item">
967 
+												<span class="top_notices_con">机读好书大家说道具卡</span>
968 
+												<button type="button" class="btn btn-primary btn-sm">已读</button>
969 
+											</li>
970 
+											<li class="divider"></li>
971 
+											<li class="top_notices_item">
972 
+												<span class="top_notices_con">机读好书大家说道具卡</span>
973 
+												<button type="button" class="btn btn-primary btn-sm">已读</button>
974 
+											</li> -->
975 
+										</ul>
976 
+									</li>
977 
+									<li class="size-12 min-right" onclick="Jumps()">
978 
+										<i class="top_icon ga"></i>&nbsp;管理中心
979 
+									</span>
980 
+									<li class="size-12 shezhi min-right">
981 
+										<i class="top_icon sz"></i>&nbsp;设置
982 
+									</span>
983 
+									<li class="size-12" onclick="logout()">
984 
+										<i class="top_icon tc"></i>退出
985 
+									</li>
986 
+								</ul>
892 
 							</div>
 987 
 							</div>
893 
 						</div>
 988 
 						</div>
894
989
1251
1346
1252 
 		<script src="./js/plugins/pace/pace.min.js"></script>
 1347 
 		<script src="./js/plugins/pace/pace.min.js"></script>
1253 
 		<script src="./js/main.js?v=1.5"></script>
 1348 
 		<script src="./js/main.js?v=1.5"></script>
1254 
-		<script src="./js/index.js?v=2.0"></script>
1349 
+		<script src="./js/index.js?v=201903181117"></script>
1255 
 		<!--<script src="./js/bootstrap-select/js/bootstrap-select.js"></script>-->
 1350 
 		<!--<script src="./js/bootstrap-select/js/bootstrap-select.js"></script>-->
1256 
 		<script src="./js/plugins/cropper/cropper.min.js"></script>
 1351 
 		<script src="./js/plugins/cropper/cropper.min.js"></script>
1257 
 		<script src="./js/guid.js"></script>
 1352 
 		<script src="./js/guid.js"></script>

+ 109 - 47
CallCenterWeb.UI/js/index.js
Dosyayı Görüntüle

1 
 $(document).ready(function() {
 1 
 $(document).ready(function() {
2
2
3 
-	if(/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
3 
+	if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
4 
 		$(".title-box").hide();
 4 
 		$(".title-box").hide();
5 
 	}
 5 
 	}
6
6
7 
-	if($.cookie("token") == null) {
7 
+	if ($.cookie("token") == null) {
8 
 		window.location.href = "login.html";
 8 
 		window.location.href = "login.html";
9 
 	}
 9 
 	}
10
10
11 
 	obj.AgentExten = $.cookie("extno");
 11 
 	obj.AgentExten = $.cookie("extno");
12 
-	if(obj.AgentExten == undefined) {
12 
+	if (obj.AgentExten == undefined) {
13 
 		$(".Gnumbox").hide();
 13 
 		$(".Gnumbox").hide();
14 
 	}
 14 
 	}
15 
 	$(".Gnum").text(obj.AgentExten);
 15 
 	$(".Gnum").text(obj.AgentExten);
16 
+	// 获取顶部获取消息
17 
+	getTopMsgs();
16 
 	$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
 18 
 	$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
17 
 		"token": $.cookie("token")
 19 
 		"token": $.cookie("token")
18 
 	}, function(result) {
 20 
 	}, function(result) {
19 
-		if(result.state.toLowerCase() == "success") {
21 
+		if (result.state.toLowerCase() == "success") {
20 
 			// console.log(result);
 22 
 			// console.log(result);
21 
 			$.cookie("userType", result.data.usertype, {
 23 
 			$.cookie("userType", result.data.usertype, {
22 
 				expires: 7
 24 
 				expires: 7
23 
 			});
 25 
 			});
24 
-
26 
+
25 
 			$.cookie("userRoleId", result.data.role.F_RoleId, {
 27 
 			$.cookie("userRoleId", result.data.role.F_RoleId, {
26 
 				expires: 7
 28 
 				expires: 7
27 
 			});
 29 
 			});
28 
-
30 
+
29 
 			$(".username").text(result.data.user.F_UserName);
 31 
 			$(".username").text(result.data.user.F_UserName);
30 
 			$('.user_code').text(result.data.user.F_UserCode);
 32 
 			$('.user_code').text(result.data.user.F_UserCode);
31 
 			localStorage.setItem('F_UserCode', result.data.user.F_UserCode)
 33 
 			localStorage.setItem('F_UserCode', result.data.user.F_UserCode)
32 
 			$('.group').text(result.data.user.F_SeartGroup);
 34 
 			$('.group').text(result.data.user.F_SeartGroup);
33 
-			if(result.data.role) {
35 
+			if (result.data.role) {
34 
 				// console.log(result.data);
 36 
 				// console.log(result.data);
35 
 				$(".rolename").text(result.data.role.F_RoleName);
 37 
 				$(".rolename").text(result.data.role.F_RoleName);
36 
 			}
 38 
 			}
37 
-			$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data.user.F_See);
39 
+			$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data
40 
+				.user.F_See);
38 
 			obj.AgentGroup = result.data.user.F_SeartGroupID;
 41 
 			obj.AgentGroup = result.data.user.F_SeartGroupID;
39 
 			obj.AgentID = result.data.user.F_UserCode;
 42 
 			obj.AgentID = result.data.user.F_UserCode;
40 
 			//obj.AgentExten = result.data.user.F_WorkNumber;
 43 
 			//obj.AgentExten = result.data.user.F_WorkNumber;
41 
-			if(result.data.user.F_SeatFlag) {
44 
+			if (result.data.user.F_SeatFlag) {
42 
 				Connect();
 45 
 				Connect();
43 
 				$("#top-search").show();
 46 
 				$("#top-search").show();
44 
 				$(".phoneBZ").show();
 47 
 				$(".phoneBZ").show();
50 
 	//分机号
 53 
 	//分机号
51 
 	//话务相关
 54 
 	//话务相关
52 
 	$("#top-search li").click(function() {
 55 
 	$("#top-search li").click(function() {
53 
-		if($(this).find("i").hasClass("active")) {
54 
-			if(obj.AgentID) {
56 
+		if ($(this).find("i").hasClass("active")) {
57 
+			if (obj.AgentID) {
55 
 				var fun = $(this).attr("datafun");
 58 
 				var fun = $(this).attr("datafun");
56 
 				obj.Type = fun;
 59 
 				obj.Type = fun;
57 
-				switch(fun) {
60 
+				switch (fun) {
58 
 					case "Login":
 61 
 					case "Login":
59 
 						//									obj.AgentGroup = "364";
 62 
 						//									obj.AgentGroup = "364";
60 
 						obj.AgentType = "0";
 63 
 						obj.AgentType = "0";
96 
 	document.onkeydown = function(e) {
 99 
 	document.onkeydown = function(e) {
97 
 		var theEvent = window.event || e;
 100 
 		var theEvent = window.event || e;
98 
 		var code = theEvent.keyCode || theEvent.which;
 101 
 		var code = theEvent.keyCode || theEvent.which;
99 
-		if(code == 13) {
102 
+		if (code == 13) {
100 
 			$(".CallOut").click();
 103 
 			$(".CallOut").click();
101 
 		}
 104 
 		}
102 
 	}
 105 
 	}
103 
 	//外呼呼出
 106 
 	//外呼呼出
104 
 	$(".CallOut").click(function(event) {
 107 
 	$(".CallOut").click(function(event) {
105 
 		event.stopPropagation();
 108 
 		event.stopPropagation();
106 
-		if($("#Result").val()) {
109 
+		if ($("#Result").val()) {
107 
 			$.ajax({
 110 
 			$.ajax({
108 
 				type: "get",
 111 
 				type: "get",
109 
 				url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
 112 
 				url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
115 
 				},
 118 
 				},
116 
 				success: function(result) {
 119 
 				success: function(result) {
117 
 					//                		result = $.parseJSON(result);
 120 
 					//                		result = $.parseJSON(result);
118 
-					if(result.state.toLowerCase() == "success") {
121 
+					if (result.state.toLowerCase() == "success") {
119 
 						var guid = uuid();
 122 
 						var guid = uuid();
120 
 						obj.Type = $("#hidwhtype").val();
 123 
 						obj.Type = $("#hidwhtype").val();
121 
 						obj.DestinationNumber = result.data.phone;
 124 
 						obj.DestinationNumber = result.data.phone;
146 
 	//外呼弹屏数字键盘号码输入
 149 
 	//外呼弹屏数字键盘号码输入
147 
 	$(".Num_ul li div").click(function() {
 150 
 	$(".Num_ul li div").click(function() {
148 
 		var rt = $("#Result").val() + "";
 151 
 		var rt = $("#Result").val() + "";
149 
-		if(rt.length < 18) {
152 
+		if (rt.length < 18) {
150 
 			rt = rt + $(this).find("a").text();
 153 
 			rt = rt + $(this).find("a").text();
151 
 			$("#Result").val(rt);
 154 
 			$("#Result").val(rt);
152 
 		}
 155 
 		}
156 
 		var Result = $("#Result").val() + "";
 159 
 		var Result = $("#Result").val() + "";
157 
 		Result = Result.substr(0, Result.length - 1);
 160 
 		Result = Result.substr(0, Result.length - 1);
158 
 		$("#Result").val(Result);
 161 
 		$("#Result").val(Result);
159 
-		if(Result.length == 0) {
162 
+		if (Result.length == 0) {
160 
 			$(".img").addClass("hidens");
 163 
 			$(".img").addClass("hidens");
161 
 		}
 164 
 		}
162 
 	})
 165 
 	})
183 
 		showDialog();
 186 
 		showDialog();
184 
 		//侦听浏览器窗口大小变化
 187 
 		//侦听浏览器窗口大小变化
185 
 		window.onresize = function() {
 188 
 		window.onresize = function() {
186 
-			if($('#dialogMove').is(':visible')) {
189 
+			if ($('#dialogMove').is(':visible')) {
187 
 				showDialog();
 190 
 				showDialog();
188 
 			}
 191 
 			}
189 
 		}
 192 
 		}
197 
 			},
 200 
 			},
198 
 			success: function(result) {
 201 
 			success: function(result) {
199
202
200 
-				if(result.state.toLowerCase() == "success") {
203 
+				if (result.state.toLowerCase() == "success") {
201 
 					var con = result.data.user;
 204 
 					var con = result.data.user;
202 
 					// console.log(con)
 205 
 					// console.log(con)
203 
 					$('.mgh').val(con.F_UserId);
 206 
 					$('.mgh').val(con.F_UserId);
233 
 	//关闭按钮
 236 
 	//关闭按钮
234 
 	$('.ptr').click(function() {
 237 
 	$('.ptr').click(function() {
235 
 		hideDialog();
 238 
 		hideDialog();
236 
-
237 
 	})
 239 
 	})
238 
 	$('.grbtn').click(function() {
 240 
 	$('.grbtn').click(function() {
239 
 		var gh = $('.mgh').val();
 241 
 		var gh = $('.mgh').val();
241 
 		var ymm = $('.spwd').val();
 243 
 		var ymm = $('.spwd').val();
242 
 		var xmm = $('.npwd').val();
 244 
 		var xmm = $('.npwd').val();
243 
 		var qmm = $('.epwd').val();
 245 
 		var qmm = $('.epwd').val();
244 
-		if(xmm !== qmm) {
246 
+		if (xmm !== qmm) {
245 
 			$('.wrong').show();
 247 
 			$('.wrong').show();
246 
 			$('.npwd').val('')
 248 
 			$('.npwd').val('')
247 
 			$('.epwd').val('')
 249 
 			$('.epwd').val('')
248 
-		} else if(xmm == '') {
250 
+		} else if (xmm == '') {
249 
 			layer.msg("密码不允许为空！");
 251 
 			layer.msg("密码不允许为空！");
250 
 		} else {
 252 
 		} else {
251 
 			$('.wrong').hide();
 253 
 			$('.wrong').hide();
265 
 				},
 267 
 				},
266 
 				success: function(result) {
 268 
 				success: function(result) {
267 
 					//                		result = $.parseJSON(result);
 269 
 					//                		result = $.parseJSON(result);
268 
-					if(result.state.toLowerCase() == "success") {
270 
+					if (result.state.toLowerCase() == "success") {
269 
 						layer.msg("修改成功！");
 271 
 						layer.msg("修改成功！");
270 
 					}
 272 
 					}
271 
 				}
 273 
 				}
283 
 		done: function() {}
 285 
 		done: function() {}
284 
 	});
 286 
 	});
285 
 	var r = $("#inputImage");
 287 
 	var r = $("#inputImage");
286 
-	if(window.FileReader) {
288 
+	if (window.FileReader) {
287 
 		r.change(function() {
 289 
 		r.change(function() {
288 
 			var e, i = new FileReader,
 290 
 			var e, i = new FileReader,
289 
 				t = this.files;
 291 
 				t = this.files;
290 
-			if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
292 
+			if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
291 
 				i.readAsDataURL(e);
 293 
 				i.readAsDataURL(e);
292 
 				i.onload = function() {
 294 
 				i.onload = function() {
293 
 					r.val("");
 295 
 					r.val("");
306 
 				"token": $.cookie("token")
 308 
 				"token": $.cookie("token")
307 
 			}, function(result) {
 309 
 			}, function(result) {
308 
 				result = $.parseJSON(result);
 310 
 				result = $.parseJSON(result);
309 
-				if(result.state.toLowerCase() == "success") {
310 
-					$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data);
311 
+				if (result.state.toLowerCase() == "success") {
312 
+					$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) +
313 
+						result.data);
311 
 					layer.msg("上传成功");
 314 
 					layer.msg("上传成功");
312 
 					hideDialog();
 315 
 					hideDialog();
313 
 				}
 316 
 				}
335 
 	$.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
 338 
 	$.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
336 
 		"token": $.cookie("token")
 339 
 		"token": $.cookie("token")
337 
 	}, function(result) {
 340 
 	}, function(result) {
338 
-		if(result.state.toLowerCase() == "success") {
341 
+		if (result.state.toLowerCase() == "success") {
339 
 			$(".dpd").text(result.data.dpd); //待指派
 342 
 			$(".dpd").text(result.data.dpd); //待指派
340 
 			$(".djd").text(result.data.djd); //待接单
 343 
 			$(".djd").text(result.data.djd); //待接单
341 
 			$(".dcl").text(result.data.dcl); //待处理
 344 
 			$(".dcl").text(result.data.dcl); //待处理
349 
 }
 352 
 }
350 
 //上传头像
 353 
 //上传头像
351 
 function uploadtx() {
 354 
 function uploadtx() {
352 
-	if(document.getElementById("upFile").files.length > 0) {
355 
+	if (document.getElementById("upFile").files.length > 0) {
353 
 		var formData = new FormData();
 356 
 		var formData = new FormData();
354 
 		formData.append("upFile", document.getElementById("upFile").files[0]);
 357 
 		formData.append("upFile", document.getElementById("upFile").files[0]);
355 
 		formData.append("token", $.cookie("token"));
 358 
 		formData.append("token", $.cookie("token"));
372 
 					uploadtx();
 375 
 					uploadtx();
373 
 				});
 376 
 				});
374 
 				var r = $.parseJSON(result);
 377 
 				var r = $.parseJSON(result);
375 
-				if(r.state.toLowerCase() == "success") {
378 
+				if (r.state.toLowerCase() == "success") {
376 
 					$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
 379 
 					$(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
377
380
378 
 					layer.msg("上传成功");
 381 
 					layer.msg("上传成功");
387 
 }
 390 
 }
388 
 //格式化呼叫状态
 391 
 //格式化呼叫状态
389 
 function GetCallState(val) {
 392 
 function GetCallState(val) {
390 
-	if(val == '1') {
393 
+	if (val == '1') {
391 
 		return '已接通';
 394 
 		return '已接通';
392 
 	} else {
 395 
 	} else {
393 
 		return '未接通';
 396 
 		return '未接通';
397 
 //外呼弹屏
 400 
 //外呼弹屏
398 
 function whtp() {
 401 
 function whtp() {
399 
 	$("#Result").val("");
 402 
 	$("#Result").val("");
400 
-	if($(".WH").hasClass("fadeOutUp")) {
403 
+	if ($(".WH").hasClass("fadeOutUp")) {
401 
 		$(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
 404 
 		$(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
402 
 	}
 405 
 	}
403 
 	$(".WH").removeClass("hidens");
 406 
 	$(".WH").removeClass("hidens");
411 
 function loadWH() {
 414 
 function loadWH() {
412 
 	$(".phonediv").hide();
 415 
 	$(".phonediv").hide();
413 
 	var n = $(".bg_title .lactive").attr("itemid");
 416 
 	var n = $(".bg_title .lactive").attr("itemid");
414 
-	switch(n) {
417 
+	switch (n) {
415 
 		case '0':
 418 
 		case '0':
416 
 			var obj = $(".phonediv").eq(0);
 419 
 			var obj = $(".phonediv").eq(0);
417 
 			obj.show();
 420 
 			obj.show();
543 
 function formatterDealType(val, row) {
 546 
 function formatterDealType(val, row) {
544 
 	//处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
 547 
 	//处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
545 
 	var str = '-';
 548 
 	var str = '-';
546 
-	switch(val) {
549 
+	switch (val) {
547 
 		case 0:
 550 
 		case 0:
548 
 			str = 'IVR处理';
 551 
 			str = 'IVR处理';
549 
 			break;
 552 
 			break;
573 
 	$.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
 576 
 	$.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
574 
 		token: $.cookie("token"),
 577 
 		token: $.cookie("token"),
575 
 	}, function(data) {
 578 
 	}, function(data) {
576 
-		if(data.rows && data.rows.length > 0) {
579 
+		if (data.rows && data.rows.length > 0) {
577 
 			$('#s_department').html('');
 580 
 			$('#s_department').html('');
578 
 			$('#s_department').append('<option value="">请选择</option>');
 581 
 			$('#s_department').append('<option value="">请选择</option>');
579 
 			$.each(data.rows, function(i, v) {
 582 
 			$.each(data.rows, function(i, v) {
585 
 //格式化 电话号码 分机号
 588 
 //格式化 电话号码 分机号
586 
 function view(val) {
 589 
 function view(val) {
587 
 	var str = '';
 590 
 	var str = '';
588 
-	if(val) {
591 
+	if (val) {
589 
 		str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
 592 
 		str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
590 
 	}
 593 
 	}
591 
 	return str;
 594 
 	return str;
597 
 }
 600 
 }
598
601
599 
 function logout() {
 602 
 function logout() {
600 
-	if(!$('.Logout').hasClass('active')) {
603 
+	if (!$('.Logout').hasClass('active')) {
601 
 		$.ajax({
 604 
 		$.ajax({
602 
 			url: huayi.config.callcenter_url + "Login/Logout",
 605 
 			url: huayi.config.callcenter_url + "Login/Logout",
603 
 			data: {
 606 
 			data: {
605 
 			},
 608 
 			},
606 
 			dataType: "json",
 609 
 			dataType: "json",
607 
 			success: function(res) {
 610 
 			success: function(res) {
608 
-				if(res.state) {
611 
+				if (res.state) {
609 
 					location.href = "./login.html";
 612 
 					location.href = "./login.html";
610 
 				}
 613 
 				}
611 
 			}
 614 
 			}
623 
 		"token": $.cookie("token")
 626 
 		"token": $.cookie("token")
624 
 	}, function(result) {
 627 
 	}, function(result) {
625 
 		$.ajaxSettings.async = true;
 628 
 		$.ajaxSettings.async = true;
626 
-		if(result.state.toLowerCase() == "success") {
629 
+		if (result.state.toLowerCase() == "success") {
627 
 			var data = result.data;
 630 
 			var data = result.data;
628
631
629 
 			var _html = "";
 632 
 			var _html = "";
630 
 			$.each(data, function(i) {
 633 
 			$.each(data, function(i) {
631 
 				var row = data[i];
 634 
 				var row = data[i];
632 
-				if(row.F_ParentID == "0") {
635 
+				if (row.F_ParentID == "0") {
633 
 					_html += '<li>';
 636 
 					_html += '<li>';
634 
-					_html += '<a  class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl + '"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName + '</span><span class="fa arrow"></span></a>';
637 
+					_html += '<a  class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl +
638 
+						'"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName +
639 
+						'</span><span class="fa arrow"></span></a>';
635 
 					var childNodes = row.ChildNodes; //二级
 640 
 					var childNodes = row.ChildNodes; //二级
636 
-					if(childNodes.length > 0) {
641 
+					if (childNodes.length > 0) {
637 
 						_html += '<ul class="nav nav-second-level">';
 642 
 						_html += '<ul class="nav nav-second-level">';
638 
 						$.each(childNodes, function(i) {
 643 
 						$.each(childNodes, function(i) {
639 
 							var subrow = childNodes[i];
 644 
 							var subrow = childNodes[i];
640
645
641 
 							var childNodsThird = subrow.ChildNodes; //三级
 646 
 							var childNodsThird = subrow.ChildNodes; //三级
642 
-							if(childNodsThird.length > 0) {
647 
+							if (childNodsThird.length > 0) {
643 
 								_html += '<li>';
 648 
 								_html += '<li>';
644 
 								_html += '<a href="' + subrow.F_OptUrl + '">';
 649 
 								_html += '<a href="' + subrow.F_OptUrl + '">';
645 
 								_html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
 650 
 								_html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
649 
 								$.each(childNodsThird, function(i) {
 654 
 								$.each(childNodsThird, function(i) {
650 
 									var subrowThird = childNodsThird[i];
 655 
 									var subrowThird = childNodsThird[i];
651 
 									_html += '<li>';
 656 
 									_html += '<li>';
652 
-									_html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl + '" >' + subrowThird.F_ModuleName + '</a>';
657 
+									_html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl +
658 
+										'" >' + subrowThird.F_ModuleName + '</a>';
653 
 									_html += '</li>';
 659 
 									_html += '</li>';
654 
 								});
 660 
 								});
655 
 								_html += '</ul>';
 661 
 								_html += '</ul>';
656 
 							} else {
 662 
 							} else {
657 
 								_html += '<li>';
 663 
 								_html += '<li>';
658 
-								_html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl + '" >' + subrow.F_ModuleName + '</a>';
659 
-								if(subrow.F_Button != '') {
664 
+								_html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl +
665 
+									'" >' + subrow.F_ModuleName + '</a>';
666 
+								if (subrow.F_Button != '') {
660 
 									_html += '<span class="' + subrow.F_Button + '"></span>';
 667 
 									_html += '<span class="' + subrow.F_Button + '"></span>';
661 
 								}
 668 
 								}
662 
 								_html += '</li>';
 669 
 								_html += '</li>';
687 
 	$(".J_menuTab").eq(0).addClass("active").text('首页');
 694 
 	$(".J_menuTab").eq(0).addClass("active").text('首页');
688 
 	$(".J_menuTab").eq(0).attr("data-id", 'widgets.html');
 695 
 	$(".J_menuTab").eq(0).attr("data-id", 'widgets.html');
689 
 	$(".J_mainContent .J_iframe0").attr("data-id", "widgets.html");
 696 
 	$(".J_mainContent .J_iframe0").attr("data-id", "widgets.html");
690 
-}
697 
+}
698 
+
699 
+// 顶部消息
700 
+function showTopMsgs() {
701 
+	if ($('#top_notices_lists').is(':visible')) {
702 
+		$('#top_notices_lists').hide();
703 
+	} else {
704 
+		$('#top_notices_lists').show();
705 
+	}
706 
+}
707 
+
708 
+// 获取顶部消息（只展示未读消息 0未读 1已读）
709 
+function getTopMsgs() {
710 
+	$.getJSON(huayi.config.callcenter_url + 'Msg/GetServerMsg', {
711 
+		token: $.cookie("token")
712 
+	}, function(result) {
713 
+		if(result.state.toLowerCase() === 'success'){
714 
+			$('#top_notices_lists').empty();
715 
+			result = result.data;
716 
+			var str = '';
717 
+			if (result && result.length) {
718 
+				$('#top_notices_num').text(result.length);
719 
+				for (var i = 0; i < result.length; i++) {
720 
+					str += '<li class="top_notices_item">' +
721 
+						'<span class="top_notices_con">'+ result[i].Detail +'</span>' +
722 
+						'<button type="button" class="btn btn-primary btn-sm" onclick="signRead('+ result[i].ID +')">已读</button>' +
723 
+						'</li>' +
724 
+						'<li class="divider"></li>';
725 
+				}
726 
+			} else {
727 
+				str = '<li class="top_notices_item">' +
728 
+						'<span class="top_notices_con">暂无消息！</span>' +
729 
+						'</li>';
730 
+				$('#top_notices_num').text(0);
731 
+			}
732 
+			$('#top_notices_lists').append(str);
733 
+			$('#top_notices_lists').find('.divider:last').remove();
734 
+		}
735 
+	});
736 
+}
737 
+
738 
+// 标记消息状态
739 
+function signRead(signid) {
740 
+	$.post(huayi.config.callcenter_url + 'Msg/UpdateState', {
741 
+		ids: signid,
742 
+		state: 1, //状态，0未读 1已读
743 
+		token: $.cookie("token")
744 
+	}, function(result) {
745 
+		result = $.parseJSON(result);
746 
+		if (result.state.toLowerCase() === "success") {
747 
+			// 更新顶部消息内容和数量
748 
+			getTopMsgs();
749 
+			$('#top_notices_lists').hide();
750 
+		}
751 
+	})
752 
+}