tijian_tieying/web/dccdc/Views/Infection/userInfo.cshtml
2025-02-20 12:14:39 +08:00

279 lines
10 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@{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" />
<!--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% 5% 15% 5%;
background: #FFFFFF;
}
.mui-input-row {
margin-bottom: 15px;
}
.mui-input-row label {
text-align: right;
width: 37%;
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;
width: 63%;
}
#imgbox {
width: 60%;
height: 100px;
border: 1px solid #EFEFF4;
border-radius: 5px;
text-align: center;
margin: auto;
line-height: 100px;
}
/*按钮*/
.mui-bar {
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
}
#picture {
width: 100%;
height: 100%;
}
#editBtn, #subBtn {
position: absolute;
width: 50%;
height: 100%;
border-color: #007aff;
border-radius: 0;
background: #007aff;
color: #FFFFFF;
}
#editBtn {
right: 0;
background: #4cd964;
border-color: #4cd964;
}
#subBtn {
right: 50%;
background: #8a8cb2;
border-color: #8a8cb2;
}
</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">
<label>审核状态:</label>
<input type="text" class="mui-input-clear" placeholder="审核状态" readonly="readonly" id="type">
</div>
<div class="mui-input-row">
<div id="imgbox">
<img id="picture" />
</div>
</div>
<div class="mui-input-row">
<label>我的推荐码:</label>
<input type="text" class="mui-input-clear" placeholder="推荐码" name="recommend" readonly="readonly" id="TJM">
</div>
</div>
<nav class="mui-bar mui-bar-tab" style="display: none;" id="bottomBox">
<input type="button" class="mui-btn mui-btn-block mui-btn-primary" value="修改" id="editBtn" onclick="fnEdit();" />
<input type="button" class="mui-btn mui-btn-block mui-btn-primary" value="我的预约" onclick="fnSubscribe();" id="subBtn" />
</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="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
wx.config({
debug: false, //是否调试true会弹窗
appId: '@dccdc.Common.Global.InfectionAppId', //得到这个东西首先必须有一个公众号或者企业号如果已经拥有了你可以就知道AppId在哪里了。
timestamp: '@ViewBag.timeStamp',//生成签名的时间戳,随机数,之后会用这个生成一个签名
nonceStr: '@ViewBag.nonceStr',//生成签名的随机串,随机串,之后会用这个生成一个签名
signature: '@ViewBag.signature',//这个就是签名了在步骤4我会详细讲解
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
});
wx.ready(function () {
wx.checkJsApi({
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
], // 需要检测的JS接口列表所有JS接口列表见附录2,
success: function (res) {
// 以键值对的形式返回可用的api值true不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
var shareUrl = 'http://oa.dcqcdc.com/dccdc/infection/tjfx2?id=@ViewBag.id&recommend=@ViewBag.recommend&name=@ViewBag.name';
var obj = {//朋友圈
title: '德城健康e路', // 分享标题
desc: '@ViewBag.name 邀请您参与德城区卡车司机健康促进项目!', // 分享描述
link: shareUrl, // 分享链接该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// 该链接是重定向链接因为需要获取用户code但是该链接又无法直接写微信获取code的链接
// 所以需要点击后重新加载新的页面来实现重定向重新打开获取code的微信链接实现获取用户信息的功能
imgUrl: '@ViewBag.license', // 分享图标
fail: function (res) {
alert(JSON.stringify(res));
},
success: function (res) {
}
};
// 2.1 监听“分享给朋友”,按钮点击、自定义分享内容及分享结果接口
wx.onMenuShareAppMessage(obj);
// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
wx.onMenuShareTimeline(obj);
// 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
wx.onMenuShareQQ(obj);
// 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
wx.onMenuShareWeibo(obj);
// 2.5 监听“分享到QZone”按钮点击、自定义分享内容及分享接口
wx.onMenuShareQZone(obj);
});
mui.init()
var user={};
window.onload = function (){
@*var url = "@Url.Action("RandomNumber")";/*serverurl + "/Infection/RandomNumber";*/
$.ajax(url, {
data: {},
type: "post",
dataType: "text",
success: function(data) {
var userTjm = document.getElementById("TJM");
userTjm.value = data;
},
error: function(a, b, c) {
$.toast("ajax传输失败2");
}
})*@
var url1 = "@Url.Action("GetDataListByUserID_OpenUserInfo")";/*serverurl + "/Infection/GetDataListByUserID_OpenUserInfo";*/
$.ajax(url1, {
data: {},
type: "post",
dataType: "text",
success: function(data) {
if(data.length >0 && data != null){
var items;
items= JSON.parse(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 usertype = document.getElementById("type");
var userpicture = document.getElementById("picture");
var usertjm = document.getElementById("TJM");
username.value = items[0].name;
userident.value = items[0].ident;
userbirth.value = items[0].birth;
userphone.value = items[0].phone;
userunit.value = items[0].unit;
usercrowd.value = items[0].crowd;
usertjm.value = items[0].recommend;
var typevalue;
if(items[0].type == 0){
typevalue = "未审核";
}else if(items[0].type == 1){
typevalue = "已通过";
var bottomBox = document.getElementById("bottomBox");
bottomBox.style.display = "block";
}else{
typevalue = "已驳回";
}
usertype.value = typevalue;
userpicture.src = "/dccdc" +items[0].license;
user["name"] = username.value;
user["ident"] = userident.value;
user["phone"] = userphone.value;
}
}else{
$.toast("信息不存在");
}
},
error: function(a, b, c) {
$.toast("ajax传输失败2");
}
})
}
function fnSubscribe(){
mui.openWindow({
url: '@Url.Action("userSubscribe")', //通过URL传参
})
}
function fnEdit(){
mui.openWindow({
url: '@Url.Action("personInfoEntering")'+"?state=1", //通过URL传参
})
}
</script>
</body>
</html>