修改列表可以滚动，而头不动。

孙向锦
1 parent 67dfaf5c
Showing 5 changed files with 61 additions and 24 deletions
WebRoot/WEB-INF/jsp/sunvote/paper/paper_list2.jsp
WebRoot/WEB-INF/jsp/sunvote/student/student_edit2.jsp
WebRoot/WEB-INF/jsp/sunvote/student/student_list2.jsp
WebRoot/WEB-INF/jsp/sunvote/teacher/creat_question.jsp
WebRoot/static/css/teach.css
@@ -35,6 +35,7 @@
 	<form action="../paper/list2.do" method="post" name="Form" id="Form">
 		<div class="head_box">
+		<div class="box_header">
 			<div class="head_box_l">
 				<p>
 					<span class="right_b"></span>试卷管理
@@ -47,12 +48,18 @@
 					src="../static/images/search.png" /></a>
 			</div>
 			<div class="clear"></div>
-		</div>
-		<div class="table_box">
-			<table class="table table-striped">
+			</div>
+			<div style="padding:0 5%;background:#fff;">
+				<table class="table table-striped">
+				<col style="width: 10%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 10%" />
 				<thead>
 					<tr>
-						<th><input type="checkbox"  name='ids' />序号</th>
+						<th><input type="checkbox"  name='ids' id="ids" />序号</th>
 						<th>测验标题</th>
 						<th>创建时间</th>
 						<th>建议考试时长</th>
@@ -60,6 +67,17 @@
 						<th>操作</th>
 					</tr>
 				</thead>
+			</table>
+			</div>
+		</div>
+		<div class="table_box">
+			<table class="table table-striped">
+				<col style="width: 10%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 20%" />
+				<col style="width: 10%" />
 				<tbody>
 				<c:choose>
 					<c:when test="${not empty varList}">
@@ -116,9 +134,10 @@
 			$("#Form").submit();
 		}
-		$('.table_box > .table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
-				var th_checked = this.checked;//checkbox inside "TH" table header
-				$(this).closest('table').find('tbody > tr').each(function(){
+		$('#ids').on('click', function(){
+				var th_checked = $("#ids").prop('checked');//checkbox inside "TH" table header
+				
+				$(".table_box .table").find('tbody > tr').each(function(){
 					var row = this;
 					if(th_checked) $(row).find('input[type=checkbox]').eq(0).prop('checked', true);
 					else $(row).find('input[type=checkbox]').eq(0).prop('checked', false);
@@ -56,14 +56,7 @@ li input {
 	width: 100%;
 }
-li select {
-	height: 30px;
-	line-height: 30px;
-	background: #f5f5f5;
-	border: 1px solid #ccc;
-	outline-style: none;
-	width: 100%;
-}
+
 .btn {
 	width: 80%;
@@ -33,15 +33,20 @@
 		<input type="hidden" name="CLASS_ID" id="CLASS_ID" value="${pd.CLASS_ID}"/>
 		<input type="hidden" name="TERM_ID" id="TERM_ID" value="${pd.TERM_ID}"/>
 		<div class="head_box">
+			<div class="box_header">
 			<div class="head_box_l">
 				<p>
 					<span class="right_b"></span>学生管理
 				</p>
-			</div>
-			
-		</div>
-		<div class="table_box">
+				</div><div class="clearfix"></div>
+				</div>
+			<div style="padding:0 5%;background:#fff;">
 			<table class="table table-striped">
+				<col style="width: 10%" />
+				<col style="width: 22%" />
+				<col style="width: 22%" />
+				<col style="width: 23%" />
+				<col style="width: 23%" />
 				<thead>
 					<tr>
 						<th><input type="checkbox" value="0" name='ids' id="ids"  />序号</th>
@@ -51,6 +56,17 @@
 						<th>操作</th>
 					</tr>
 				</thead>
+			</table></div>
+			
+			<div class="clearfix"></div>
+		</div>
+		<div class="table_box">
+			<table class="table table-striped">
+				<col style="width: 10%" />
+				<col style="width: 22%" />
+				<col style="width: 22%" />
+				<col style="width: 23%" />
+				<col style="width: 23%" />
 				<tbody>
 				<c:choose>
 					<c:when test="${not empty varList}">
@@ -105,9 +121,10 @@
 			$("#Form").submit();
 		}
-		$('.table_box > .table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
-				var th_checked = this.checked;//checkbox inside "TH" table header
-				$(this).closest('table').find('tbody > tr').each(function(){
+		$('#ids').on('click', function(){
+				var th_checked = $("#ids").prop('checked');//checkbox inside "TH" table header
+				
+				$(".table_box .table").find('tbody > tr').each(function(){
 					var row = this;
 					if(th_checked) $(row).find('input[type=checkbox]').eq(0).prop('checked', true);
 					else $(row).find('input[type=checkbox]').eq(0).prop('checked', false);
@@ -198,6 +198,12 @@
 		}
 		$("title").html(title);
 	}
+	$(document).ready(function(){
+		var _height = $(".page-header").height();
+		$(".content").css("padding-top",_height);
+		
+	})
+	
 	//var testData={"title":"TEST1","exam_time":46,"paper_type":"1","subject_id":"1","grade_id":"1","user_id":"1","score":5,"questions":[{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"单选","option_num":"","option_content":"","answer":"","difficulty":"","analysis":"","question_from":"","score":1,"part_score":"","remark":"","rank":"1","no_name":"一、","questions":[{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"","option_num":4,"option_content":"","answer":"A","difficulty":"0","analysis":"","question_from":"1","score":1,"part_score":"0","remark":"","rank":"2","no_name":"1.1"},{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"","option_num":4,"option_content":"","answer":"B","difficulty":"0","analysis":"","question_from":"1","score":1,"part_score":"0","remark":"","rank":"2","no_name":"1.2"},{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"","option_num":4,"option_content":"","answer":"C","difficulty":"0","analysis":"","question_from":"1","score":1,"part_score":"0","remark":"","rank":"2","no_name":"1.3"},{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"","option_num":4,"option_content":"","answer":"D","difficulty":"0","analysis":"","question_from":"1","score":1,"part_score":"0","remark":"","rank":"2","no_name":"1.4"},{"chapter_id":"0","problem_type_id":"0","knowledge_id":"0","content":"","option_num":4,"option_content":"","answer":"A","difficulty":"0","analysis":"","question_from":"1","score":1,"part_score":"0","remark":"","rank":"2","no_name":"1.5"}]}]};
 	//var testData={"title":"TEST1","exam_time":46,"paper_type":"1","subject_id":"1","grade_id":"1","user_id":"1","score":5,"questions":[]};
 </script>
@@ -36,13 +36,15 @@ input[type=&quot;checkbox&quot;]{margin-right:10px;}
 .content .content_r{margin-left:18%;height:100%;overflow-y:hidden;}
- .head_box{width:100%;height:94px;background:#f5f5f5;padding:30px 5%;}
+ .head_box{width:100%;height:auto;position:fixed;top:0;}
+ .box_header{padding:30px 5%;background:#f5f5f5;}
  .head_box_l{float:left;font-size:30px;}
+ .head_box .table{padding:0px 5%;margin-bottom:0;}
  .head_box_l p{color:#106666;margin-bottom:0;}
  .head_box_r{float:right;}
  .head_box_r input{padding-left:10px;}
  .head_box_r img{width:30px;margin-left:10px;}
- .table_box{padding:5%;}
+ .table_box{padding:5%;padding-top:143px;}
  .table_box input[name="choose"]{vertical-align:top;margin-right:15px;}
  .table_box img{width:24px;}
  .footer .creat,.content .content_r .footer .removeAll {float:left;}