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

203 lines
6.7 KiB
Plaintext

11 months ago
<!DOCTYPE html>
<html>
<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/themes/default/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
<link href="css/themes/classic/theme-classic.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>-->
<link href="../../CCMobile/js/mui/css/mui.min.css" rel="stylesheet" type="text/css" />
<link href="../../CCMobile/js/mui/css/style.css" rel="stylesheet" type="text/css" />
<script src="../../WF/Scripts/QueryString.js" type="text/javascript"></script>
<script src="../../CCMobile/js/mui/js/mui.min.js" type="text/javascript"></script>
<script src="../../CCMobile/js/jquery.min.js" type="text/javascript"></script>
<script src="../../CCMobile/js/jquery.js" type="text/javascript"></script>
<script src="../../CCMobile/Scripts/config.js" type="text/javascript"></script>
<script src="../../CCMobile/Comm/Gener.js" type="text/javascript"></script>
<style type="text/css">
.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;
}
</style>
<script type="text/javascript">
var orgNo = null;
//页面启动函数.
$(function () {
var orgNo = GetQueryString("OrgNo");
if (orgNo == null || orgNo == undefined) {
window.location.href = "SelectOneOrg.htm";
return;
}
var handler = new HttpHandler("BP.WF.HttpHandler.CCMobile");
handler.AddUrlData();
var data = handler.DoMethodReturnString("Login_Init");
if (data.indexOf('err@') == 0) {
alert(data);
return;
}
if (data.indexOf('url@') == 0) {
// var url = data.replace('url@', '');
SetHref("SelectOneOrg.htm");
return;
}
data = JSON.parse(data);
var userNo = data.UserNo;
var html = "";
var org = new Entity("BP.Cloud.Org", orgNo);
document.getElementById("TB_No").value = org.No;
$("#title").html("登陆:" + org.No + " - " + org.Name);
});
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title" id="title">驰骋工作流</h1>
</header>
<div class="mui-content">
<form id='login-form' class="mui-input-group">
<div class="mui-input-row">
<label>
账号
</label>
<input name="TB_No" id="TB_No" onblur="ShowDDL()" type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
<div id="errMsg"> </div>
</div>
<div class="mui-input-row">
<label>
密码
</label>
<input name="TB_PW" id="TB_PW" type="password" class="mui-input-clear mui-input"
placeholder="请输入密码">
</div>
</form>
<div class="mui-content-padded">
<button id="submit" type="button" data-loading-icon="mui-spinner mui-spinner-custom"
class="mui-btn mui-btn-block mui-btn-primary">
登录
</button>
</div>
<div class="mui-content-padded oauth-area">
</div>
</div>
<script src="../../CCMobile/js/mui/js/mui.min.js" type="text/javascript"></script>
<script type="text/javascript">
var btn = document.getElementById("submit");
//监听点击事件
btn.addEventListener("tap", function () {
//1.表单验证
var userNo = $("#TB_No").val();
if (userNo == null || userNo == '') {
mui.toast('请输入用户名!', { duration: 'short', type: 'div' });
return;
}
var pass = $("#TB_PW").val();
if (pass == null || pass == '') {
mui.toast("请输入密码!", { duration: 'short', type: 'div' });
return;
}
var no = $("#TB_No").val();
var pass = $("#TB_PW").val();
var orgNo = GetQueryString("OrgNo");
var handler = new HttpHandler("BP.Cloud.HttpHandler.Portal_SaaS");
handler.AddPara("TB_No", no);
handler.AddPara("TB_PW", pass);
handler.AddPara("OrgNo", orgNo);
var data = handler.DoMethodReturnString("Login_Submit");
if (data.indexOf('err@') == 0) {
mui.toast(data.replace('err@', ''), { duration: 'long', type: 'div' });
return;
}
data = data.replace("url@", "");
// alert(data);
window.location.href = "../Home.htm";
//触发submit按钮的点击事件
mui.trigger(btn, "tap");
});
</script>
</body>
</html>