Commit 892c3766d8045bf1032fbd47029241bf2e5bfff6
1 parent
92b276f8
1、增加练习报表页面
Showing
3 changed files
with
334 additions
and
2 deletions
WebRoot/WEB-INF/jsp/sunvote/homework/homework_report.jsp
0 → 100644
| 1 | +<%@ page language="java" contentType="text/html; charset=UTF-8" | ||
| 2 | + pageEncoding="UTF-8"%> | ||
| 3 | +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> | ||
| 4 | +<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> | ||
| 5 | +<% | ||
| 6 | + String path = request.getContextPath(); | ||
| 7 | + String basePath = request.getScheme() + "://" | ||
| 8 | + + request.getServerName() + ":" + request.getServerPort() | ||
| 9 | + + path + "/"; | ||
| 10 | +%> | ||
| 11 | + | ||
| 12 | +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | ||
| 13 | +<html> | ||
| 14 | +<head> | ||
| 15 | +<base href="<%=basePath%>"> | ||
| 16 | + | ||
| 17 | +<title>${info.CLASS_NAME}成绩报表</title> | ||
| 18 | +<base href="<%=basePath%>"> | ||
| 19 | +<!-- 下拉框 --> | ||
| 20 | +<link rel="stylesheet" href="static/ace/css/chosen.css" /> | ||
| 21 | + <link type="text/css" href="static/css/tablescroller.css" rel="stylesheet" /> | ||
| 22 | +<!-- jsp文件头和头部 --> | ||
| 23 | +<%@ include file="../../system/index/top.jsp"%> | ||
| 24 | +<!-- 日期框 --> | ||
| 25 | +<link rel="stylesheet" href="static/ace/css/datepicker.css" /> | ||
| 26 | +<style> | ||
| 27 | + .font span{ font-size: 12px; | ||
| 28 | + font-weight: initial;color:#000;} | ||
| 29 | + </style> | ||
| 30 | +</head> | ||
| 31 | + | ||
| 32 | +<body style="background:#fff;"> | ||
| 33 | + <div style="padding:20px 20px;"> | ||
| 34 | + <form action="report/report.do" method="post" name="Form" id="Form" style="margin-bottom:0;"> | ||
| 35 | + <input type="hidden" name="CLASSID" id="CLASSID" value="${info.CLASS_ID}" /> | ||
| 36 | + <input type="hidden" name="ROLE" id="ROLE" value="${pd.ROLE}" /> | ||
| 37 | + <table style="margin-top:5px;margin-bottom:20px;"> | ||
| 38 | + <tr> | ||
| 39 | + <td><div style="width:150px;text-align:center;">课程统计: ${info.testsize}</div></td> | ||
| 40 | + <td><div style="width:150px;text-align:center;">班级名册: ${info.CLASS_NAME}</div></td> | ||
| 41 | + | ||
| 42 | + <td><div style="width:150px;text-align:center;"><span>学生人数: ${info.STUDENT_NUM}</span></div></td> | ||
| 43 | + <td></td> | ||
| 44 | + <c:if test="${not empty subjectInfos}"> | ||
| 45 | + <td> | ||
| 46 | + <select class="chosen-select form-control" name="SUBJECT_ID" id="SUBJECT_ID" data-placeholder="这里输入所属学校"> | ||
| 47 | + <option value="">全部</option> | ||
| 48 | + <c:forEach var="item" items="${subjectInfos}"> | ||
| 49 | + <option value="${item.SUBJECT_ID}" <c:if test="${pd.SUBJECT_ID == item.SUBJECT_ID }">selected = ture</c:if>>${item.SCNAME}</option> | ||
| 50 | + </c:forEach> | ||
| 51 | + </select> | ||
| 52 | + </td> | ||
| 53 | + </c:if> | ||
| 54 | + <td style="padding-left:2px;"> | ||
| 55 | + <input | ||
| 56 | + class="span10 date-picker" name="lastStart" id="lastStart" | ||
| 57 | + value="${start_date}" type="text" data-date-format="yyyy-mm-dd" | ||
| 58 | + readonly="readonly" style="width:88px;" placeholder="开始日期" | ||
| 59 | + title="开始日期" /> | ||
| 60 | + </td> | ||
| 61 | + <td style="padding-left:2px;"><input | ||
| 62 | + class="span10 date-picker" name="lastEnd" id="lastEnd" value="${end_date}" | ||
| 63 | + type="text" data-date-format="yyyy-mm-dd" readonly="readonly" | ||
| 64 | + style="width:88px;" placeholder="结束日期" title="结束日期" /></td> | ||
| 65 | + <td style="vertical-align:top;padding-left:2px"><a | ||
| 66 | + class="btn btn-light btn-xs" onclick="tosearch();" title="检索"><i | ||
| 67 | + id="nav-search-icon" | ||
| 68 | + class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i></a></td> | ||
| 69 | + </tr> | ||
| 70 | + </table> | ||
| 71 | + <table id="simple-table" | ||
| 72 | + class="table table-striped table-bordered table-hover" | ||
| 73 | + style="margin-top:0px;margin-bottom:0px;"> | ||
| 74 | + <thead> | ||
| 75 | + <tr> | ||
| 76 | + <th class="center th_name"><div style="width:150px;">姓名</div></th> | ||
| 77 | + <th class="center "><div style="width:150px;">课程平均得分率</div></th> | ||
| 78 | + <th class="center"><div style="width:80px;">课程总分</div></th> | ||
| 79 | + <c:forEach items="${testpaperList}" var="var" varStatus="vs"> | ||
| 80 | + <th class="center kc"><a | ||
| 81 | + onclick="paper('${info.CLASS_ID}','${var.TESTPAPER_ID}');"><div style="width:180px; margin: 0 auto;cursor:hand" class="font">${var.NAME}</br><span>${var.CREATE_DATE}</span></div></a></th> | ||
| 82 | + </c:forEach> | ||
| 83 | + </tr> | ||
| 84 | + </thead> | ||
| 85 | + <tbody> | ||
| 86 | + <tr> | ||
| 87 | + <td class="center"><div style="width:150px;">班级课程总分</div></td> | ||
| 88 | + <td class="center"><div style="width:150px;"></div></td> | ||
| 89 | + <td class="center"><div style="width:80px;"></div></td> | ||
| 90 | + <c:forEach items="${testpaperList}" var="var" varStatus="vs"> | ||
| 91 | + <td class="center"><div style="width:80px;margin:0 auto;">${var.TOTAL_SCORE}</div></td> | ||
| 92 | + </c:forEach> | ||
| 93 | + </tr> | ||
| 94 | + <tr> | ||
| 95 | + <td class="center"><div style="width:150px;">班级课程平均分</div></td> | ||
| 96 | + <td class="center"><div style="width:150px;"></div></td> | ||
| 97 | + <td class="center"><div style="width:80px;"></div></td> | ||
| 98 | + <c:forEach items="${testpaperList}" var="var" varStatus="vs"> | ||
| 99 | + <td class="center"><div style="width:80px;margin:0 auto;">${var.AVG_SCORE}</div></td> | ||
| 100 | + </c:forEach> | ||
| 101 | + </tr> | ||
| 102 | + <tr> | ||
| 103 | + <td class="center"><div style="width:150px;">班级课程平均得分率</div></td> | ||
| 104 | + <td class="center"><div style="width:150px;"></div></td> | ||
| 105 | + <td class="center"><div style="width:80px;"></div></td> | ||
| 106 | + <c:forEach items="${testpaperList}" var="var" varStatus="vs"> | ||
| 107 | + <td class="center"><div style="width:80px;margin:0 auto;"><fmt:formatNumber type="number" | ||
| 108 | + value="${var.TOTAL_SCORE == 0 ? 0: (var.AVG_SCORE / var.TOTAL_SCORE * 100)}" | ||
| 109 | + maxFractionDigits="2" />%</div></td> | ||
| 110 | + </c:forEach> | ||
| 111 | + </tr> | ||
| 112 | + | ||
| 113 | + <c:choose> | ||
| 114 | + <c:when test="${not empty studentList}"> | ||
| 115 | + <c:forEach items="${studentList}" var="var" varStatus="vs"> | ||
| 116 | + <tr> | ||
| 117 | + <%-- <td class="center"><a | ||
| 118 | + href="report/student_report?studentid=${var.ID}&class_id=${info.CLASS_ID}">${var.NAME}</a> | ||
| 119 | + </td> --%> | ||
| 120 | + <td class="center"><div style="width:150px;cursor:hand"><a | ||
| 121 | + onclick="student('${info.CLASS_ID}','${var.STUDENT_ID}')">${var.NAME}</a></div> | ||
| 122 | + </td> | ||
| 123 | + <td class="center"><div style="width:150px;"><fmt:formatNumber type="number" | ||
| 124 | + value="${var.TOTALSCORE == 0 ? 0: (var.GETSCORE / var.TOTALSCORE * 100)}" | ||
| 125 | + maxFractionDigits="2" />%</div></td> | ||
| 126 | + <td class="center"><div style="width:80px;margin:0 auto;">${var.GETSCORE }</div></td> | ||
| 127 | + <c:forEach items="${testpaperList}" var="var1" varStatus="vs1"> | ||
| 128 | + <td class="center"><div style="width:180px;margin:0 auto;"><c:set var="TEST_ID" | ||
| 129 | + value="${var1.TESTPAPER_ID}" /> ${var[TEST_ID] }</div></td> | ||
| 130 | + </c:forEach> | ||
| 131 | + </tr> | ||
| 132 | + </c:forEach> | ||
| 133 | + </c:when> | ||
| 134 | + </c:choose> | ||
| 135 | + </tbody> | ||
| 136 | + </table> | ||
| 137 | + <div id="scrollableTable"></div> | ||
| 138 | + </form> | ||
| 139 | + </div> | ||
| 140 | + | ||
| 141 | + <%@ include file="../../system/index/foot.jsp"%> | ||
| 142 | + <script src="static/ace/js/bootbox.js"></script> | ||
| 143 | + <!-- ace scripts --> | ||
| 144 | + <script src="static/ace/js/ace/ace.js"></script> | ||
| 145 | + <!-- 下拉框 --> | ||
| 146 | + <script src="static/ace/js/chosen.jquery.js"></script> | ||
| 147 | + <!-- 日期框 --> | ||
| 148 | + <script src="static/ace/js/date-time/bootstrap-datepicker.js"></script> | ||
| 149 | + <!--提示框--> | ||
| 150 | + <script type="text/javascript" src="static/js/jquery.tips.js"></script> | ||
| 151 | + | ||
| 152 | + <script language="javascript" src="static/js/tablescroller.js"></script> | ||
| 153 | + <script language="javascript" src="static/js/tablescroller.jquery.js"></script> | ||
| 154 | + | ||
| 155 | + | ||
| 156 | + | ||
| 157 | + <script type="text/javascript"> | ||
| 158 | + $(function() { | ||
| 159 | + | ||
| 160 | + //日期框 | ||
| 161 | + $('.date-picker').datepicker({ | ||
| 162 | + autoclose : true, | ||
| 163 | + todayHighlight : true | ||
| 164 | + }); | ||
| 165 | + | ||
| 166 | + //下拉框 | ||
| 167 | + if (!ace.vars['touch']) { | ||
| 168 | + $('.chosen-select').chosen({ | ||
| 169 | + allow_single_deselect : true | ||
| 170 | + }); | ||
| 171 | + $(window).off('resize.chosen').on('resize.chosen', function() { | ||
| 172 | + $('.chosen-select').each(function() { | ||
| 173 | + var $this = $(this); | ||
| 174 | + $this.next().css({ | ||
| 175 | + 'width' : $this.parent().width() | ||
| 176 | + }); | ||
| 177 | + }); | ||
| 178 | + }).trigger('resize.chosen'); | ||
| 179 | + $(document).on('settings.ace.chosen', | ||
| 180 | + function(e, event_name, event_val) { | ||
| 181 | + if (event_name != 'sidebar_collapsed') | ||
| 182 | + return; | ||
| 183 | + $('.chosen-select').each(function() { | ||
| 184 | + var $this = $(this); | ||
| 185 | + $this.next().css({ | ||
| 186 | + 'width' : $this.parent().width() | ||
| 187 | + }); | ||
| 188 | + }); | ||
| 189 | + }); | ||
| 190 | + $('#chosen-multiple-style .btn').on( | ||
| 191 | + 'click', | ||
| 192 | + function(e) { | ||
| 193 | + var target = $(this).find('input[type=radio]'); | ||
| 194 | + var which = parseInt(target.val()); | ||
| 195 | + if (which == 2) | ||
| 196 | + $('#form-field-select-4').addClass( | ||
| 197 | + 'tag-input-style'); | ||
| 198 | + else | ||
| 199 | + $('#form-field-select-4').removeClass( | ||
| 200 | + 'tag-input-style'); | ||
| 201 | + }); | ||
| 202 | + } | ||
| 203 | + | ||
| 204 | + //复选框全选控制 | ||
| 205 | + var active_class = 'active'; | ||
| 206 | + $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on( | ||
| 207 | + 'click', | ||
| 208 | + function() { | ||
| 209 | + var th_checked = this.checked;//checkbox inside "TH" table header | ||
| 210 | + $(this).closest('table').find('tbody > tr').each( | ||
| 211 | + function() { | ||
| 212 | + var row = this; | ||
| 213 | + if (th_checked) | ||
| 214 | + $(row).addClass(active_class).find( | ||
| 215 | + 'input[type=checkbox]').eq(0) | ||
| 216 | + .prop('checked', true); | ||
| 217 | + else | ||
| 218 | + $(row).removeClass(active_class).find( | ||
| 219 | + 'input[type=checkbox]').eq(0) | ||
| 220 | + .prop('checked', false); | ||
| 221 | + }); | ||
| 222 | + }); | ||
| 223 | + }); | ||
| 224 | + | ||
| 225 | + var role = '${pd.ROLE}'; | ||
| 226 | + | ||
| 227 | + function precent(avg,total){ | ||
| 228 | + if(total == 0){ | ||
| 229 | + return "0%" | ||
| 230 | + } | ||
| 231 | + return Math.round(avg / total * 100)/100 + '%' ; | ||
| 232 | + } | ||
| 233 | + | ||
| 234 | + function tosearch(){ | ||
| 235 | + var url = "<%=basePath%>report/report.do?classid=${info.CLASS_ID}" ; | ||
| 236 | + var startDate = $("#lastStart").val(); | ||
| 237 | + var endDate = $("#lastEnd").val(); | ||
| 238 | + var subject_id = $("#SUBJECT_ID").val(); | ||
| 239 | + url = url + "&start_date=" + startDate ; | ||
| 240 | + if(endDate != null){ | ||
| 241 | + url = url + "&end_date=" + endDate; | ||
| 242 | + } | ||
| 243 | + if(subject_id != null){ | ||
| 244 | + url = url + "&SUBJECT_ID=" + subject_id; | ||
| 245 | + } | ||
| 246 | + if(role == "admin"){ | ||
| 247 | + url = url + "&ROLE=admin" ; | ||
| 248 | + } | ||
| 249 | + window.location.href = url; | ||
| 250 | + window.top.loading.show(); | ||
| 251 | + /* $("#Form").sumbit(); */ | ||
| 252 | + } | ||
| 253 | + | ||
| 254 | + function student(classid,studentid){ | ||
| 255 | + | ||
| 256 | + var url = "<%=basePath%>report/student_report?studentid=" + studentid + "&class_id=" + classid ; | ||
| 257 | + var startDate = $("#lastStart").val(); | ||
| 258 | + var endDate = $("#lastEnd").val(); | ||
| 259 | + url = url + "&start_date=" + startDate + "&end_date=" + endDate ; | ||
| 260 | + var SUBJECT_ID = $("#SUBJECT_ID").val(); | ||
| 261 | + if(SUBJECT_ID != null && SUBJECT_ID != ''){ | ||
| 262 | + url = url + "&SUBJECT_ID="+ SUBJECT_ID ; | ||
| 263 | + } | ||
| 264 | + window.self.location.href = url; | ||
| 265 | + window.top.loading.show(); | ||
| 266 | + } | ||
| 267 | + | ||
| 268 | + function paper(class_id,testpaper_id){ | ||
| 269 | + var url = "<%=basePath%>report/test_report?TestID=" + testpaper_id + "&class_id=" + class_id; | ||
| 270 | + var startDate = $("#lastStart").val(); | ||
| 271 | + var endDate = $("#lastEnd").val(); | ||
| 272 | + url = url + "&start_date=" + startDate + "&end_date=" + endDate ; | ||
| 273 | + window.self.location.href = url; | ||
| 274 | + window.top.loading.show(); | ||
| 275 | + } | ||
| 276 | + | ||
| 277 | + $(document).ready(function(){ | ||
| 278 | + window.top.loading.remove(); | ||
| 279 | + | ||
| 280 | + var sour = "${testpaperList}"; | ||
| 281 | + | ||
| 282 | + if(sour != null && sour.length > 3){ | ||
| 283 | + var _width = $('#mainFrame', parent.document).width()-40; | ||
| 284 | + var _heigh = $('#mainFrame', parent.document).height()-100; | ||
| 285 | + var options = { | ||
| 286 | + width: _width, | ||
| 287 | + height: _heigh, | ||
| 288 | + pinnedRows: 4, | ||
| 289 | + pinnedCols: 3, | ||
| 290 | + container: "#scrollableTable", | ||
| 291 | + removeOriginal: true | ||
| 292 | + }; | ||
| 293 | + $("#simple-table").tablescroller(options); | ||
| 294 | + var name_height = $(".kc").last().parent().height()-18.5; | ||
| 295 | + console.log(name_height); | ||
| 296 | + $(".th_name").height(name_height); | ||
| 297 | + } | ||
| 298 | + | ||
| 299 | + }); | ||
| 300 | + | ||
| 301 | + </script> | ||
| 302 | + | ||
| 303 | +</body> | ||
| 304 | +</html> |
WebRoot/WEB-INF/jsp/sunvote/teacher/teacher_main.jsp
| @@ -106,7 +106,7 @@ | @@ -106,7 +106,7 @@ | ||
| 106 | <p id="practice_do" onclick="event.stopPropagation();homeWork('${SCHOOL_ID}')">布置练习</p> | 106 | <p id="practice_do" onclick="event.stopPropagation();homeWork('${SCHOOL_ID}')">布置练习</p> |
| 107 | </li> | 107 | </li> |
| 108 | <li> | 108 | <li> |
| 109 | - <p id="practice_report">练习报表</p> | 109 | + <p id="practice_report" onclick="event.stopPropagation();homeReport('${SCHOOL_ID}')">练习报表</p> |
| 110 | </li> | 110 | </li> |
| 111 | </ul> | 111 | </ul> |
| 112 | </div> | 112 | </div> |
| @@ -193,6 +193,13 @@ | @@ -193,6 +193,13 @@ | ||
| 193 | window.top.loading.show(); | 193 | window.top.loading.show(); |
| 194 | } | 194 | } |
| 195 | 195 | ||
| 196 | + function homeReport(schoolId){ | ||
| 197 | + var path = '<%=basePath%>homework/report.do?teacher_id=${pd.TEACHER.ID}&ID=' + schoolId ; | ||
| 198 | + | ||
| 199 | + $("#mainFrame").attr('src',path); | ||
| 200 | + window.top.loading.show(); | ||
| 201 | + } | ||
| 202 | + | ||
| 196 | function report(classId){ | 203 | function report(classId){ |
| 197 | //window.open('<%=basePath%>report/report.do?classid=' + classId); | 204 | //window.open('<%=basePath%>report/report.do?classid=' + classId); |
| 198 | //if($("#mainFrame").attr('src') != ('<%=basePath%>report/report.do?classid=' + classId)){ | 205 | //if($("#mainFrame").attr('src') != ('<%=basePath%>report/report.do?classid=' + classId)){ |
src/com/fh/controller/sunvote/homework/HomeworkController.java
| @@ -202,7 +202,7 @@ public class HomeworkController extends BaseController { | @@ -202,7 +202,7 @@ public class HomeworkController extends BaseController { | ||
| 202 | } | 202 | } |
| 203 | 203 | ||
| 204 | /** | 204 | /** |
| 205 | - * 去修改页面 | 205 | + * 去预览页面 |
| 206 | * | 206 | * |
| 207 | * @param | 207 | * @param |
| 208 | * @throws Exception | 208 | * @throws Exception |
| @@ -221,6 +221,27 @@ public class HomeworkController extends BaseController { | @@ -221,6 +221,27 @@ public class HomeworkController extends BaseController { | ||
| 221 | mv.addObject("pd", pd); | 221 | mv.addObject("pd", pd); |
| 222 | return mv; | 222 | return mv; |
| 223 | } | 223 | } |
| 224 | + | ||
| 225 | + /** | ||
| 226 | + * 去查看报表页面 | ||
| 227 | + * | ||
| 228 | + * @param | ||
| 229 | + * @throws Exception | ||
| 230 | + */ | ||
| 231 | + @RequestMapping(value = "/report") | ||
| 232 | + public ModelAndView report() throws Exception { | ||
| 233 | + ModelAndView mv = this.getModelAndView(); | ||
| 234 | + PageData pd = new PageData(); | ||
| 235 | + pd = this.getPageData(); | ||
| 236 | + pd = homeworkService.findById(pd); // 根据ID读取 | ||
| 237 | + pd.put("QUESTIONS", homeworkproblemService.listProblem(pd)); | ||
| 238 | + pd.put("TEACHER_ID", geTeacherID()); | ||
| 239 | + mv.setViewName("sunvote/homework/homework_report"); | ||
| 240 | + mv.addObject("msg", "edit"); | ||
| 241 | + mv.addObject("operation", "view"); | ||
| 242 | + mv.addObject("pd", pd); | ||
| 243 | + return mv; | ||
| 244 | + } | ||
| 224 | 245 | ||
| 225 | /** | 246 | /** |
| 226 | * 批量删除 | 247 | * 批量删除 |