commit

application/index/view/performance_ranking/performance_ranking.html

@@ -163,6 +163,19 @@
 	    background-color: #D3D8EF;
 	}/* 滑块颜色 */
 
+	.table-choose {
+		color:#999999;
+	}
+	
+	.active {
+		color:#1A1A1A !important;
+	}
+	
+	.left-padding{
+		margin-left:0.2rem;
+	}
+	
+	
 </style>
 <div class="backer"></div>
 <div id="page-content-wrapper">
@@ -276,8 +289,9 @@
             	<div class="col-xs-4 p-a-10 p-t-0">
             		<div class="panel panel-default">
             			<div class="area-title p-a-15 p-b-10">
-            				<span id="table-title"></span>
-            				<span class="title-time" id="table-time"></span>
+            				<a><span id="table-title" class="active table-choose"></span></a>
+            				<a><span id="group-title" class="table-choose left-padding ">团队Q档</span></a>
+            				<a><span class="title-time" id="table-time"></span></a>
             			</div>
             		
 	            		<div class="table-scro" style="height:6.97rem;;overflow-y:scroll">

public/resource/js/performance_ranking.js

@@ -52,6 +52,29 @@ define (['doT', 'ckfinder','ckfinderStart', 'css!style/home.css',"datetimepicker
                 }
                 
           	});
+          	
+          	$(document).on('click','.table-choose', function(e){
+//        		$('.table-choose').click(function(){
+          		console.log(e)
+          		if ($(this).hasClass("active")){
+          			console.log("true");
+          			//nothing to change 
+          		} else {
+          			console.log("false")
+          			$(this).parent().parent().find(".active").removeClass("active");
+          			$(this).addClass("active");
+          			if ($(this).attr(id) == "table-title") {
+          				$('#group').hide();
+          				$('#person').show();
+          			} else {
+          				$('#person').hide();
+          				$('#group').show();
+          			}
+          		}
+                
+          	});
+          	
+          	
         },
         
         addDark : function(){