history.jsp 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglibf.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <title>${fns:getConfig("productName")}</title>
  8. <link rel="stylesheet" href="${ctxStaticWeb}/css/base.css" />
  9. <link rel="stylesheet" href="${ctxStaticWeb}/css/second.css" />
  10. <link rel="stylesheet" href="${ctxStatic}/plugin/layui/css/layui.css" />
  11. <link href="${ctx}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
  12. <script src="${ctx}/static/web/js/jquery-2.1.4.js"></script>
  13. <script src="${ctx}/static/plugin/jquery-validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
  14. <script src="${ctx}/static/plugin/jquery-validation/1.14.0/localization/messages_zh.min.js" type="text/javascript"></script>
  15. <script src="${ctxStatic}/plugin/layui/layer/layer.js"></script>
  16. <script src="${ctxStatic}/plugin/layui/laytpl/laytpl.js"></script>
  17. <script>
  18. $().ready(function() {
  19. });
  20. function exit() {
  21. layer.confirm('确认要退出登录吗?', {icon: 3, title:'提示'}, function(index){
  22. window.location.href = "${ctxF}/logout";
  23. layer.close(index);
  24. });
  25. }
  26. function retest(testId) {
  27. layer.confirm('确认重新测试吗?', {icon: 3, title:'提示'}, function(index){
  28. window.location.href = "${ctxF}/onlineExam/retest?textId="+testId;
  29. layer.close(index);
  30. });
  31. }
  32. function startTest() {
  33. layer.confirm('确认要进行随机测试吗?', {icon: 3, title:'提示'}, function(index){
  34. window.location.href = "${ctxF}/onlineExam/test";
  35. layer.close(index);
  36. });
  37. }
  38. </script>
  39. <style>
  40. .layui-btn-sm{margin-left: 15px;height:30px;line-height:30px;padding:0 10px;font-size:12px}
  41. .layui-btn-sm i{font-size:16px!important}
  42. </style>
  43. </head>
  44. <body>
  45. <%@ include file="/webpage/modules/web/top.jsp"%>
  46. <div class="new w clearfix">
  47. <div class="personal">
  48. <div class="personal_l fl">
  49. <h2>个人中心</h2>
  50. <ul>
  51. <li><a href="${ctxF}/info" id="hrefperson">个人资料</a></li>
  52. <li><a href="${ctxF}/personalpwd" id="hrefpwd">修改密码</a></li>
  53. <li><a href="${ctxF}/count" id="hrefCount" >学习统计</a></li>
  54. <li><a href="${ctxF}/history" id="hrefhistory" class="do">答题测试</a></li>
  55. <li><a href="${ctxF}/exam/wait" id="hrefexam">在线考试</a></li>
  56. <li><a href="${ctxF}/plan" id="hrefplan">培训计划</a></li>
  57. <li><a href="#" onclick="exit()">退出登录</a></li>
  58. </ul>
  59. </div>
  60. <div class="personal_r fr">
  61. <div class="position">当前位置:<a href="${ctx}/">网站首页</a>&nbsp;&#62;&nbsp;个人中心&nbsp;&#62;&nbsp;答题测试 <button type="button" onclick="startTest()" style="float: right;" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-danger">开始测试</button></div>
  62. <div class="information_study" id="ksls">
  63. <div class="table">
  64. <div class="table_top clearfix">
  65. <ul>
  66. <li class="name">试卷名称</li><li class="video_time">考试时间</li><li class="learning_time">试卷总分</li><li class="state">考试得分</li><li class="study_time">完成时间</li><li class="state">操作</li>
  67. </ul>
  68. </div>
  69. <c:forEach items="${examList}" var="exam" varStatus="status">
  70. <c:choose>
  71. <c:when test="${status.index % 2 == 0}">
  72. <div class=" clearfix">
  73. <ul>
  74. <li class="name">${exam.paperName}</li><li class="video_time">${exam.examTime}分钟</li><li class="learning_time">${exam.score}</li><li class="state">${exam.points}</li><li class="study_time">${fns:formatDateTime(exam.testDate)}</li><li><button onclick="retest('${exam.id}')" type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">重新测试</button></li>
  75. </ul>
  76. </div>
  77. </c:when>
  78. <c:otherwise>
  79. <div class="hui_bj">
  80. <ul>
  81. <li class="name">${exam.paperName}</li><li class="video_time">${exam.examTime}分钟</li><li class="learning_time">${exam.score}</li><li class="state">${exam.points}</li><li class="study_time">${fns:formatDateTime(exam.testDate)}</li><li><button onclick="retest('${exam.id}')" type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">重新测试</button></li>
  82. </ul>
  83. </div>
  84. </c:otherwise>
  85. </c:choose>
  86. </c:forEach>
  87. <c:if test="${examList==null || examList.size()==0}">
  88. <div class=" clearfix">
  89. <ul>
  90. <li>
  91. <a href="#">暂无数据</a>
  92. </li>
  93. </ul>
  94. </div>
  95. </c:if>
  96. <div style="margin:30px 0px;">
  97. <c:if test="${examList!=null && examList.size()>0}">
  98. <div id="pagination" style="text-align: center"></div>
  99. </c:if>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="footer">
  107. <%@ include file="/webpage/modules/web/footer.jsp"%>
  108. </div>
  109. <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
  110. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  111. <script>
  112. layui.use(['laypage', 'layer'], function(){
  113. var laypage = layui.laypage
  114. ,layer = layui.layer;
  115. laypage.render({
  116. elem: 'pagination'
  117. ,count: ${page.count}//从服务器得到数据总数
  118. ,limit: ${page.pageSize}//每页展示多少条数据
  119. ,curr: ${page.pageNo}
  120. ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
  121. ,jump: function (obj, first) {
  122. //obj包含了当前分页的所有参数,比如:
  123. //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
  124. //console.log(obj.limit); //得到每页显示的条数
  125. //首次不执行
  126. if (!first) {
  127. //do something
  128. var href = '${ctxF}/history';
  129. href += '?pageNo=' + obj.curr;
  130. href += '&pageSize=' + obj.limit;
  131. //console.log(href)
  132. location.href = href;
  133. }
  134. }
  135. ,theme: '#c7301e'
  136. });
  137. });
  138. </script>
  139. </body>
  140. </html>