count.jsp 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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 href="${ctx}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
  11. <script src="${ctx}/static/web/js/jquery-2.1.4.js"></script>
  12. <script src="${ctx}/static/plugin/jquery-validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
  13. <script src="${ctx}/static/plugin/jquery-validation/1.14.0/localization/messages_zh.min.js" type="text/javascript"></script>
  14. <script src="${ctxStatic}/plugin/layui/layer/layer.js"></script>
  15. <script src="${ctxStatic}/plugin/layui/laytpl/laytpl.js"></script>
  16. <script>
  17. $().ready(function() {
  18. });
  19. </script>
  20. <style>
  21. .information ul li input{width:248px;line-height:40px;padding:0px 10px;color:#999;border:1px solid #999;}
  22. #inputForm label.error{
  23. color:#cc5965;
  24. font-size:14px;
  25. padding: 10px;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <%@ include file="/webpage/modules/web/top.jsp"%>
  31. <div class="new w clearfix">
  32. <div class="personal">
  33. <div class="personal_l fl">
  34. <h2>个人中心</h2>
  35. <ul>
  36. <li><a href="${ctxF}/info" id="hrefperson">个人资料</a></li>
  37. <li><a href="${ctxF}/personalpwd" id="hrefpwd">修改密码</a></li>
  38. <li><a href="${ctxF}/count" id="hrefCount" class="do">学习统计</a></li>
  39. <li><a href="${ctxF}/history" id="hrefhistory">答题测试</a></li>
  40. <li><a href="${ctxF}/exam/wait" id="hrefexam">在线考试</a></li>
  41. <li><a href="${ctxF}/plan" id="hrefplan">培训计划</a></li>
  42. <li><a href="#" onclick="exit()">退出登录</a></li>
  43. </ul>
  44. </div>
  45. <div class="personal_r fr">
  46. <div class="position">当前位置:<a href="${ctx}/">网站首页</a>&nbsp;&#62;&nbsp;个人中心&nbsp;&#62;&nbsp;学习统计</div>
  47. <div class="information_study" id="xxtj">
  48. <%--<h3>学习统计</h3>--%>
  49. <div class="table">
  50. <h4>学习总时长:${fns:toHourTimeString(totalTime * 1000)}</h4>
  51. <div class="table_top clearfix">
  52. <ul>
  53. <li class="name">视频名称</li><li class="column">所属栏目</li><li class="video_time">学习时长</li><li class="learning_time">视频时长</li><li class="study_time">学习时间</li><%--<li class="state">状态</li>--%>
  54. </ul>
  55. </div>
  56. <c:forEach items="${countList}" var="count" varStatus="status">
  57. <c:choose>
  58. <c:when test="${status.index % 2 == 0}">
  59. <div class=" clearfix">
  60. <ul>
  61. <li class="name">${count.content}</li><li class="column">${count.recordType==1?'视频学习':'其他'}</li><li class="video_time">${fns:toHourTimeString(count.record * 1000)}</li><li class="learning_time">${fns:toHourTimeString(count.totalRecord * 1000)}</li><li class="study_time">${fns:formatDateTime(count.createDate)}</li><%--<li class="state">已过期</li>--%>
  62. </ul>
  63. </div>
  64. </c:when>
  65. <c:otherwise>
  66. <div class="hui_bj">
  67. <ul>
  68. <li class="name">${count.content}</li><li class="column">${count.recordType==1?'视频学习':'其他'}</li><li class="video_time">${fns:toHourTimeString(count.record * 1000)}</li><li class="learning_time">${fns:toHourTimeString(count.totalRecord * 1000)}</li><li class="study_time">${fns:formatDateTime(count.createDate)}</li><%--<li class="state">已过期</li>--%>
  69. </ul>
  70. </div>
  71. </c:otherwise>
  72. </c:choose>
  73. </c:forEach>
  74. <c:if test="${examList==null || examList.size()==0}">
  75. <div class=" clearfix">
  76. <ul>
  77. <li>
  78. <a href="#">暂无数据</a>
  79. </li>
  80. </ul>
  81. </div>
  82. </c:if>
  83. <div style="margin:30px 0px;">
  84. <c:if test="${countList!=null && countList.size()>0}">
  85. <div id="pagination" style="text-align: center"></div>
  86. </c:if>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="footer">
  94. <%@ include file="/webpage/modules/web/footer.jsp"%>
  95. </div>
  96. <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
  97. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  98. <script>
  99. layui.use(['laypage', 'layer'], function(){
  100. var laypage = layui.laypage
  101. ,layer = layui.layer;
  102. laypage.render({
  103. elem: 'pagination'
  104. ,count: ${page.count}//从服务器得到数据总数
  105. ,limit: ${page.pageSize}//每页展示多少条数据
  106. ,curr: ${page.pageNo}
  107. ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
  108. ,jump: function (obj, first) {
  109. //obj包含了当前分页的所有参数,比如:
  110. //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
  111. //console.log(obj.limit); //得到每页显示的条数
  112. //首次不执行
  113. if (!first) {
  114. //do something
  115. var href = '${ctxF}/count';
  116. href += '?pageNo=' + obj.curr;
  117. href += '&pageSize=' + obj.limit;
  118. //console.log(href)
  119. location.href = href;
  120. }
  121. }
  122. ,theme: '#c7301e'
  123. });
  124. });
  125. </script>
  126. </body>
  127. </html>