Files
xinhu/webmain/main/hr/tpl_hr_kaoshi.html
2022-08-14 16:47:40 +08:00

197 lines
5.7 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="yes" />
<title><?=$mrs['title']?>_培训考试</title>
<link rel="stylesheet" type="text/css" href="mode/bootstrap3.3/css/bootstrap_cerulean.css"/>
<link rel="stylesheet" type="text/css" href="web/res/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="webmain/css/webmain.css"/>
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript">
var sid = <?=$ors['id']?>;
var tkrows = <?=$tkrows?>;
var kstime = <?=$mrs['kstime']?>;//分钟
var c = {
start:function(o){
js.msg('wait','初始化中...');
o.disabled = true;
var url = this.geturl('initkaoshi');
js.ajax(url,{sid:sid},function(s){
if(s!='ok'){
o.disabled = false;
js.msg(msg, s);
}else{
location.reload();
}
});
},
geturl:function(act,cabs){
return js.getajaxurl(act,'mode_knowtraim|input','flow',cabs);
},
tims:0,
shijian:<?=$ors['kstime']?>,
init:function(){
if(!get('kaoshidiv'))return;
this.isover=false;
this.showtimu();
this.showtimes();
},
showtimes:function(){
var sj = this.shijian+1;
if(sj>kstime*60){
this.finifss();//时间到了
return;
}
var fz = Math.floor(sj/60);
var ms = sj%60;
$('#shijian').html(''+fz+'分'+ms+'秒');
this.shijian++;
setTimeout('c.showtimes()',1000);
},
showtimu:function(){
var len = tkrows.length;
if(this.tims>=len){
this.finifss();
return;
}
js.setmsg();
var oi = this.tims+1;
if(len==oi){
get('btnssn').value='提交完成答题';
}
$('#showtotal').html(''+len+'/'+oi+'');
var d = tkrows[this.tims];
var ty1 = 'radio',ty2='单选';
if(d.type=='1'){
ty1 = 'checkbox';ty2='多选';
}
if(d.type=='2'){
ty2='判断';
}
var str = '<div>题目'+oi+'、<b>'+d.title+'</b><font style="font-size:12px" color="#888888">('+ty2+')</font></div>';
if(!isempt(d.content))str+='<div style="padding:10px">'+d.content+'</div>';
$('#titletm').html(str);
var arrs = ['ana','anb','anc','and','ane'],arrs1 = ['A','B','C','D','E'];
var s = '',v1;
for(var i=0;i<5;i++){
v1 = d[arrs[i]];
if(!isempt(v1))s+='<div><label><input name="changede[]" value="'+arrs1[i]+'" type="'+ty1+'"> '+arrs1[i]+'、'+v1+'</label></div>';
}
$('#titletcont').html(s);
},
nextbo:false,
next:function(o){
if(this.nextbo){
c.tims++;
c.showtimu();
this.nextbo=false;
return;
}
var len = tkrows.length,d,da,dy;
d = tkrows[this.tims];
da= js.getformdata();
dy= da.changede;
if(this.tims>=len){
this.finifss();
return;
}
if(dy==''){
js.msg('msg','还没选答案呢');
return;
}
o.disabled=true;
js.setmsg('处理中...');
dy=dy.replace(/\,/g,'');
this.nextbo=false;
var isover = (this.tims+1>=len);
js.ajax(this.geturl('datitij'),{oi:this.tims,dy:dy,sid:sid,tid:d.id,sj:this.shijian},function(s){
o.disabled=false;
if(s=='ok'){
c.tims++;
c.showtimu();
}else{
js.setmsg(s);
c.nextbo=true;
}
},'get');
},
isover:true,
finifss:function(){
this.isover=true;
get('btnssn').disabled=true;
js.setmsg('提交中...');
js.ajax(this.geturl('finfish'),{sid:sid,sj:this.shijian},function(s){
js.setmsg();
js.alert('答题结束得分:'+s+'');
},'get');
}
};
function initbody(){
c.init();
}
window.onbeforeunload=function(){
if(!c.isover)return '考试还没结束,不要离开本页面?';
}
</script>
<style>
.mborder{margin:10px;border:1px solid #cccccc;padding:20px;text-align:left}
<?php
if(!$rock->ismobile()){
echo '.mborder{width:400px}';
}
?>
</style>
</head>
<body>
<div align="center">
<div >
<div style="padding:20px;font-size:18px"><?=$mrs['title']?></div>
<?php if($ors['isks']=='0' && isempt($ors['tkids'])){?>
<div class="mborder">
<div>状态:你还未开始答题考试</div><div class="blank5"></div>
<div>姓名:<?=$da['adminname']?></div><div class="blank5"></div>
<div>考试时间:<?=$mrs['kstime']?>分钟</div><div class="blank5"></div>
<div>单选题目:<?=$mrs['dsshu']?></div><div class="blank5"></div>
<div>多选题目:<?=$mrs['dxshu']?></div><div class="blank5"></div>
<div>判断题目:<?=$mrs['pdshu']?></div><div class="blank5"></div>
<div>总分:<?=$mrs['zfenshu']?></div><div class="blank10"></div>
<div align="center"><input type="button" onclick="c.start(this)" class="btn btn-success" value="开始考试"></div>
</div>
<?php
}
if(!isempt($ors['tkids'])){
?>
<div id="kaoshidiv">
<div class="mborder">
<div align="center">培训考试中(<span id="showtotal">5/1</span>),已过:<span id="shijian">0分0秒</span></div>
<div class="blank10"></div>
<div align="center" style="background-color:#f1f1f1;padding:5px">考试时间:<?=$mrs['kstime']?>分钟,总分:<?=$mrs['zfenshu']?></div>
<div class="blank10"></div>
<div id="titletm">题目1、呵呵额和</div>
<form name="myform"><div id="titletcont"></div></form>
<div class="blank10"></div>
<div align="center"><input type="button" id="btnssn" onclick="c.next(this)" class="btn btn-success" value="下一题">&nbsp;<span id="msgview"></span></div>
</div>
</div>
<?php
}
?>
</div>
</div>
</body>
</html>