<!DOCTYPE html>
<html class="ui-page-login">
<head>
<meta charset="utf-8">
<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">
<link href="css/mui.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="css/login.css" />
</head>
<body>
<header class="mui-bar mui-bar-nav" >
<!--<h1 class="mui-title">登录/注册</h1>-->
</header>
<div class="mui-content">
<form id='login-form'>
<div class="mui-input-row title">
祝您早日康复！
</div>
<div class="mui-input-row">
<div class="inputborder account">
<div class="kuang">
<img src="images/index/admin.png" alt="" class="admin" />
</div>
<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入手机号">
</div>
</div>
<div class="mui-input-row">
<div class="inputborder password">
<div class="kuang">
<img src="images/index/safety.png" alt="" class="safety" />
</div>
<input id='password' type="password" class="mui-input-clear mui-input vistys" placeholder="请输入验证码">
<button for="" class="visty" id="visty">
获取验证码
</button>
</div>
</div>
<!-- 患者知情同意书-->
<div class="mui-input-row mui-checkbox mui-left">
<label></label>
<input type="checkbox" checked="true">
<span id="agree">患者知情同意书</span>
</div>
<div class="mui-content-padded">
<button id='login' type="button" class="mui-btn mui-btn-block mui-btn-primary button">登录</button>
</div>
</form>
</div>
<script src="js/rem.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/mui.enterfocus.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/config.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
(function($, doc) {
$.plusReady(function() {
$.init();
//读取本地存储，检查是否为首次启动
var showGuide = plus.storage.getItem("lauchFlag");
//仅支持竖屏显示
plus.screen.lockOrientation("portrait-primary");
if(showGuide) {
//有值，说明已经显示过了，无需显示；
//关闭splash页面；
plus.navigator.closeSplashscreen();
plus.navigator.setFullscreen(false);
//预加载
} else {
//显示启动导航
mui.openWindow({
id: 'guide',
url: 'guide.html',
styles: {
popGesture: "none"
},
show: {
aniShow: 'none'
},
waiting: {
autoShow: false
}
});
}
//判断存储
//判断是都有token值
var Storage = window.localStorage;
var token = app.getUserToken();
console.log(token);
if(token) {
setTimeout(function() {
$.openWindow({
url: 'main.html',
id: 'main',
});
}, 0);
}
var loginButton = doc.getElementById('login');
var accountBox = doc.getElementById('account');
var passwordBox = doc.getElementById('password');
//点击获取验证码
var timer=null;
mui('.mui-input-row').on('tap', '#visty', function() {
var wt=plus.nativeUI.showWaiting();
var mobile=accountBox.value;
if(mobile){
//获取验证码
mui.ajax(config.api + '/user/sendMessage',{
data:{
mobile: mobile
},
dataType:'json',//服务器返回json格式数据
type:'post',//HTTP请求类型
timeout:10000,//超时时间设置为10秒；
success:function(data){
wt.close();
mui.toast("获取验证码成功");
},
error:function(xhr,type,errorThrown){
//异常处理；
wt.close();
mui.toast("获取验证码失败，请稍后刷新重试");
}
});
//每次成功之后清空时间
clearInterval(timer);
var time=60;
var that=this;//习惯
timer=setInterval(function(){
if(time<=0){
that.innerText="";
that.innerText="重新获取";
that.disabled=false;
}else {
that.disabled=true;
that.innerText="";
that.innerText="剩余时间:"+(time)+"秒";
time--;
}
},1000);//每次成功之后清空时间
}else{
wt.close();
mui.toast("手机号不能为空哦");
}
});
//患者知情同意书，点击跳转
mui('.mui-checkbox').on('tap', '#agree', function() {
mui.toast("欢迎阅读患者知情同意书");
setTimeout(function() {
$.openWindow({
url: 'agreement.html',
id: 'agreement.html',
});
}, 500);
})
//患者知情同意书
var value;
mui('.mui-checkbox').on('change', 'input', function() {
value = this.checked;
console.log(value);
if(value== false||value== "false"){
mui.toast("请阅读患者知情同意书");
/*setTimeout(function() {
$.openWindow({
url: 'agreement.html',
id: 'agreement.html',
});
}, 500);*/
}
});
//患者知情同意书
//登陆
mui('.mui-content-padded').on('tap', '#login', function() {
console.log(value);
var wt=plus.nativeUI.showWaiting();
/**
* 获取本地推送标识信息
*/
var info = plus.push.getClientInfo();
var clientid=info.clientid;
var accountval=accountBox.value;
//手机号正则
if(accountBox.value != ''&&value!=false) {
mui.ajax(config.api + '/user/login?', {
data: {
username: accountBox.value,
code: '8888',
client_Id:clientid
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) {
wt.close();
console.log(JSON.stringify(data));
Storage.setItem('token', data.token);
Storage.setItem('user_id', data.user_id);
Storage.setItem('username', accountBox.value);
//服务器返回响应，根据响应结果，分析是否登录成功；
if(data.msg == 'login success') {
app.saveUserID(data.user_id);
app.saveUserToken(data.token);
app.saveUserName(accountBox.value);
app.saveUserPwd(passwordBox.value);
app.saveUsermename(data.user_name);
$.toast('登录成功');
$.openWindow({
url: 'main.html',
id: 'main.html',
});
} else {
$.toast('密码或账号有误，请重新登录')
}
},
error: function(xhr, type, errorThrown) {
wt.close();
//异常处理；
$.toast('服务出错了!请稍后重试')
}
});
} else {
wt.close();
if(accountBox.value ==''){
$.toast("账号不能为空");
}else{
$.toast("请阅读并同意患者知情同意书哦~");
}
}
})
});
}(mui, document));
</script>
</body>
</html>
浙公网安备 33010602011771号