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

162 lines
5.4 KiB

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>统一认证中心</title>
<link rel="stylesheet" type="text/css"
href="/dsssoserver/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css"
href="/dsssoserver/fonts/iconic/css/material-design-iconic-font.min.css">
<link rel="stylesheet" type="text/css" href="/dsssoserver/css/util.css">
<link rel="stylesheet" type="text/css" href="/dsssoserver/css/main.css">
</head>
<body>
<div class="limiter">
<div class="container-login100"
style="background-image: url('images/bg-01.jpg');">
<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
<span class="login100-form-title p-b-49">用户登录</span>
<div class="wrap-input100 validate-input m-b-23">
<span class="label-input100">用户名</span> <input class="input100"
type="text" name="username" id="usernameTxt" value="sys1"
placeholder="请输入用户名" autocomplete="off" /> <span
class="focus-input100" data-symbol="&#xf206;"></span>
</div>
<div class="wrap-input100 validate-input m-b-23">
<span class="label-input100">密码</span> <input class="input100"
type="password" name="password" id="passwordTxt" value="406637"
placeholder="请输入密码" /> <span class="focus-input100"
data-symbol="&#xf190;"></span>
</div>
<div class="wrap-input100 validate-input">
<span class="label-input100">验证码</span> <input class="input100"
type="text" name="captcha" id="captchaTxt" placeholder="请输入验证码"
autocomplete="off" /><img src="/dsssoserver/getCaptcha" id="captcha_img" style="float: right;margin-top: -39px;z-index: 1" onclick="javascript:refreshCaptcha()" /><span class="focus-input100"
data-symbol="&#xf190;"></span>
</div>
<div id="errInfo"
style="color: #F00; font-size: 12px; padding-top: 8px;"></div>
<div class="text-right p-t-8 p-b-31">
<a style="text-decoration: none" href="javascript:">忘记密码?</a>
</div>
<div class="container-login100-form-btn">
<div class="wrap-login100-form-btn">
<div class="login100-form-bgbtn"></div>
<button class="login100-form-btn" id="loginBtn">登 录</button>
</div>
</div>
<div class="txt1 text-center p-t-54 p-b-20">
<span>第三方登录</span>
</div>
<div class="flex-c-m">
<a
href="https://open.weixin.qq.com/connect/qrconnect?appid=wx3e0449144386938a&redirect_uri=http://10.10.6.179/dsssoserver/html/jumpWx.html&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect"
class="login100-social-item bg1" style="text-decoration: none">
<i class="fa fa-wechat"></i>
</a> <a
href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101470748&scope=all&redirect_uri=http://10.10.6.179/dsssoserver/html/jumpQq.html"
class="login100-social-item bg2" style="text-decoration: none">
<i class="fa fa-qq"></i>
</a>
</div>
<div class="flex-col-c p-t-25"></div>
</div>
</div>
</div>
<script src="/dsssoserver/js/jquery-1.12.4.min.js"></script>
<script src="/dsssoserver/js/jsencrypt.min.js" type="text/javascript"></script>
</body>
<script type="text/javascript">
$(function() {
$("#loginBtn").click(
function() {
var username = $("#usernameTxt").val();
var password = $("#passwordTxt").val();
var captcha = $("#captchaTxt").val();
var redirect_url = getUrlParam("redirect_url");
var default_redirect_url = getDefaultRedirectUrl();
if (default_redirect_url.length > 0) {
redirect_url = default_redirect_url;
}
$.ajax({
type : "POST",
dataType : "json",
url : "/dsssoserver/doLogin",
data : {
"username" : username,
"password" : rsaEncrypt(password),
"captcha" : captcha
},
async : false,
success : function(result) {
if (result.success) {
window.location.href = redirect_url
+ "?ds_sso_sessionid="
+ result.sessionId;
} else {
$("#errInfo").html(result.msg);
}
}
});
});
});
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
function getDefaultRedirectUrl() {
var DefaultRedirectUrl = "";
$.ajax({
type : "GET",
dataType : "json",
url : "/dsssoserver/getDefaultRedirectUrl",
async : false,
success : function(result) {
if (result.success) {
DefaultRedirectUrl = result.defaultRedirectUrl;
}
}
});
return DefaultRedirectUrl;
}
//rsa加密
function rsaEncrypt(content) {
var publicKey = "-----BEGIN PUBLIC KEY-----\MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCy4gfGF427G4eTazqdq35TIyd4H0UbuiQhqt86\9C+zGWNFzv3cJCs1XYD3V6wXHncG8ywIP8fKaBsHVFB07IRhmKn9yIsy/sYlybaqrd3cHwjJUG88\sI4IP8pVWUHP6JXphWA0tFjwpp7cGNlTIAUXBHL/ZC9BG94HFO2j6VD7NwIDAQAB\-----END PUBLIC KEY-----";
var encrypt = new JSEncrypt();
encrypt.setPublicKey(publicKey);
var result = encrypt.encrypt(content);
return result;
}
//刷新验证码
function refreshCaptcha(){
$("#captcha_img").attr("src","/dsssoserver/getCaptcha?id=" + new Date() + Math.floor(Math.random()*24));
}
</script>
</html>