207 lines
6.0 KiB
Plaintext
207 lines
6.0 KiB
Plaintext
|
<%@ page contentType="text/html;charset=UTF-8" %>
|
|||
|
|
<!DOCTYPE html >
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<%@include file="../baseset.jsp" %>
|
|||
|
|
<%@include file="../systemset.jsp" %>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.fontcolor{
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.backgroundcolor{
|
|||
|
|
background-color: #262626;
|
|||
|
|
}
|
|||
|
|
.fontc{
|
|||
|
|
margin-top: 20%;
|
|||
|
|
margin-bottom: 20%;
|
|||
|
|
color: #fff;
|
|||
|
|
margin-left: 50%;
|
|||
|
|
}
|
|||
|
|
html ,
|
|||
|
|
body {
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.titleselect{
|
|||
|
|
margin-top: 2%;
|
|||
|
|
margin-bottom: 7%;
|
|||
|
|
}
|
|||
|
|
.selectContent{
|
|||
|
|
background-color: #eee;
|
|||
|
|
width: 95%;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
padding-left: 2%;
|
|||
|
|
margin-top: 1%;
|
|||
|
|
margin-bottom: 1%;
|
|||
|
|
}
|
|||
|
|
.btns{
|
|||
|
|
background-color: #000;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 15px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
.dian{
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="backgroundcolor">
|
|||
|
|
<div style="margin-left: 15%;font-size: 20px;line-height: 7vh;height:7vh;">
|
|||
|
|
<div class="fontcolor">
|
|||
|
|
考试人:${sessionUser.name }
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<div id="timer" style="color:red;margin-top: -4%;margin-left: 75%;"></div>
|
|||
|
|
<!-- <div id="warring" style="color:red"></div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height:93vh;">
|
|||
|
|
<div class="backgroundcolor" style="width: 15%;float: left;font-size: 20px;height: 100%;">
|
|||
|
|
<div class="titleselect" id="titleselect1">
|
|||
|
|
<input type="hidden" value="1"><span class="fontc"><span class="dian">·</span>单选题</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="titleselect" id="titleselect2">
|
|||
|
|
<input type="hidden" value="2"><span class="fontc"><span class="dian">·</span>多选题</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="titleselect" id="titleselect3">
|
|||
|
|
<input type="hidden" value="3"><span class="fontc"><span class="dian">·</span>判断题</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="titleselect" id="titleselect4">
|
|||
|
|
<input type="hidden" value="4"><span class="fontc"><span class="dian">·</span>填空题</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="titleselect" id="titleselect5">
|
|||
|
|
<input type="hidden" value="5"><span class="fontc"><span class="dian">·</span>简答题</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="titleselect" id="titleselect6">
|
|||
|
|
<input type="hidden" value="6"><span class="fontc"><span class="dian">·</span>案例分析</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="width: 85%;float: right;background-color: #eee;height: 93vh;">
|
|||
|
|
<div style="width:96%;height: 96%;background-color: #fff;margin-top: 1%;margin-left: 2%;border-radius: 10px;box-shadow: -5px -5px 10px #888888;">
|
|||
|
|
<div style="padding-top: 2%; padding-left: 2%;" id="exampagecontent">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
$(function() {
|
|||
|
|
|
|||
|
|
history.replaceState(null, null, '${bonuspath}/backstage/waitExamPage');
|
|||
|
|
window.addEventListener("popstate", function() {
|
|||
|
|
// 取出 设置好的 history.state 值，做判断
|
|||
|
|
history.replaceState(null, null, '${bonuspath}/backstage/waitExamPage');
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
//var time = localStorage.getItem( "kssj");
|
|||
|
|
var time='${kssj}';
|
|||
|
|
var a = time /1000 ;
|
|||
|
|
var maxtime = 60*60 *2; //一个小时，按秒计算，自己调整!
|
|||
|
|
function CountDown() {
|
|||
|
|
if (a >= 0) {
|
|||
|
|
hour = Math.floor(a / 60 /60);
|
|||
|
|
minutes = Math.floor(a/60% 60 );
|
|||
|
|
seconds = Math.floor(a % 60);
|
|||
|
|
msg = "距离结束还有"+hour+"时" + minutes + "分" + seconds + "秒";
|
|||
|
|
document.all["timer"].innerHTML = msg;
|
|||
|
|
--a;
|
|||
|
|
if(hour == 0 && minutes == 3 && seconds == 0) {
|
|||
|
|
var indexMsg = layer.confirm("<h4 style='color:red'>距离考试结束还有3分钟，请注意当前题型的提交</h4>", {btn: ['确认','取消']},function(){
|
|||
|
|
layer.close(indexMsg);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} else{
|
|||
|
|
clearInterval(timer);
|
|||
|
|
/* for(var i = 1; i <= 6; i++) {
|
|||
|
|
var nowId = "#titleselect"+i;
|
|||
|
|
var x = $(nowId).find(".fontc").prop("style").color;
|
|||
|
|
if(x == "rgb(0, 0, 0)"){ //当前页面
|
|||
|
|
if(i == 1) {
|
|||
|
|
var add = $("#add").val();
|
|||
|
|
alert("add=", add);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} */
|
|||
|
|
$(location).attr("href","${bonuspath}/gardeInfoShort");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
timer = setInterval("CountDown()", 1000);
|
|||
|
|
|
|||
|
|
var danxuanNum = 0;
|
|||
|
|
$(function() {
|
|||
|
|
menuClick(1);
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var selectValue = "";
|
|||
|
|
|
|||
|
|
$(".titleselect").click(function () {
|
|||
|
|
var selectNum = $(this).find("input").val();
|
|||
|
|
console.log(selectNum);
|
|||
|
|
menuClick(selectNum);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/*function saveQuestionContent(questionId,examId,userId,answer,grade) {
|
|||
|
|
var data = {
|
|||
|
|
questionId: questionId,
|
|||
|
|
examId: examId,
|
|||
|
|
userId: userId,
|
|||
|
|
answer: answer,
|
|||
|
|
grade: grade
|
|||
|
|
};
|
|||
|
|
$.ajax({
|
|||
|
|
type:"POST",
|
|||
|
|
url:bonuspath +'/backstage/grade/saveQuestionContent',
|
|||
|
|
data: data,
|
|||
|
|
success:function(data){
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
error:function(data){
|
|||
|
|
alert(JSON.stringify(data))
|
|||
|
|
console.log("服务器出错，请查看!");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}*/
|
|||
|
|
|
|||
|
|
function menuClick(selectValue){
|
|||
|
|
for(var i=1;i<=6;i++){
|
|||
|
|
if(i==selectValue){
|
|||
|
|
var nowId = "#titleselect"+i;
|
|||
|
|
$(nowId).css("background-color","#eee");
|
|||
|
|
$(nowId).children().css("color","#000");
|
|||
|
|
$(nowId).nextAll().css("background-color","#262626");
|
|||
|
|
$(nowId).nextAll().children().css("color","#fff");
|
|||
|
|
$(nowId).prevAll().css("background-color","#262626");
|
|||
|
|
$(nowId).prevAll().children().css("color","#fff");
|
|||
|
|
selectValue = $(nowId).find("input").val();
|
|||
|
|
//console.log("selectValue=",selectValue);
|
|||
|
|
var data = {selectValue:selectValue,examId:'${examId}',testId:'${testId}'};
|
|||
|
|
localStorage.setItem("examId", '${examId}');
|
|||
|
|
localStorage.setItem("typeId", '${typeId}');
|
|||
|
|
localStorage.setItem("testId", '${testId}');
|
|||
|
|
JY.Model.loading();
|
|||
|
|
$.ajax({
|
|||
|
|
type:"POST",
|
|||
|
|
url:bonuspath +'/backstage/grade/findExamSelfContentPage',
|
|||
|
|
data: data,
|
|||
|
|
dataType:"html",
|
|||
|
|
success:function(data){
|
|||
|
|
$("#exampagecontent").html("");
|
|||
|
|
$("#exampagecontent").html(data);
|
|||
|
|
JY.Model.loadingClose();
|
|||
|
|
},
|
|||
|
|
error:function(data){
|
|||
|
|
alert(JSON.stringify(data))
|
|||
|
|
console.log("服务器出错，请查看!");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|