You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

315 lines
12 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防控查询</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="../../lib/mui/css/mui.min.css">
<!--App自定义的css-->
<link rel="stylesheet" type="text/css" href="../../lib/mui/css/app.css"/>
<style>
.mui-preview-image.mui-fullscreen {
position: fixed;
z-index: 20;
background-color: #000;
}
.mui-preview-header,
.mui-preview-footer {
position: absolute;
width: 100%;
left: 0;
z-index: 10;
}
.mui-preview-header {
height: 44px;
top: 0;
}
.mui-preview-footer {
height: 50px;
bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
display: block;
line-height: 25px;
color: #fff;
text-align: center;
margin: 15px auto 4;
width: 70px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 12px;
font-size: 16px;
}
.mui-preview-image {
display: none;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
background: none;
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
display: none;
}
.mui-zoom-scroller {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
-webkit-backface-visibility: hidden;
}
.mui-zoom {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
display: table-cell;
vertical-align: middle;
}
.mui-preview-loading {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.mui-preview-loading.mui-active {
display: block;
}
.mui-preview-loading .mui-spinner-white {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
height: 50px;
width: 50px;
}
.mui-preview-image img.mui-transitioning {
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
p img {
max-width: 100%;
height: auto;
}
#head-img1 {
position: absolute;
bottom: 3px;
right: 12px;
width: 40px;
height: 45px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">学生信息</h1>
</header>
<div class="mui-content">
<div class="mui-card">
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">个人信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view" id="ul1">
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">体温信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="ul2">
</ul>
</div>
</li>
</ul>
</div>
</div>
<script src="../../lib/mui/js/mui.min.js"></script>
<script src="../../lib/mui/js/mui.zoom.js"></script>
<script src="../../lib/mui/js/mui.previewimage.js"></script>
<script type="text/javascript">
mui.previewImage();
mui.ready(function() {
var url= window.location.href;
if(url.indexOf("?")!=-1){
var wx_openid = url.substr(url.indexOf("=")+1);
}
mui.ajax("/baseService/mobile/student_main_interface",{
data:{
wx_openid:wx_openid,
},
type: "GET",
dataType:'json',
error:function(xhr,status,statusText){
alert("请求失败,状态:"+statusText);
},
success:function(json){
var obj = eval(json);
var li1 = "";
mui.each(obj,function(index,array){ //遍历json数据列
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a id=\"head\" class=\"mui-navigate-right\">"+array['person_name'];
li1 += "<span class=\"mui-pull-right\">";
li1 += "<img class='head-img mui-action-preview'data-preview-src=''data-preview-group='1'id='head-img1' src='http://1.189.111.86:7777/baseService/html/pages/zhaosheng/StudentImage/"+array['idcard_code']+".JPG?ds_sso_sessionid=cf9b329b-c071-457b-bee2-2f7580b0b99c'/>";
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>性别";
li1 += "<span class=\"mui-pull-right\">"+array['xb'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>出生日期";
li1 += "<span class=\"mui-pull-right\">"+array['birthday'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>手机号";
li1 += "<span class=\"mui-pull-right\">"+array['telephone'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>政治面貌";
li1 += "<span class=\"mui-pull-right\">"+array['zzmm_name'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>民族";
li1 += "<span class=\"mui-pull-right\">"+array['mz_name'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
li1 += "<li class=\"mui-table-view-cell\">";
li1 += "<a>班级";
li1 += "<span class=\"mui-pull-right\">"+array['class_name'];
li1 += "</span>";
li1 += "</a>";
li1 += "</li>";
});
document.getElementById("ul1").innerHTML+=li1;
}
});
mui.ajax("/baseService/mobile/yz_fangkong_list",{
data:{
wx_openid:wx_openid,
},
type: "GET",
dataType:'json',
error:function(xhr,status,statusText){
alert("请求失败,状态:"+statusText);
},
success:function(json){
var obj = eval(json);
var li2 = "";
mui.each(obj,function(index,array){
if(array['temperature']==null){
li2 += "<li class=\"mui-table-view-cell\">";
li2 += "<a style='color: red'>该学生没有录入体温信息!";
li2 += "</a>";
li2 += "</li>";
}else{
li2 +="<li class=\"mui-table-view-cell\">";
li2 +="<div class=\"mui-table\">";
li2 +="<div class=\"mui-table-cell mui-col-xs-10\">";
if(array['temperature']<37.3){
li2 +="<h5 class=\"mui-ellipsis\">时间:"+array['temperature_time'];
li2 +="</h5>";
li2 +="<h5>体温(°C)"+array['temperature'];
li2 +="</h5>";
}else{
li2 +="<h5 class=\"mui-ellipsis\">时间:"+array['temperature_time'];
li2 +="</h5>";
li2 +="<h5 style=\"color:red;\">体温(°C)"+array['temperature'];
li2 +="</h5>";
}
li2 +="</div>";
li2 +="</div>";
li2 +="</li>";
}
});
document.getElementById("ul2").innerHTML+=li2;
}
});
})
</script>
</body>
</html>