大屏修改

WebChartNewest/css/index.css

 }
 .zx_cont .zx_state{
 	background-color: #064695;
-	width: 680px;
+	/*width: 680px;*/
+	display: inline-block;
 	padding: 13px 10px;
+	margin-left: 50px;
 }
 .zx_cont .zx_state span{
 	margin-right: 16px;
 	margin-bottom: 40px;
     margin-right: 35px;
 }
+.zx_people li i{
+	display: none;
+}
 .zx_people li > div{
 	width: 100%;
     position: relative;

WebChartNewest/index.html

 						<span><i class="ml"></i>置忙</span>
 						<span><i class="kx"></i>空闲</span>
 						<span><i class="zl"></i>振铃</span>
-						<span><i class="lx"></i>离线</span>
+						<!--<span><i class="lx"></i>离线</span>-->
 						<span><i class="hh"></i>话后处理</span>
 						<span><i class="dg"></i>应到岗</span>
 <!--						

WebChartNewest/js/main.js

 let hwcount;
 let jtcount;
 let daySeatName = ['登陆坐席数量', '呼叫排队数量', '话务量', '呼入接通量'];
-let callSeatStateName = ['排队', '振铃', '呼入', '呼出', '空闲', '离席']
+let callSeatStateName = ['排队', '振铃', '呼入', '呼出', '空闲']
 var lasttime = new Date().getTime();
 let callSeatStateData;
 let locationNum = 0;
 			$('.callTraffic .data_info').html(disStr)
 			callDate = [Number(data.AgentOnlineCount), Number(data.WaiteCallCount), Number(hwcount), Number(jtcount)]
 			const outLine = dataLength - data.AgentOnlineCount;
-			callSeatStateData = [data.WaiteCallCount, data.AgentRingCount, data.TrunkCallInCount, data.AgentCallOutCount, data.AgentFreeCount, outLine]
+			callSeatStateData = [data.WaiteCallCount, data.AgentRingCount, data.TrunkCallInCount, data.AgentCallOutCount, data.AgentFreeCount]
 			hotThingsChart('timeTraffic', daySeatName, callDate, callDate[0])
 			hotThingsChart('callSeatState', callSeatStateName, callSeatStateData, 500)
 			$('.btn_time').click(function (e) {
 function SubScribeBack() {
 	$(".star_btn").css("background-color", 'rgb(1,216,235)');
 	$(".stop_btn").css("background-color", '#064695');
+	
 }
 //取消监测
 function SubScribeCancelBack() {
+	$(".people_list").show()
+	$(".people_list i").hide()
 	$(".stop_btn").css("background-color", 'rgb(1,216,235)');
 	$(".star_btn").css("background-color", '#064695');
 	$(".stop_btn").addClass("dis");
 //坐席状态
 function AgentStateBack(data) {
 	var sts = "";
+	
 	console.log(data.AgentID,data.State,data.Group)
 	switch (data.State) {
 		case "0": sts = "lx"; break;//离线
 	if (sts) {
 		ele.removeClass().addClass(sts);
 	}
-
-	
 	ele.attr("zx_item", data.State);
 	if ($(".zxtp .g_nums").text() == data.AgentID) {
 		if (sts) {
 	$(".people_list").each(function(){
 		if($(this).find("i").attr("class")==='lx'){
 			if ($(this).find("i").attr("zxGroup")===data.Group) {
-				console.log($(this).attr("class"))
+				$(this).show()
+				$(this).find("i").show()
 				$(this).find("i").removeClass().addClass("dg");
+			}else{
+				$(this).hide()
+				console.log($(this).attr("class"))
 			}
+		}else{
+			$(this).find("i").show()
 		}
+		
 	})
 	$(document.getElementsByClassName('people_list')[locationNum]).before($('.' + data.AgentID))
 }