123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136 |
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/webpage/include/taglibf.jsp"%>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>${fns:getConfig("productName")}</title>
- <link rel="stylesheet" href="${ctxStaticWeb}/css/base.css" />
- <link rel="stylesheet" href="${ctxStaticWeb}/css/second.css" />
- <link href="${ctx}/static/plugin/layui/dist/css/layui.css" rel="stylesheet"/>
- <script src="${ctx}/static/web/js/jquery-2.1.4.js"></script>
- <script src="${ctx}/static/plugin/jquery-validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
- <script src="${ctx}/static/plugin/jquery-validation/1.14.0/localization/messages_zh.min.js" type="text/javascript"></script>
- <script src="${ctxStatic}/plugin/layui/layer/layer.js"></script>
- <script src="${ctxStatic}/plugin/layui/laytpl/laytpl.js"></script>
- <script>
- $().ready(function() {
- });
- </script>
- <style>
- .information ul li input{width:248px;line-height:40px;padding:0px 10px;color:#999;border:1px solid #999;}
- #inputForm label.error{
- color:#cc5965;
- font-size:14px;
- padding: 10px;
- }
- </style>
- </head>
- <body>
- <%@ include file="/webpage/modules/web/top.jsp"%>
-
- <div class="new w clearfix">
- <div class="personal">
- <div class="personal_l fl">
- <h2>个人中心</h2>
- <ul>
- <li><a href="${ctxF}/info" id="hrefperson">个人资料</a></li>
- <li><a href="${ctxF}/personalpwd" id="hrefpwd">修改密码</a></li>
- <li><a href="${ctxF}/count" id="hrefCount" class="do">学习统计</a></li>
- <li><a href="${ctxF}/history" id="hrefhistory">答题测试</a></li>
- <li><a href="${ctxF}/exam/wait" id="hrefexam">在线考试</a></li>
- <li><a href="${ctxF}/plan" id="hrefplan">培训计划</a></li>
- <li><a href="#" onclick="exit()">退出登录</a></li>
- </ul>
- </div>
- <div class="personal_r fr">
- <div class="position">当前位置:<a href="${ctx}/">网站首页</a> > 个人中心 > 学习统计</div>
- <div class="information_study" id="xxtj">
- <%--<h3>学习统计</h3>--%>
- <div class="table">
- <h4>学习总时长:${fns:toHourTimeString(totalTime * 1000)}</h4>
- <div class="table_top clearfix">
- <ul>
- <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>--%>
- </ul>
- </div>
- <c:forEach items="${countList}" var="count" varStatus="status">
- <c:choose>
- <c:when test="${status.index % 2 == 0}">
- <div class=" clearfix">
- <ul>
- <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>--%>
- </ul>
- </div>
- </c:when>
- <c:otherwise>
- <div class="hui_bj">
- <ul>
- <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>--%>
- </ul>
- </div>
- </c:otherwise>
- </c:choose>
- </c:forEach>
- <c:if test="${examList==null || examList.size()==0}">
- <div class=" clearfix">
- <ul>
- <li>
- <a href="#">暂无数据</a>
- </li>
- </ul>
- </div>
- </c:if>
- <div style="margin:30px 0px;">
- <c:if test="${countList!=null && countList.size()>0}">
- <div id="pagination" style="text-align: center"></div>
- </c:if>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- <div class="footer">
- <%@ include file="/webpage/modules/web/footer.jsp"%>
- </div>
- <script src="${pageContext.request.contextPath}/static/plugin/layui/dist/layui.js"></script>
- <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
- <script>
- layui.use(['laypage', 'layer'], function(){
- var laypage = layui.laypage
- ,layer = layui.layer;
- laypage.render({
- elem: 'pagination'
- ,count: ${page.count}//从服务器得到数据总数
- ,limit: ${page.pageSize}//每页展示多少条数据
- ,curr: ${page.pageNo}
- ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
- ,jump: function (obj, first) {
- //obj包含了当前分页的所有参数,比如:
- //console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
- //console.log(obj.limit); //得到每页显示的条数
- //首次不执行
- if (!first) {
- //do something
- var href = '${ctxF}/count';
- href += '?pageNo=' + obj.curr;
- href += '&pageSize=' + obj.limit;
- //console.log(href)
- location.href = href;
- }
- }
- ,theme: '#c7301e'
- });
- });
- </script>
- </body>
- </html>
|