.

css/jkfx.css

@@ -156,10 +156,6 @@
 	height:240px;
 	padding:10px 50px;
 }
-.control-box1 .tab-video-foot{
-	
-	
-}
 .tab-video-foot .tab-foot-top{
 	height:40px;
 	display: flex;
@@ -174,6 +170,7 @@
 	padding:10px 50px;
 	overflow:hidden;
 }
+
 .tab-videoes .video-item{
 	height: 31px;
     display: flex;
@@ -702,10 +699,7 @@ table {
 	height:100%;
 	width:50%;
 }
-.msg-list-content{
-	
-	
-}
+
 #msg-list-content{
 	overflow-y:scroll;
 }
@@ -725,7 +719,6 @@ table {
  border-radius:2em;
 }
 
-
 .msg-tab-body .msg-list-content.active{
 	display:block;
 }
@@ -774,6 +767,11 @@ table {
     left: 10%;
     height: 2px;
     width: 80%;
+}
+.msg-tab-body .msg-tab-list-in:before{
+    background: linear-gradient(to right, rgba(11,82,224,0), #fb52e0, rgba(11,82,224,0));
+}
+.msg-tab-body .msg-tab-list-out:before{
     background: linear-gradient(to right, rgba(11,82,224,0), #0b52e0, rgba(11,82,224,0));
 }
 .msg-tab-head .msg-tab1{
@@ -850,7 +848,7 @@ table {
     line-height: 40px;
 	
 }
-#chartBottom2 .chartTab-t,#chartBottom4 .chartTab-t,{
+#chartBottom2 .chartTab-t,#chartBottom4 .chartTab-t{
 	padding-left: 12px;
 }
 #chartBottom1 .chartTab-t .chartTab-title,#chartBottom2 .chartTab-t .chartTab-title,#chartBottom3 .chartTab-t .chartTab-title,#chartBottom4 .chartTab-t .chartTab-title{

swfk.html

@@ -672,17 +672,18 @@ option_myfwtj = {
 			var data = res.content==undefined?[]:res.content;
 			var len = data.length;
 			var html = "";
-			for(var i=0;i<len;++i){
-				html+='<div class="msg-tab-list">';
-				html+='<div class="man-dothis"><img src="http://dgs.ifarmcloud.com/dgs-picture/'+data[i].member.imgUrl+'" /></div>';
-				html+='<div class="this-content"><span class="finish-time">'+data[i].record.time+'</span><span class="username">'+data[i].member.name+'</span>';
-				html+='从<span class="agent">'+data[i].device.description+'</span><span class="gotype">'+(data[i].device.meta.direction=='in'?'进入':'外出')+'</span></div></div>';			
+			var className = '';
+			for (var i = 0; i < len; ++i) {
+				className = data[i].device.meta.direction == 'in' ? ' msg-tab-list-in' : ' msg-tab-list-out'
+				html += `<div class="msg-tab-list ${className}">`;
+				html += `<div class="man-dothis"><img src="http://dgs.ifarmcloud.com/dgs-picture/${data[i].member.imgUrl}" /></div>`;
+				html += `<div class="this-content"><span class="finish-time">${data[i].record.time}</span><span class="username">${data[i].member.name}</span>`;
+				html += `从<span class="agent">${data[i].device.description}</span><span class="gotype">${data[i].device.meta.direction == 'in' ? '进入' : '外出'}</span></div></div>`;
 			}
 			if(len>0){
 				pageNum = j+1;
 			}
 			$(".msg-list-content").append(html);
-			
 		})
 		}(pageNum))
 	}