sunwei
/
jianDemo_edu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
							<%@ 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 rel="stylesheet" href="${ctxStatic}/plugin/layui/css/layui.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() {
				layui.use('element', function(){
					var element = layui.element;
				});
            });
            function  exit() {
                layer.confirm('确认要退出登录吗?', {icon: 3, title:'提示'}, function(index){
                    window.location.href = "${ctxF}/logout";
                    layer.close(index);
                });
            }
			function retest(testId) {
            	//debugger;
				layer.confirm('确认重新考试吗?', {icon: 3, title:'提示'}, function(index){
					window.location.href = "${ctxF}/onlineExam/retest?textId="+testId;
					layer.close(index);
				});
			}
			//考试详情页面
			function examInfo(testId){
				window.open("${ctxF}/onlineExam/ExamResultInfo?textId="+testId);
			}
			function getNow(s) {
				return s < 10 ? '0' + s: s;
			}
			function startTest(testId,startTime,endTime) {
				var myDate = new Date();
				var year=myDate.getFullYear();        //获取当前年
				var month=myDate.getMonth()+1;   //获取当前月
				var date=myDate.getDate();            //获取当前日
				var h=myDate.getHours();              //获取当前小时数(0-23)
				var m=myDate.getMinutes();          //获取当前分钟数(0-59)
				var s=myDate.getSeconds();
				var now=year+'-'+getNow(month)+"-"+getNow(date)+" "+getNow(h)+':'+getNow(m)+":"+getNow(s);
				layer.confirm('确认要进行考试吗?', {icon: 3, title:'提示'}, function(index){
					if(now > endTime){
						alert("当前时间超过考试截止时间。不允许参与此考试！");
						layer.close(index);
						return;
					}
					if(now< startTime){
						alert("考试时间未到。不允许参与此考试！");
						layer.close(index);
						return;
					}
						window.location.href = "${ctxF}/onlineExam/test?textId="+testId;
						layer.close(index);
				});
			}

          /*  function exportReport(){
                alert(1)
                jp.downloadFile('${ctxF}/onlineExam/exportReport');
            }*/
        </script>
		<style>
			.layui-btn-sm{margin-left: 15px;height:30px;line-height:30px;padding:0 10px;font-size:12px}
			.layui-btn-sm i{font-size:16px!important}
		</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" >学习统计</a></li>
						<li><a href="${ctxF}/history" id="hrefhistory">答题测试</a></li>
						<li><a href="${ctxF}/exam/finish" id="hrefexam" class="do">在线考试</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>&nbsp;&#62;&nbsp;个人中心&nbsp;&#62;&nbsp;在线考试</div>
					<div class="information_study" id="ksls">
						<div class="layui-tab">
							<ul class="layui-tab-title">
								<c:if test="${mode == 'wait'}">
									<li class="layui-this">待考</li>
									<li>已考</li>
								</c:if>
								<c:if test="${mode != 'wait'}">
									<li>待考</li>
									<li class="layui-this">已考</li>
								</c:if>
								<li><a href="${ctxF}/exam/exportReport">导出考生报告</a></li>
							</ul>
							<div class="layui-tab-content">
								<c:if test="${mode != 'wait'}">
								<div class="layui-tab-item ">
									</c:if>
									<c:if test="${mode == 'wait'}">
									<div class="layui-tab-item layui-show">
										</c:if>
										<div class="table">
											<div class="table_top clearfix">
												<ul>
													<li class="name">试卷名称</li><li class="video_time">考试时间</li><li class="learning_time">试卷总分</li><li class="study_time">开始时间</li><li class="study_time">截止时间</li><li class="state">操作</li>
												</ul>
											</div>
											<c:forEach items="${waitList}" var="exam" varStatus="status">
												<c:choose>
													<c:when test="${status.index % 2 == 0}">
														<div class=" clearfix">
															<ul>
																<li class="name">${fn:substring(exam.name,0,15)}</li><li class="video_time">${exam.examTime}分钟</li><li class="learning_time">${exam.score}</li><li class="study_time">${fns:formatDate(exam.startTime)}</li><li class="study_time">${fns:formatDate(exam.endTime)}</li>
																<li>
																	<button type="button" onclick="startTest('${exam.id}','${fns:formatDateTime(exam.startTime)}','${fns:formatDateTime(exam.endTime)}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">开始考试</button>
																</li>
															</ul>
														</div>
													</c:when>
													<c:otherwise>
														<div class="hui_bj">
															<ul>
																<li class="name">${fn:substring(exam.name,0,15)}</li><li class="video_time">${exam.examTime}分钟</li><li class="learning_time">${exam.score}</li><li class="study_time">${fns:formatDate(exam.startTime)}</li><li class="study_time">${fns:formatDateTime(exam.endTime)}</li>
																<li>
																	<button type="button" onclick="startTest('${exam.id}','${fns:formatDateTime(exam.startTime)}','${fns:formatDateTime(exam.endTime)}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">开始考试</button>
																</li>
															</ul>
														</div>
													</c:otherwise>
												</c:choose>
											</c:forEach>
											<c:if test="${waitList==null || waitList.size()==0}">
												<div class=" clearfix">
													<ul>
														<li>
															<a href="#">暂无数据</a>
														</li>
													</ul>
												</div>
											</c:if>
											<div style="margin:30px 0px;">
												<c:if test="${waitList!=null && waitList.size()>0}">
													<div id="waitpagination" style="text-align: center"></div>
												</c:if>
											</div>
										</div>
									</div>
								<c:if test="${mode != 'wait'}">
									<div class="layui-tab-item layui-show">
								</c:if>
								<c:if test="${mode == 'wait'}">
									<div class="layui-tab-item">
								</c:if>
									<div class="table">
									<div class="table_top clearfix">
										<ul>
											<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>
										</ul>
									</div>
									<c:forEach items="${examList}" var="exam" varStatus="status">
										<c:choose>
											<c:when test="${status.index % 2 == 0}">
												<div class=" clearfix">
													<ul>
														<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>
															<c:choose>
																<c:when test="${exam.isFix =='1'}">
																	<button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-disabled">重新考试</button>
																	<button type="button" onclick="examInfo('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">考试详情</button>
																</c:when>
																<c:otherwise>
																	<button type="button" onclick="retest('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">重新考试</button>
																	<button type="button" onclick="examInfo('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">考试详情</button>
																</c:otherwise>
															</c:choose>
														</li>
													</ul>
												</div>
											</c:when>
											<c:otherwise>
												<div class="hui_bj">
													<ul>
														<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>
															<c:choose>
																<c:when test="${exam.isFix =='1'}">
																	<button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-disabled">重新考试</button>
																	<button type="button" onclick="examInfo('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">考试详情</button>
																</c:when>
																<c:otherwise>
																	<button type="button" onclick="retest('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">重新考试</button>
																	<button type="button" onclick="examInfo('${exam.id}')" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">考试详情</button>
																</c:otherwise>
															</c:choose>
														</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="${examList!=null && examList.size()>0}">
											<div id="pagination" style="text-align: center"></div>
										</c:if>
									</div>
								</div>
								</div>


							</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}/exam/finish';
							href += '?pageNo=' + obj.curr;
							href += '&pageSize=' + obj.limit;
							//console.log(href)
							location.href = href;
						}
					}
					,theme: '#c7301e'
				});
			});

			layui.use(['laypage', 'layer'], function(){
				var laypage = layui.laypage
						,layer = layui.layer;
				laypage.render({
					elem: 'waitpagination'
					,count: ${waitPage.count}//从服务器得到数据总数
					,limit: ${waitPage.pageSize}//每页展示多少条数据
					,curr: ${waitPage.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}/exam/wait';
							href += '?pageNo=' + obj.curr;
							href += '&pageSize=' + obj.limit;
							//console.log(href)
							location.href = href;
						}
					}
					,theme: '#c7301e'
				});
			});


		</script>
	</body>
</html>