123 lines
4.0 KiB
Plaintext
123 lines
4.0 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;
|
|
}
|
|
</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>--请选择考试地点--</option>
|
|
<c:forEach items="${seat}" var="sea">
|
|
<option value="${sea.roomId}-${sea.roomNum}">${sea.roomName}</option>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
<div id="showSeat" style="text-align: center">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
var seatNumArrs = "";
|
|
//带搜索框的插件
|
|
$(".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 id='qsiNumId"+i+"'value='' name='qsiNumName' onclick='qsiNum("+i+","+roomNum+")' style='border: 1px solid #000;display:inline-block;width:5%;text-align:center;background-color: #fff;'>"+i+"</div><br>"
|
|
}else{
|
|
selectHtml += "<div id='qsiNumId"+i+"'value='' name='qsiNumName' onclick='qsiNum("+i+","+roomNum+")' style='border: 1px solid #000;display:inline-block;width:5%;text-align:center;margin-right:4%;margin-bottom: 4%;background-color:#fff;'>"+i+"</div>"
|
|
}
|
|
|
|
}
|
|
selectHtml += "<br><button onclick='selectSeatNum(1,"+roomNum+")'>全选排座</button><button onclick='selectSeatNum(0,"+roomNum+")'>间隔排座</button>";
|
|
showQuestionSelect.innerHTML = selectHtml;
|
|
}
|
|
var roomId = "";
|
|
$("#roomId").change(function () {
|
|
roomId = "";
|
|
var opt = $(this).val();
|
|
roomId = opt.split("-")[0];
|
|
var roomNum = opt.split("-")[1];
|
|
//console.log(roomId);
|
|
//console.log(roomNum);
|
|
showSeat(roomNum);
|
|
});
|
|
|
|
function selectSeatNum(num,roomNum) {
|
|
showSeat(roomNum);
|
|
if(num == 1){
|
|
for (var i=1;i<=roomNum;i++) {
|
|
qsiNum(i,roomNum);
|
|
}
|
|
}else {
|
|
for (var i=1;i<=roomNum;i++) {
|
|
if(i>9){
|
|
var n = parseInt(i/9);
|
|
if(i-n*9 == 0){
|
|
qsiNum(i,roomNum);
|
|
}
|
|
if((i-n*9)%2 == 1){
|
|
qsiNum(i,roomNum);
|
|
}
|
|
}else{
|
|
if (i%2 == 1){
|
|
qsiNum(i,roomNum);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function qsiNum(index,roomNum) {
|
|
seatNumArrs = "";
|
|
var indexI = "#qsiNumId"+index;
|
|
if($(indexI).css("background-color") == '#fff'){
|
|
$(indexI).css("background-color",'rgb(198, 103, 120)');
|
|
}else if($(indexI).css("background-color") == 'rgb(255, 255, 255)'){
|
|
$(indexI).css("background-color",'rgb(198, 103, 120)');
|
|
}else if( $(indexI).css("background-color") == 'rgb(198, 103, 120)'){
|
|
$(indexI).css("background-color",'#fff');
|
|
}
|
|
//console.log($(indexI).css("background-color"));
|
|
var seatNumArr = "";
|
|
for(var i=1;i<=roomNum;i++){
|
|
var indexII = "#qsiNumId"+i;
|
|
if( $(indexII).css("background-color") == 'rgb(198, 103, 120)'){
|
|
seatNumArr += i+";";
|
|
}
|
|
}
|
|
seatNumArrs = seatNumArr;
|
|
// console.log(seatNumArr);
|
|
}
|
|
function getInfo() {
|
|
//console.log("---",seatNumArrs);
|
|
var obj = {
|
|
seatNumArrs: seatNumArrs,
|
|
roomId: roomId
|
|
}
|
|
return obj;
|
|
};
|
|
</script>
|
|
</html> |