453 lines
11 KiB
Plaintext
453 lines
11 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
|
||
<%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %>
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<%@include file="../baseset.jsp" %>
|
||
<%@include file="../systemset.jsp" %>
|
||
<link rel="stylesheet" href="${bonuspath}/static/plugins/zTree/3.5/zTreeStyle.css" />
|
||
|
||
<script src="${bonuspath}/static/plugins/zTree/3.5/jquery.ztree.all.min.js"></script>
|
||
<title></title>
|
||
<style type="text/css">
|
||
.waitTop{
|
||
background-color: #000;
|
||
color: #fff;
|
||
font-size: 20px;
|
||
line-height: 6vh;
|
||
height: 6vh;
|
||
padding-left: 2%;
|
||
}
|
||
.waitmain{
|
||
height: 85vh;
|
||
margin-top: 1vh;
|
||
border-radius: 10px;
|
||
border: 1px solid #000;
|
||
width: 94%;
|
||
margin-left: 1%;
|
||
box-shadow: -5px -5px 5px #a5a5a5;
|
||
}
|
||
.waitmaininside{
|
||
width: 100%;
|
||
height: 80%;
|
||
margin-left: 5%;
|
||
margin-top: 5%;
|
||
}
|
||
.waitmaincontent{
|
||
margin-top: 2%;
|
||
margin-left:3%;
|
||
font-size: 15px;
|
||
}
|
||
.exambtn{
|
||
margin-top:37.5%;
|
||
margin-left: 40%;
|
||
background-color: #000;
|
||
color: #fff;
|
||
width: 10%;
|
||
font-size: 15px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
}
|
||
.majorBtn{
|
||
margin-top: 2%;
|
||
margin-left: 20%;
|
||
background-color: #000;
|
||
color: #fff;
|
||
width: 10%;
|
||
font-size: 15px;
|
||
border-radius: 10px;
|
||
text-align: center;
|
||
}
|
||
button {
|
||
width: 130px;
|
||
height: 40px;
|
||
background: linear-gradient(to bottom, #4eb5e5 0%,#389ed5 100%); /* W3C */
|
||
border: none;
|
||
border-radius: 5px;
|
||
position: relative;
|
||
border-bottom: 4px solid #2b8bc6;
|
||
color: #fbfbfb;
|
||
font-weight: 600;
|
||
font-family: 'Open Sans', sans-serif;
|
||
text-shadow: 1px 1px 1px rgba(0,0,0,.4);
|
||
font-size: 15px;
|
||
text-align: left;
|
||
text-indent: 5px;
|
||
box-shadow: 0px 3px 0px 0px rgba(0,0,0,.2);
|
||
cursor: pointer;
|
||
|
||
/* Just for presentation */
|
||
display: block;
|
||
margin: 0 auto;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
|
||
|
||
button:active {
|
||
box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
|
||
top: 1px;
|
||
}
|
||
|
||
button:after {
|
||
content: "";
|
||
width: 0;
|
||
height: 0;
|
||
display: block;
|
||
border-top: 20px solid #187dbc;
|
||
border-bottom: 20px solid #187dbc;
|
||
border-left: 16px solid transparent;
|
||
border-right: 20px solid #187dbc;
|
||
position: absolute;
|
||
opacity: 0.6;
|
||
right: 0;
|
||
top: 0;
|
||
border-radius: 0 5px 5px 0;
|
||
}
|
||
|
||
button.majorBtn:after {
|
||
content: "";
|
||
width: 0;
|
||
height: 0;
|
||
display: block;
|
||
border-top: 15px solid #187dbc;
|
||
border-bottom: 15px solid #187dbc;
|
||
border-left: 16px solid transparent;
|
||
border-right: 20px solid #187dbc;
|
||
position: absolute;
|
||
opacity: 0.6;
|
||
right: 0;
|
||
top: 0;
|
||
border-radius: 0 5px 5px 0;
|
||
}
|
||
/* Button pointing left */
|
||
|
||
button.back {
|
||
text-align: right;
|
||
padding-right: 12px;
|
||
box-sizing: border-box;
|
||
}
|
||
button.back:after {
|
||
content: "";
|
||
width: 0;
|
||
height: 0;
|
||
display: block;
|
||
border-top: 20px solid #187dbc;
|
||
border-bottom: 20px solid #187dbc;
|
||
border-right: 16px solid transparent;
|
||
border-left: 20px solid #187dbc;
|
||
position: absolute;
|
||
opacity: 0.6;
|
||
left: 0;
|
||
top: 0;
|
||
border-radius: 5px 0 0 5px;
|
||
}
|
||
.top{
|
||
margin-top:-2%;
|
||
width: 90%;
|
||
height: 100%;
|
||
border: 1px solid black;
|
||
}
|
||
.left{
|
||
width:40%;
|
||
height:100%;
|
||
float:left;
|
||
border-right: 1px solid black;
|
||
}
|
||
.right{
|
||
width:60%;
|
||
height:100%;
|
||
float:left;
|
||
}
|
||
.Ltop{
|
||
width: 100%;
|
||
height: 10%;
|
||
border-bottom: 1px solid black;
|
||
}
|
||
.Lbot{
|
||
width: 100%;
|
||
height: 90%;
|
||
overflow: auto;
|
||
}
|
||
|
||
.Lbot::-webkit-scrollbar {
|
||
/*滚动条整体样式*/
|
||
width : 10px; /*高宽分别对应横竖滚动条的尺寸*/
|
||
height: 1px;
|
||
}
|
||
.Lbot::-webkit-scrollbar-thumb {
|
||
/*滚动条里面小方块*/
|
||
border-radius : 10px;
|
||
background-color: skyblue;
|
||
background-image: -webkit-linear-gradient(
|
||
45deg,
|
||
rgba(255, 255, 255, 0.2) 25%,
|
||
transparent 25%,
|
||
transparent 50%,
|
||
rgba(255, 255, 255, 0.2) 50%,
|
||
rgba(255, 255, 255, 0.2) 75%,
|
||
transparent 75%,
|
||
transparent
|
||
);
|
||
}
|
||
.Lbot::-webkit-scrollbar-track {
|
||
/*滚动条里面轨道*/
|
||
box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
||
background : #ededed;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.LTleft{
|
||
width: 50%;
|
||
height: 100%;
|
||
float:left;
|
||
border-right: 1px solid black;
|
||
}
|
||
.LTreft{
|
||
width: 50%;
|
||
height: 100%;
|
||
float:left;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="waitExamPage">
|
||
<div class="waitTop">宿州教育培训考试系统 <button onclick="goback()" title="回到首页" class="back" style="background-color: #fff;margin-top: 0.2%;float: right;margin-right: 6%;text-align:center;line-height: 40px">返回</button></div>
|
||
<div class="waitmain">
|
||
<div class="waitmaininside">
|
||
<div class="top">
|
||
<div class="left">
|
||
<div class="Ltop">
|
||
<div class="LTleft">
|
||
<button class="majorBtn" onclick="sheng()" style="width: 60%; height: 60%; margin-top: 4%;">省公司自测</button>
|
||
</div>
|
||
<div class="LTreft">
|
||
<button class="majorBtn" onclick="shi()" style="width: 60%; height: 30px; margin-top: 4%;">市公司自测</button>
|
||
</div>
|
||
</div>
|
||
<div class="Lbot">
|
||
<ul id="roleTree" class="ztree roleTree"></ul>
|
||
</div>
|
||
</div>
|
||
<div class="right">
|
||
<h2 style="margin-left: 3%">考生须知</h2>
|
||
<div class="waitmaincontent" id="shi">
|
||
<span>考试项目: </span><span>宿州教育培训自测练习</span><br>
|
||
<span>考试总分: </span><span>100分</span><br>
|
||
<span>考试描述: </span><span>${page.examName}</span><br>
|
||
<span>考试场次: </span><span>第${page.examCount}场</span><br>
|
||
<div>考试内容:
|
||
<div style="margin-left: 5%;">
|
||
<span>单选题: </span><span>一题一分</span><br>
|
||
<span>多选题: </span><span>一题两分</span><br>
|
||
<span>判断题: </span><span>一题一分</span><br>
|
||
<span>填空题: </span><span>一题两分</span><br>
|
||
<span>简答题: </span><span>一题五分</span><br>
|
||
<span>案例分析: </span><span>一题十分</span>
|
||
</div>
|
||
</div><br>
|
||
<span>扣分规则: </span>
|
||
<span>
|
||
多选题:答对一个选项+0.5分,选错得0分;请谨慎作答;
|
||
</span><br>
|
||
<span>注意事项: </span>
|
||
<span>
|
||
不要在练习期间对试卷进行拍照，录屏等;禁止通过微信，QQ等聊天软件交流试卷答案;禁止通过浏览器搜索试卷答案;
|
||
</span>
|
||
</div>
|
||
<div class="waitmaincontent" id="sheng">
|
||
<span>考试项目: </span><span>宿州教育培训自测练习</span><br>
|
||
<span>考试总分: </span><span>100分</span><br>
|
||
<span>考试描述: </span><span>${page.examName}</span><br>
|
||
<span>考试场次: </span><span>第${page.examCount}场</span><br>
|
||
<div>考试内容:
|
||
<div style="margin-left: 5%;">
|
||
<span>单选题: </span><span>一题两分</span><br>
|
||
<span>多选题: </span><span>一题两分</span><br>
|
||
<span>判断题: </span><span>一题两分</span><br>
|
||
</div>
|
||
</div><br>
|
||
<span>扣分规则: </span>
|
||
<span>
|
||
多选题:答对一个选项+0.5分,选错得0分;请谨慎作答;
|
||
</span><br>
|
||
<span>注意事项: </span>
|
||
<span>
|
||
不要在练习期间对试卷进行拍照，录屏等;禁止通过微信，QQ等聊天软件交流试卷答案;禁止通过浏览器搜索试卷答案;
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="exambtn" onclick="toExampage(1)" style="width: 20%; height: 8%; margin-top: 41%;">确定进入练习</button>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
|
||
$(function() {
|
||
// 初始化树
|
||
//getRoleTreeData();
|
||
sheng();
|
||
$("#sheng").show();
|
||
$("#shi").hide();
|
||
});
|
||
|
||
function goback() {
|
||
window.history.go(-1);
|
||
}
|
||
//树的设置
|
||
var setting1 = {
|
||
view : {
|
||
selectedMulti : false
|
||
},
|
||
data : {
|
||
simpleData : {
|
||
enable : true
|
||
}
|
||
},
|
||
edit : {
|
||
enable : false,
|
||
} ,
|
||
callback : {
|
||
onClick : onTreeClick,
|
||
// 点击前
|
||
beforeClick : beforeClick,
|
||
// 不允许拖拽
|
||
beforeDrag : beforeDrag
|
||
}
|
||
};
|
||
|
||
|
||
function beforeClick(treeId, treeNode) {
|
||
if (treeNode.id == 0) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
// 不允许拖拽
|
||
function beforeDrag(treeId, treeNodes) {
|
||
return false;
|
||
}
|
||
|
||
//定义树节点初始数据
|
||
var zNodes1 = [{
|
||
id : 0,
|
||
pId : -1,
|
||
open : true,
|
||
name : "专业列表",
|
||
icon : bonuspath + "/static/css/sys/images/user.gif"
|
||
}];
|
||
|
||
//获取数据初始化树
|
||
function getRoleTreeData(city) {
|
||
$.ajax({
|
||
type : 'POST',
|
||
url : bonuspath + '/backstage/getOrgTreeList',
|
||
data : {city:city},
|
||
success : function(result) {
|
||
var nodes = zNodes1.concat(result.obj);
|
||
$.fn.zTree.init($("#roleTree"), setting1, nodes);
|
||
openFirstTreenode();
|
||
},
|
||
error : function(e) {
|
||
JY.Model.info(e.resMsg);
|
||
},
|
||
dataType : 'json'
|
||
});
|
||
}
|
||
|
||
function sheng(){
|
||
$("#sheng").show();
|
||
$("#shi").hide();
|
||
getRoleTreeData("2");
|
||
}
|
||
function shi(){
|
||
$("#sheng").hide();
|
||
$("#shi").show();
|
||
getRoleTreeData("1");
|
||
}
|
||
|
||
/**
|
||
* 展开树节点的第一层
|
||
*/
|
||
function openFirstTreenode(){
|
||
// 获取树对象
|
||
var treeObj = $.fn.zTree.getZTreeObj("roleTree");
|
||
/* 获取所有树节点 */
|
||
var nodes = treeObj.transformToArray(treeObj.getNodes());
|
||
//展开第一级树
|
||
treeObj.expandNode(nodes[1], true);
|
||
}
|
||
|
||
var examPerfession = null;
|
||
var isParent = null;
|
||
var typeId = null;
|
||
|
||
function onTreeClick(event, treeId, treeNode, clickFlag) {
|
||
examPerfession = treeNode.id;
|
||
isParent = treeNode.isParent;
|
||
typeId = treeNode.type;
|
||
console.log("typeIdtypeIdtypeIdtypeIdtypeId"+typeId)
|
||
xzShow(typeId);
|
||
}
|
||
|
||
function xzShow(typeId){
|
||
console.log("typeId"+typeId)
|
||
if(typeId == '2'){
|
||
$("#sheng").show();
|
||
$("#shi").hide();
|
||
}else{
|
||
$("#sheng").hide();
|
||
$("#shi").show();
|
||
}
|
||
}
|
||
|
||
function toExampage(testId) {
|
||
if(isParent || isParent == null){
|
||
layer.msg('请选择正确的专业！', {icon: 5});
|
||
}else{
|
||
var difficultId = "1";
|
||
var idx = layer.msg('系统随机出题中,请稍等...', {
|
||
icon: 16
|
||
,shade: 0.01
|
||
,time:'-1'
|
||
});
|
||
|
||
//系统出题
|
||
var data = {
|
||
difficultId: difficultId,
|
||
examPerfession: examPerfession,
|
||
typeId:typeId
|
||
};
|
||
$.ajax({
|
||
type:"POST",
|
||
url:bonuspath +'/backstage/grade/toSelfExam',
|
||
data: JSON.stringify(data),
|
||
dataType:"json",
|
||
contentType:"application/json",
|
||
success:function(data){
|
||
console.log(JSON.stringify(data))
|
||
var examId = data.obj.examId;
|
||
var type = data.obj.typeId;
|
||
layer.close(idx);
|
||
location.href="${bonuspath}/backstage/grade/toExamingPage?examId="+examId+'&typeId='+type+'&testId='+testId;
|
||
},
|
||
error:function(data){
|
||
console.log("服务器出错，请查看!");
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
</script>
|
||
</body>
|
||
</html> |