Bladeren bron

大屏修改

miaofuhao 2 jaren geleden
bovenliggende
commit
331c8e5fde
3 gewijzigde bestanden met toevoegingen van 21 en 7 verwijderingen
  1. 6 1
      WebChartNewest/css/index.css
  2. 1 1
      WebChartNewest/index.html
  3. 14 5
      WebChartNewest/js/main.js

+ 6 - 1
WebChartNewest/css/index.css

@@ -1057,8 +1057,10 @@ input::-webkit-input-placeholder{
1057 1057
 }
1058 1058
 .zx_cont .zx_state{
1059 1059
 	background-color: #064695;
1060
-	width: 680px;
1060
+	/*width: 680px;*/
1061
+	display: inline-block;
1061 1062
 	padding: 13px 10px;
1063
+	margin-left: 50px;
1062 1064
 }
1063 1065
 .zx_cont .zx_state span{
1064 1066
 	margin-right: 16px;
@@ -1124,6 +1126,9 @@ background-position: 0 -116px !important;
1124 1126
 	margin-bottom: 40px;
1125 1127
     margin-right: 35px;
1126 1128
 }
1129
+.zx_people li i{
1130
+	display: none;
1131
+}
1127 1132
 .zx_people li > div{
1128 1133
 	width: 100%;
1129 1134
     position: relative;

+ 1 - 1
WebChartNewest/index.html

@@ -592,7 +592,7 @@
592 592
 						<span><i class="ml"></i>置忙</span>
593 593
 						<span><i class="kx"></i>空闲</span>
594 594
 						<span><i class="zl"></i>振铃</span>
595
-						<span><i class="lx"></i>离线</span>
595
+						<!--<span><i class="lx"></i>离线</span>-->
596 596
 						<span><i class="hh"></i>话后处理</span>
597 597
 						<span><i class="dg"></i>应到岗</span>
598 598
 <!--						

+ 14 - 5
WebChartNewest/js/main.js

@@ -20,7 +20,7 @@ let callDate = [];//话务坐席数据
20 20
 let hwcount;
21 21
 let jtcount;
22 22
 let daySeatName = ['登陆坐席数量', '呼叫排队数量', '话务量', '呼入接通量'];
23
-let callSeatStateName = ['排队', '振铃', '呼入', '呼出', '空闲', '离席']
23
+let callSeatStateName = ['排队', '振铃', '呼入', '呼出', '空闲']
24 24
 var lasttime = new Date().getTime();
25 25
 let callSeatStateData;
26 26
 let locationNum = 0;
@@ -217,7 +217,7 @@ function Connect() {
217 217
 			$('.callTraffic .data_info').html(disStr)
218 218
 			callDate = [Number(data.AgentOnlineCount), Number(data.WaiteCallCount), Number(hwcount), Number(jtcount)]
219 219
 			const outLine = dataLength - data.AgentOnlineCount;
220
-			callSeatStateData = [data.WaiteCallCount, data.AgentRingCount, data.TrunkCallInCount, data.AgentCallOutCount, data.AgentFreeCount, outLine]
220
+			callSeatStateData = [data.WaiteCallCount, data.AgentRingCount, data.TrunkCallInCount, data.AgentCallOutCount, data.AgentFreeCount]
221 221
 			hotThingsChart('timeTraffic', daySeatName, callDate, callDate[0])
222 222
 			hotThingsChart('callSeatState', callSeatStateName, callSeatStateData, 500)
223 223
 			$('.btn_time').click(function (e) {
@@ -354,9 +354,12 @@ var heartCheck = {
354 354
 function SubScribeBack() {
355 355
 	$(".star_btn").css("background-color", 'rgb(1,216,235)');
356 356
 	$(".stop_btn").css("background-color", '#064695');
357
+	
357 358
 }
358 359
 //取消监测
359 360
 function SubScribeCancelBack() {
361
+	$(".people_list").show()
362
+	$(".people_list i").hide()
360 363
 	$(".stop_btn").css("background-color", 'rgb(1,216,235)');
361 364
 	$(".star_btn").css("background-color", '#064695');
362 365
 	$(".stop_btn").addClass("dis");
@@ -368,6 +371,7 @@ function SubScribeCancelBack() {
368 371
 //坐席状态
369 372
 function AgentStateBack(data) {
370 373
 	var sts = "";
374
+	
371 375
 	console.log(data.AgentID,data.State,data.Group)
372 376
 	switch (data.State) {
373 377
 		case "0": sts = "lx"; break;//离线
@@ -384,8 +388,6 @@ function AgentStateBack(data) {
384 388
 	if (sts) {
385 389
 		ele.removeClass().addClass(sts);
386 390
 	}
387
-
388
-	
389 391
 	ele.attr("zx_item", data.State);
390 392
 	if ($(".zxtp .g_nums").text() == data.AgentID) {
391 393
 		if (sts) {
@@ -395,10 +397,17 @@ function AgentStateBack(data) {
395 397
 	$(".people_list").each(function(){
396 398
 		if($(this).find("i").attr("class")==='lx'){
397 399
 			if ($(this).find("i").attr("zxGroup")===data.Group) {
398
-				console.log($(this).attr("class"))
400
+				$(this).show()
401
+				$(this).find("i").show()
399 402
 				$(this).find("i").removeClass().addClass("dg");
403
+			}else{
404
+				$(this).hide()
405
+				console.log($(this).attr("class"))
400 406
 			}
407
+		}else{
408
+			$(this).find("i").show()
401 409
 		}
410
+		
402 411
 	})
403 412
 	$(document.getElementsByClassName('people_list')[locationNum]).before($('.' + data.AgentID))
404 413
 }