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> |