220 lines
7.6 KiB
Plaintext
220 lines
7.6 KiB
Plaintext
@{Layout = null; }
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>个人信息详情</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<link href="../css/mui.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="../css/photoswipe.css" />
|
|
<link rel="stylesheet" href="../css/default-skin.css" />
|
|
<!--css样式-->
|
|
<style type="text/css">
|
|
|
|
body, html {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
background: #FFFFFF;
|
|
font-size: 14px;
|
|
}
|
|
/*主体*/
|
|
.mui-content {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 18% 8% 15% 8%;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.mui-input-row {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.mui-input-row label {
|
|
text-align: right;
|
|
width: 35%;
|
|
line-height: 20px;
|
|
padding: 11px 10px;
|
|
}
|
|
|
|
.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
padding-left: 8px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#imgbox {
|
|
width: 60%;
|
|
height: 100px;
|
|
border: 1px solid #EFEFF4;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
margin: auto;
|
|
line-height: 100px;
|
|
}
|
|
|
|
#picture {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
/*按钮*/
|
|
.mui-bar {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
height: 40px;
|
|
}
|
|
|
|
#backBtn {
|
|
position: absolute;
|
|
height: 100%;
|
|
border-color: #007aff;
|
|
border-radius: 0;
|
|
background: #007aff;
|
|
color: #FFFFFF;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--页面主体-->
|
|
<div class="mui-content">
|
|
<div class="mui-input-row">
|
|
<label>姓名：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="姓名" readonly="readonly" id="name">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<label>身份证：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="身份证" readonly="readonly" id="ident">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<label>出生日期：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="出生日期" readonly="readonly" id="userbirth">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<label>手机号码：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="手机号码" readonly="readonly" id="phone">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<label>所属单位：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="所属单位" readonly="readonly" id="unit">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<label>所属人群：</label>
|
|
<input type="text" class="mui-input-clear" placeholder="所属人群" readonly="readonly" id="crowd">
|
|
</div>
|
|
<div class="mui-input-row">
|
|
<div id="imgbox">
|
|
<img id="picture" onclick="openPhotoSwipe()" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="pswp__bg"></div>
|
|
<div class="pswp__scroll-wrap">
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<div class="pswp__counter"></div>
|
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__center"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="mui-bar mui-bar-tab">
|
|
<input type="button" class="mui-btn mui-btn-block mui-btn-primary" value="确认" id="backBtn" onClick="javascript :history.back(-1);" />
|
|
</nav>
|
|
<!--js内容-->
|
|
<script src="../js/mui.min.js"></script>
|
|
<script type="text/javascript" src="../js/common.js"></script>
|
|
<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
|
|
<script type="text/javascript" src="../js/photoswipe.min.js"></script>
|
|
<script type="text/javascript" src="../js/photoswipe-ui-default.min.js"></script>
|
|
<script type="text/javascript">
|
|
var imgSrc;
|
|
window.onload = function () {
|
|
mui.init()
|
|
|
|
var uid = @ViewBag.userid;
|
|
var url1 = "@Url.Action("GetDataListByID_OpenUserInfo")";/*serverurl + "/Infection/GetDataListByID_OpenUserInfo";*/
|
|
$.ajax(url1, {
|
|
data: {
|
|
ID:uid
|
|
},
|
|
type: "post",
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if(data != null && data.length != 0){
|
|
var username = document.getElementById("name");
|
|
var userident = document.getElementById("ident");
|
|
var userbirth = document.getElementById("userbirth");
|
|
var userphone = document.getElementById("phone");
|
|
var userunit = document.getElementById("unit");
|
|
var usercrowd = document.getElementById("crowd");
|
|
var userpicture = document.getElementById("picture");
|
|
username.value = data[0].name;
|
|
userident.value = data[0].ident;
|
|
userbirth.value = data[0].birth;
|
|
userphone.value = data[0].phone;
|
|
userunit.value = data[0].unit;
|
|
usercrowd.value = data[0].crowd;
|
|
userpicture.src = "/dccdc" + data[0].license;
|
|
imgSrc = "/dccdc" + data[0].license;
|
|
}
|
|
},
|
|
error: function(a, b, c) {
|
|
mui.toast("ajax传输失败2");
|
|
}
|
|
})
|
|
|
|
|
|
}
|
|
var openPhotoSwipe = function () {
|
|
var pswpElement = document.querySelectorAll('.pswp')[0];
|
|
// build items array
|
|
var items = [
|
|
{
|
|
src: imgSrc,
|
|
w: 964,
|
|
h: 1024
|
|
},
|
|
{
|
|
src: imgSrc,
|
|
w: 1024,
|
|
h: 683
|
|
}
|
|
];
|
|
|
|
// define options (if needed)
|
|
var options = {
|
|
// history & focus options are disabled on CodePen
|
|
history: false,
|
|
focus: false,
|
|
|
|
showAnimationDuration: 0,
|
|
hideAnimationDuration: 0
|
|
|
|
};
|
|
|
|
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
|
|
gallery.init();
|
|
};
|
|
//document.getElementById('btn').onclick = openPhotoSwipe;
|
|
</script>
|
|
</body>
|
|
</html> |