121 lines
3.6 KiB
HTML
121 lines
3.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
|||
|
|
<title>考试人员进场展示</title>
|
|||
|
|
<script type="text/javascript" src="js/jquery.min.js" ></script>
|
|||
|
|
</head>
|
|||
|
|
<style>
|
|||
|
|
body {
|
|||
|
|
margin: 0px;
|
|||
|
|
}
|
|||
|
|
.mainBody{
|
|||
|
|
background-color: #EEEEEE;
|
|||
|
|
height: 1000px;
|
|||
|
|
text-align: center;
|
|||
|
|
background-color:black;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
.content {
|
|||
|
|
padding-top: 1%;
|
|||
|
|
}
|
|||
|
|
.imge{
|
|||
|
|
margin-left: -37%;
|
|||
|
|
margin-top: -10%;
|
|||
|
|
}
|
|||
|
|
div{font-size:110px}
|
|||
|
|
#zwh{
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 62%;
|
|||
|
|
height: 69px;
|
|||
|
|
font-size: 42px;
|
|||
|
|
margin-top: -6%;
|
|||
|
|
border:0px;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
#xm{
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 62%;
|
|||
|
|
font-size: 42px;
|
|||
|
|
height: 69px;
|
|||
|
|
margin-top: -93px;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
#idcard{
|
|||
|
|
height: 69px;
|
|||
|
|
font-size: 42px;
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 62%;
|
|||
|
|
margin-top: -6%;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
#tem{
|
|||
|
|
height: 69px;
|
|||
|
|
font-size: 42px;
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 62%;
|
|||
|
|
margin-top: -6%;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
#ifexampeople{
|
|||
|
|
height: 69px;
|
|||
|
|
font-size: 42px;
|
|||
|
|
display: block;
|
|||
|
|
margin-left: 62%;
|
|||
|
|
margin-top: -6%;
|
|||
|
|
background: linear-gradient(-125deg, #57bdbf, #2f9de2);
|
|||
|
|
}
|
|||
|
|
input{font-size：3vmin;}
|
|||
|
|
</style>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainBody">
|
|||
|
|
<div class="content">
|
|||
|
|
<span style="margin-left: 94px;">座位号：</span><input readonly="readonly" id="zwh"/><br />
|
|||
|
|
<span style="margin-left: 209px; margin-top: -120px; display: block;">姓名：</span><input readonly="readonly" id="xm"/><br />
|
|||
|
|
<span style="margin-left: 184px; margin-top: -123px; margin-left: 6%; display: block;">身份证：</span><input readonly="readonly" id="idcard"/><br />
|
|||
|
|
<span style="margin-left: 217px; margin-top: -7%; display: block;">体温：</span><input readonly="readonly" id="tem"/><br />
|
|||
|
|
<span style="margin-left: -7px; margin-top: -7%; display: block;">备注说明：</span><input readonly="readonly" id="ifexampeople"/>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="imge">
|
|||
|
|
|
|||
|
|
<img src="" id="imageId" style=" width:20%; border-style:solid;border-width:5px;margin-left: -19%;margin-top: -21%;">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
setInterval(function(){
|
|||
|
|
intervalInfo();
|
|||
|
|
},5000);
|
|||
|
|
function intervalInfo(){
|
|||
|
|
$.ajax({
|
|||
|
|
type:"get",
|
|||
|
|
dataType: "json",
|
|||
|
|
url:"http://127.0.0.1:8080/SZEducationSystem/Subscribe/selectseatinfo",
|
|||
|
|
async:true,
|
|||
|
|
success:function(data){
|
|||
|
|
var result = data.obj.list;
|
|||
|
|
$("#idcard").val(result[0].idcard)
|
|||
|
|
$("#tem").val(result[0].temperature)
|
|||
|
|
$("#xm").val(result[0].name)
|
|||
|
|
$("#imageId").attr("src",result[0].picture);
|
|||
|
|
$("#zwh").val(result[0].seat);
|
|||
|
|
if(result[0].ifexamPeople == 1){
|
|||
|
|
$("#ifexampeople").val("你不是本场考试人员请离场");
|
|||
|
|
}else if(result[0].ifexamPeople == 2){
|
|||
|
|
$("#ifexampeople").val("图片匹配失败请联系管理员");
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
$("#ifexampeople").val("是本场人员");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
/*error:function(){
|
|||
|
|
alert("服务器连接有问题")
|
|||
|
|
}*/
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</html>
|