孙向锦 / SunvoteEducation

Commit 90ac05a1df11d3f6f2587a9b5058f081ce7d5f0d

Authored by 孙向锦
1 parent 67dfaf5c

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

Inline Side-by-side
Showing 5 changed files with 61 additions and 24 deletions
WebRoot/WEB-INF/jsp/sunvote/paper/paper_list2.jsp
  View file @90ac05a
... ... @@ -35,6 +35,7 @@
35 35  
36 36 <form action="../paper/list2.do" method="post" name="Form" id="Form">
37 37 <div class="head_box">
  38 + <div class="box_header">
38 39 <div class="head_box_l">
39 40 <p>
40 41 <span class="right_b"></span>试卷管理
... ... @@ -47,12 +48,18 @@
47 48 src="../static/images/search.png" /></a>
48 49 </div>
49 50 <div class="clear"></div>
50   - </div>
51   - <div class="table_box">
52   - <table class="table table-striped">
  51 + </div>
  52 + <div style="padding:0 5%;background:#fff;">
  53 + <table class="table table-striped">
  54 + <col style="width: 10%" />
  55 + <col style="width: 20%" />
  56 + <col style="width: 20%" />
  57 + <col style="width: 20%" />
  58 + <col style="width: 20%" />
  59 + <col style="width: 10%" />
53 60 <thead>
54 61 <tr>
55   - <th><input type="checkbox" name='ids' />序号</th>
  62 + <th><input type="checkbox" name='ids' id="ids" />序号</th>
56 63 <th>测验标题</th>
57 64 <th>创建时间</th>
58 65 <th>建议考试时长</th>
... ... @@ -60,6 +67,17 @@
60 67 <th>操作</th>
61 68 </tr>
62 69 </thead>
  70 + </table>
  71 + </div>
  72 + </div>
  73 + <div class="table_box">
  74 + <table class="table table-striped">
  75 + <col style="width: 10%" />
  76 + <col style="width: 20%" />
  77 + <col style="width: 20%" />
  78 + <col style="width: 20%" />
  79 + <col style="width: 20%" />
  80 + <col style="width: 10%" />
63 81 <tbody>
64 82 <c:choose>
65 83 <c:when test="${not empty varList}">
... ... @@ -116,9 +134,10 @@
116 134 $("#Form").submit();
117 135 }
118 136  
119   - $('.table_box > .table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
120   - var th_checked = this.checked;//checkbox inside "TH" table header
121   - $(this).closest('table').find('tbody > tr').each(function(){
  137 + $('#ids').on('click', function(){
  138 + var th_checked = $("#ids").prop('checked');//checkbox inside "TH" table header
  139 +
  140 + $(".table_box .table").find('tbody > tr').each(function(){
122 141 var row = this;
123 142 if(th_checked) $(row).find('input[type=checkbox]').eq(0).prop('checked', true);
124 143 else $(row).find('input[type=checkbox]').eq(0).prop('checked', false);
... ...
WebRoot/WEB-INF/jsp/sunvote/student/student_edit2.jsp
  View file @90ac05a
... ... @@ -56,14 +56,7 @@ li input {
56 56 width: 100%;
57 57 }
58 58  
59   -li select {
60   - height: 30px;
61   - line-height: 30px;
62   - background: #f5f5f5;
63   - border: 1px solid #ccc;
64   - outline-style: none;
65   - width: 100%;
66   -}
  59 +
67 60  
68 61 .btn {
69 62 width: 80%;
... ...
WebRoot/WEB-INF/jsp/sunvote/student/student_list2.jsp
  View file @90ac05a
... ... @@ -33,15 +33,20 @@
33 33 <input type="hidden" name="CLASS_ID" id="CLASS_ID" value="${pd.CLASS_ID}"/>
34 34 <input type="hidden" name="TERM_ID" id="TERM_ID" value="${pd.TERM_ID}"/>
35 35 <div class="head_box">
  36 + <div class="box_header">
36 37 <div class="head_box_l">
37 38 <p>
38 39 <span class="right_b"></span>学生管理
39 40 </p>
40   - </div>
41   -
42   - </div>
43   - <div class="table_box">
  41 + </div><div class="clearfix"></div>
  42 + </div>
  43 + <div style="padding:0 5%;background:#fff;">
44 44 <table class="table table-striped">
  45 + <col style="width: 10%" />
  46 + <col style="width: 22%" />
  47 + <col style="width: 22%" />
  48 + <col style="width: 23%" />
  49 + <col style="width: 23%" />
45 50 <thead>
46 51 <tr>
47 52 <th><input type="checkbox" value="0" name='ids' id="ids" />序号</th>
... ... @@ -51,6 +56,17 @@
51 56 <th>操作</th>
52 57 </tr>
53 58 </thead>
  59 + </table></div>
  60 +
  61 + <div class="clearfix"></div>
  62 + </div>
  63 + <div class="table_box">
  64 + <table class="table table-striped">
  65 + <col style="width: 10%" />
  66 + <col style="width: 22%" />
  67 + <col style="width: 22%" />
  68 + <col style="width: 23%" />
  69 + <col style="width: 23%" />
54 70 <tbody>
55 71 <c:choose>
56 72 <c:when test="${not empty varList}">
... ... @@ -105,9 +121,10 @@
105 121 $("#Form").submit();
106 122 }
107 123  
108   - $('.table_box > .table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
109   - var th_checked = this.checked;//checkbox inside "TH" table header
110   - $(this).closest('table').find('tbody > tr').each(function(){
  124 + $('#ids').on('click', function(){
  125 + var th_checked = $("#ids").prop('checked');//checkbox inside "TH" table header
  126 +
  127 + $(".table_box .table").find('tbody > tr').each(function(){
111 128 var row = this;
112 129 if(th_checked) $(row).find('input[type=checkbox]').eq(0).prop('checked', true);
113 130 else $(row).find('input[type=checkbox]').eq(0).prop('checked', false);
... ...
WebRoot/WEB-INF/jsp/sunvote/teacher/creat_question.jsp
  View file @90ac05a
... ... @@ -198,6 +198,12 @@
198 198 }
199 199 $("title").html(title);
200 200 }
  201 + $(document).ready(function(){
  202 + var _height = $(".page-header").height();
  203 + $(".content").css("padding-top",_height);
  204 +
  205 + })
  206 +
201 207 //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"}]}]};
202 208 //var testData={"title":"TEST1","exam_time":46,"paper_type":"1","subject_id":"1","grade_id":"1","user_id":"1","score":5,"questions":[]};
203 209 </script>
... ...
WebRoot/static/css/teach.css
  View file @90ac05a
... ... @@ -36,13 +36,15 @@ input[type=&quot;checkbox&quot;]{margin-right:10px;}
36 36 .content .content_r{margin-left:18%;height:100%;overflow-y:hidden;}
37 37  
38 38  
39   - .head_box{width:100%;height:94px;background:#f5f5f5;padding:30px 5%;}
  39 + .head_box{width:100%;height:auto;position:fixed;top:0;}
  40 + .box_header{padding:30px 5%;background:#f5f5f5;}
40 41 .head_box_l{float:left;font-size:30px;}
  42 + .head_box .table{padding:0px 5%;margin-bottom:0;}
41 43 .head_box_l p{color:#106666;margin-bottom:0;}
42 44 .head_box_r{float:right;}
43 45 .head_box_r input{padding-left:10px;}
44 46 .head_box_r img{width:30px;margin-left:10px;}
45   - .table_box{padding:5%;}
  47 + .table_box{padding:5%;padding-top:143px;}
46 48 .table_box input[name="choose"]{vertical-align:top;margin-right:15px;}
47 49 .table_box img{width:24px;}
48 50 .footer .creat,.content .content_r .footer .removeAll {float:left;}
... ...