<!DOCTYPE html>
|
<html class="ui-page-login">
|
|
<head>
|
<meta charset="utf-8">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title></title>
|
<link href="css/mui.min.css" rel="stylesheet" />
|
<style>
|
.area {
|
margin: 20px auto 0px auto;
|
}
|
|
.mui-input-group {
|
margin-top: 10px;
|
}
|
|
.mui-input-group:first-child {
|
margin-top: 20px;
|
}
|
|
.mui-input-group label {
|
width: 22%;
|
}
|
|
.mui-input-row label~input,
|
.mui-input-row label~select,
|
.mui-input-row label~textarea {
|
width: 78%;
|
}
|
|
.mui-checkbox input[type=checkbox],
|
.mui-radio input[type=radio] {
|
top: 6px;
|
}
|
|
.mui-content-padded {
|
margin-top: 25px;
|
}
|
|
.mui-btn {
|
padding: 10px;
|
}
|
|
.link-area {
|
display: block;
|
margin-top: 25px;
|
text-align: center;
|
}
|
|
.spliter {
|
color: #bbb;
|
padding: 0px 8px;
|
}
|
|
.oauth-area {
|
position: absolute;
|
bottom: 20px;
|
left: 0px;
|
text-align: center;
|
width: 100%;
|
padding: 0px;
|
margin: 0px;
|
}
|
|
.oauth-area .oauth-btn {
|
display: inline-block;
|
width: 50px;
|
height: 50px;
|
background-size: 30px 30px;
|
background-position: center center;
|
background-repeat: no-repeat;
|
margin: 0px 20px;
|
/*-webkit-filter: grayscale(100%); */
|
border: solid 1px #ddd;
|
border-radius: 25px;
|
}
|
|
.oauth-area .oauth-btn:active {
|
border: solid 1px #aaa;
|
}
|
|
.oauth-area .oauth-btn.disabled {
|
background-color: #ddd;
|
}
|
.mui-bar{
|
background-color:#1A1A1A;
|
}
|
.mui-title{
|
color:#ffffff;
|
}
|
</style>
|
|
</head>
|
|
<body>
|
<header class="mui-bar mui-bar-nav">
|
<h1 class="mui-title">登录</h1>
|
</header>
|
<div class="mui-content">
|
<form id='login-form' class="mui-input-group">
|
<div class="mui-input-row">
|
<label>账号</label>
|
<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
|
</div>
|
<div class="mui-input-row">
|
<label>密码</label>
|
<input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
|
</div>
|
</form>
|
<div class="mui-content-padded">
|
<button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
|
</div>
|
<div class="mui-content-padded oauth-area">
|
</div>
|
</div>
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" tppabs="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script src="js/mui.min.js" tppabs="http://www.wolishi.com/safety/js/mui.min.js"></script>
|
<script src="js/common.js" tppabs="http://www.wolishi.com/safety/js/common.js" ></script>
|
<!--<script src="js/app.js"></script>-->
|
<script>
|
(function($, doc) {
|
|
$.init({
|
statusBarBackground: '#f7f7f7'
|
});
|
mui.ready(function() {
|
var toMain = function() {
|
//使用定时器的原因：
|
//可能执行太快，main页面loaded事件尚未触发就执行自定义事件，此时必然会失败
|
var id = setInterval(function() {
|
if(main_loaded_flag) {
|
clearInterval(id);
|
$.fire(mainPage, 'show', null);
|
mainPage.show("pop-in");
|
}
|
}, 20);
|
};
|
|
//检查 "登录状态/锁屏状态" 结束
|
var loginButton = doc.getElementById('login');
|
var accountBox = doc.getElementById('account');
|
var passwordBox = doc.getElementById('password');
|
var autoLoginButton = doc.getElementById("autoLogin");
|
var regButton = doc.getElementById('reg');
|
var forgetButton = doc.getElementById('forgetPassword');
|
loginButton.addEventListener('tap', function(event) {
|
var loginInfo = {
|
account: accountBox.value,
|
password: passwordBox.value
|
};
|
login(accountBox.value, passwordBox.value);
|
});
|
|
window.addEventListener('resize', function() {
|
oauthArea.style.display = document.body.clientHeight > 400 ? 'block' : 'none';
|
}, false);
|
|
function login(name, pwd) {
|
var openObj = sessionCache.getSessionCashe("weixin_user",sessionCache.json_value);
|
|
var openId;
|
|
if(openObj.UserId != undefined){
|
openId = openObj.UserId;
|
}else if(openObj.OpenId != undefined){
|
openId = openObj.OpenId;
|
}
|
|
if(openId == undefined){
|
mui.alert("系统异常请联系管理员!");
|
return;
|
}
|
var reuri = getUrlParam("reuri");
|
if(!reuri){
|
reuri = "index";
|
|
}
|
|
mui.ajax(
|
serverUrl + "login/loginForWeChat.json", {
|
data: JSON.stringify({
|
"loginName": name,
|
"password": pwd,
|
"openId": openId,
|
"weChat": "gg"
|
}),
|
dataType: 'json',
|
type: 'post', //HTTP请求类型
|
headers: {
|
'Content-Type': 'application/json'
|
},
|
success: function(data) {
|
if(data.code==999){
|
mui.alert(data.message);
|
}else if(data.code==000){
|
mui.toast(data.message);
|
sessionCache.setSessionCashe("userToken",data.data.token);
|
sessionCache.setSessionCashe("tiemTree",data.data.functionItemTree,sessionCache.json_value);
|
sessionCache.setSessionCashe("organizationTree",data.data.organizationTree,sessionCache.json_value);
|
sessionCache.setSessionCashe("userPosts",data.data.posts,sessionCache.json_value);
|
sessionCache.setSessionCashe("userInfo",data.data.sysUser,sessionCache.json_value);
|
mui.openWindow({
|
url: reuri +".html"/*tpa=http://www.wolishi.com/safety/index.html*/,
|
id:"index",
|
createNew:false,//是否重复创建同样id的webview，默认为false:不重复创建，直接显示
|
show:{
|
autoShow:true//页面loaded事件发生后自动显示，默认为true
|
},
|
waiting:{
|
autoShow:true,//自动显示等待框，默认为true
|
title:'正在加载...',//等待对话框上显示的提示内容
|
}
|
});
|
}
|
},
|
error: function(xhr, type, errorThrown) {
|
//异常处理；
|
console.log(type);
|
}
|
});
|
}
|
|
var backButtonPress = 0;
|
$.back = function(event) {
|
backButtonPress++;
|
if(backButtonPress > 1) {
|
plus.runtime.quit();
|
} else {
|
plus.nativeUI.toast('再按一次退出应用');
|
}
|
setTimeout(function() {
|
backButtonPress = 0;
|
}, 1000);
|
return false;
|
};
|
});
|
}(mui, document));
|
</script>
|
</body>
|
|
</html>
|
