240 lines
10 KiB
HTML
240 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<script language="JavaScript" src="js/jquery-2.1.4.min.js"></script>
|
|
<script language="JavaScript" src="js/common.js"></script>
|
|
<title>授权登录</title>
|
|
</head>
|
|
|
|
<script>
|
|
function frm_submit(id) {
|
|
var frm = document.getElementById(id);
|
|
return frm.submit();
|
|
}
|
|
|
|
function bodyload(sender) {
|
|
/// appid
|
|
var app_id = getQueryString('app_id');
|
|
/// 开发者key
|
|
var dev_key = getQueryString('dev_key');
|
|
/// 门店key
|
|
var market_key = getQueryString('market_key');
|
|
/// 登陆方式
|
|
var login_type = getQueryString('login_type');
|
|
/// 回调页面地址
|
|
var redirect_uri = getQueryString('redirect_uri');
|
|
/// 错误页面地址
|
|
var error_uri = getQueryString('error_uri');
|
|
/// 随机数
|
|
var scode = randomChar(32);
|
|
|
|
if (!redirect_uri || '' == redirect_uri)
|
|
redirect_uri = localeUrl(); /// window.location.href;
|
|
if (!error_uri || '' == error_uri)
|
|
error_uri = extractPath(localeUrl()) + 'error.html';
|
|
|
|
|
|
HttpRequest({
|
|
'url': g_RequestAddress + '/api/login/querylist',
|
|
'market_key': market_key,
|
|
'logintype': login_type,
|
|
OnSuccess: function (/*data, textStatus*/message, status) {
|
|
if ('string' == typeof(message)) {
|
|
message = eval("(" + decodeURIComponent(message) + ")");
|
|
}
|
|
|
|
if (0 == message.length) {
|
|
alert('找不到支援的任何登录方式, 请联系相关管理员!');
|
|
return;
|
|
}
|
|
|
|
var type1 = new Array();
|
|
var type2 = new Array();
|
|
for (var i = 0; i < message.length; i++) {
|
|
if ('string' == typeof(message[i].component)) {
|
|
message[i].component = eval("(" + decodeURIComponent(message[i].component) + ")");
|
|
}
|
|
|
|
if (0 != message[i].is_third) {
|
|
type2.push(message[i]);
|
|
}
|
|
else
|
|
type1.push(message[i]);
|
|
}
|
|
|
|
/// 只存在一种三方的校验方式则直接跳转到目标连接
|
|
if (0 == type1.length && 1 == type2.length) {
|
|
window.location =
|
|
type2[0].url + '?' + (
|
|
'appid={appid}&' +
|
|
'devkey={devkey}&' +
|
|
'scode={scode}&' +
|
|
'market_key={market_key}&' +
|
|
'target={target}&' +
|
|
'fail_target={fail_target}'
|
|
).format({
|
|
'appid': app_id,
|
|
'devkey': dev_key,
|
|
'scode': scode,
|
|
'market_key': market_key,
|
|
'target': redirect_uri,
|
|
'fail_target': error_uri
|
|
});
|
|
}
|
|
else {
|
|
document.getElementById('splitter').style.display = (0 != type1.length && 0 != type2.length) ? 'inline' : 'none';
|
|
|
|
var
|
|
forms = '',
|
|
elements = '',
|
|
item = '',
|
|
url = '';
|
|
if (type1.length > 0) { /// 需要输入信息的登陆方式
|
|
for (var i = 0; i < type1.length; i++) {
|
|
item =
|
|
('<form style="display:none;" id="{frmid}" name="{frmname}" method="post" action="{url}">\r\n' +
|
|
' <input name="appid" type="text" value="{appid}" />\r\n' +
|
|
' <input name="devkey" type="text" value="{devkey}" />\r\n' +
|
|
' <input name="scode" type="text" value="{scode}" />\r\n' +
|
|
' <input name="market_key" type="text" value="{market_key}" />\r\n' +
|
|
' <input name="target" type="text" value="{target}" />\r\n' +
|
|
' <input name="fail_target" type="text" value="{fail_target}" />\r\n' +
|
|
'</form>');
|
|
forms += item.format({
|
|
'frmid': 'frm' + i,
|
|
'frmname': 'frm' + i,
|
|
'url': type1[i].url,
|
|
'appid': app_id,
|
|
'devkey': dev_key,
|
|
'scode': scode,
|
|
'market_key': market_key,
|
|
'target': redirect_uri,
|
|
'fail_target': error_uri
|
|
});
|
|
|
|
|
|
item =
|
|
'<p class="s_row">\r\n' +
|
|
' <span class="img_tb"><img src="img/zh.png"></span>\r\n' +
|
|
' <input type="text" placeholder="账号｜手机号｜邮箱" autofocus>\r\n' +
|
|
'</p>\r\n' +
|
|
'<p class="s_row" style="margin-bottom: 30px;">\r\n' +
|
|
' <span class="img_tb"><img src="img/mm.png"></span>\r\n' +
|
|
' <input type="text" placeholder="请输入密码">\r\n' +
|
|
'</p>\r\n' +
|
|
'<div class="dr_btn">\r\n' +
|
|
' <button onclick="frm_submit(\'frm' + i + '\')" class="btn btn-danger">登录</button>\r\n' +
|
|
'</div>\r\n' +
|
|
'<div class="wj_row">\r\n' +
|
|
' <a href="password.html" class="wjmm">忘记密码？</a>\r\n' +
|
|
' <a href="password_detail.html" class="zczh">没有帐号？立即注册>>></a>\r\n' +
|
|
'</div>\r\n';
|
|
|
|
elements += item;
|
|
}
|
|
|
|
$('#mainbody').append(forms);
|
|
$('#own').append(elements);
|
|
}
|
|
|
|
if (type2.length > 0) { /// 其他登录方式(三方认证方式)
|
|
elements = '';
|
|
|
|
for (var i = 0; i < type2.length; i++) {
|
|
item =
|
|
'<a class="box" href="{url}">\r\n' +
|
|
' <img src="{image}">\r\n' +
|
|
//' <label>{type_name}</label>\r\n' +
|
|
'</a>';
|
|
|
|
url = type2[i].url + '?' + (
|
|
'appid={appid}&' +
|
|
'devkey={devkey}&' +
|
|
'scode={scode}&' +
|
|
'market_key={market_key}&' +
|
|
'target={target}&' +
|
|
'fail_target={fail_target}'
|
|
).format({
|
|
'appid': app_id,
|
|
'devkey': dev_key,
|
|
'scode': scode,
|
|
'market_key': market_key,
|
|
'target': redirect_uri,
|
|
'fail_target': error_uri
|
|
});
|
|
|
|
elements += item.format({
|
|
'url': url,
|
|
'image': type2[i].image,
|
|
'type_name': type2[i].type_name
|
|
});
|
|
}
|
|
$('#third').append(elements);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
<body class="body_bg" id="mainbody" onload="bodyload(this)">
|
|
<header class="yl_logo">
|
|
<img src="img/yl.png" class="img-responsive">
|
|
</header>
|
|
<div class="container-fluid">
|
|
<div class="fangshi" id="own">
|
|
<!--
|
|
<p class="s_row">
|
|
<span class="img_tb"><img src="img/zh.png"></span>
|
|
<input type="text" placeholder="账号｜手机号｜邮箱" autofocus>
|
|
</p>
|
|
<p class="s_row" style="margin-bottom: 30px;">
|
|
<span class="img_tb"><img src="img/mm.png"></span>
|
|
<input type="text" placeholder="请输入密码">
|
|
</p>
|
|
|
|
<div class="dr_btn">
|
|
<a href="javascript:;" class="btn btn-danger">登录</a>
|
|
</div>
|
|
<div class="wj_row">
|
|
<a href="password.html" class="wjmm">忘记密码？</a>
|
|
<a href="password_detail.html" class="zczh">没有帐号？立即注册>>></a>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
<div class="sigma-content" id="splitter" style="display:none">
|
|
<div class="sigma-middle-line">
|
|
<span class="sigma-line-text">更多登录方式</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fangshi" id="third">
|
|
<!--
|
|
<div class="box">
|
|
<img src="img/wx.png">
|
|
<label>微信</label>
|
|
</div>
|
|
<div class="box">
|
|
<img src="img/zfb.png">
|
|
<label>支付宝</label>
|
|
</div>
|
|
<div class="box">
|
|
<img src="img/QQ.png">
|
|
<label>QQ</label>
|
|
</div>
|
|
<div class="box">
|
|
<img src="img/jkx.png">
|
|
<label>聚开心</label>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |