Examination_system/Examination_system-1/.svn/pristine/62/620f81407395a51a13c5304af35...

98 lines
3.2 KiB
Plaintext

<%@page import="com.bonus.core.DateTimeHelper"%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html >
<html lang="en">
<meta name="renderer" content="webkit">
<head>
<%@include file="../baseset.jsp" %>
<%@include file="../systemset.jsp" %>
<link href="${bonuspath}/static/plugins/select2/css/select2.min.css" rel="stylesheet">
<script src="${bonuspath}/static/plugins/select2/js/select2.min.js"></script>
</head>
<style type="text/css">
.widget-toolbar a{
vertical-align:middle;
}
.qsiNumId{
display:inline-block;
border: 1px solid #000;
width:5%;
text-align:center;
margin-right:4%;
margin-bottom: 4%;
background-color:#fff;
}
</style>
<body>
<div class="page-content" >
<div class="row-fluid">
<div class="col-xs-12" style="margin-bottom: 2%;">
本场考试考场:
<select name="roomId" id="roomId">
<option>${lists[0].roomName}</option>
</select>
</div>
<div id="showSeat" style="text-align: center">
</div>
</div>
</div>
</body>
<script type="text/javascript">
//带搜索框的插件
$(".js-example-basic-single").select2({
"language": "zh-CN"
});
function showSeat(roomNum){
var selectHtml = "";
for(var i=1;i<=roomNum;i++){
var showQuestionSelect = document.getElementById("showSeat");
if( i%9 == 0 ){
selectHtml +=
"<div class='qsiNumId'>" +
"<div id='qsiNumId"+i+"'value='' name='qsiNumName'>"+i+"</div>" +
"应坐:<input id='qsiNumNameY"+i+"'value='' readonly='readonly' style='width: 100%;' name='qsiNumNameY'/>" +
"实坐:<input id='qsiNumNameS"+i+"'value='' readonly='readonly' style='width: 100%;' name='qsiNumNameS'/>" +
"</div><br>"
}else{
selectHtml += "<div class='qsiNumId'>" +
"<div id='qsiNumId"+i+"'value='' name='qsiNumName'>"+i+"</div>" +
"应坐:<input id='qsiNumNameY"+i+"'value='' readonly='readonly' style='width: 100%;' name='qsiNumNameY'/>" +
"实坐:<input id='qsiNumNameS"+i+"'value='' readonly='readonly' style='width: 100%;' name='qsiNumNameS'/>" +
"</div>"
}
}
showQuestionSelect.innerHTML = selectHtml;
}
$(function () {
var roomNum = '${lists[0].roomNum}';
showSeat(roomNum);
showPersonSeat();
});
var lists = "${lists}";
var info = '${info}';
function showPersonSeat() {
var inf = info.split(";");
for (var thing of inf ){
var thin = thing.split("-");
console.log(thin);
var qsiNumId = "#qsiNumId"+thin[0];
var qsiNumNameY = "#qsiNumNameY"+thin[0];
var qsiNumNameS = "#qsiNumNameS"+thin[0];
if(thin[2] == thin[4]){
$(qsiNumId).css("background-color",'rgb(99,198,110)');
}else{
$(qsiNumId).css("background-color",'rgb(198,98,97)');
}
$(qsiNumNameY).attr("value",thin[2]);
$(qsiNumNameS).attr("value",thin[4]);
}
}
</script>
</html>