<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>用户登录-${systemConfig.platformTitle}</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<!-- easyui -->
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/icon.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
|
<!-- jquery -->
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<!-- 滚动条 -->
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<!-- 弹窗加载组件 -->
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
|
<script type="text/javascript" src="static/plugins/crypto-js/core.js"></script>
|
<script type="text/javascript" src="static/plugins/crypto-js/md5.js"></script>
|
<script type="text/javascript" src="static/plugins/sm3.js"></script>
|
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
|
<style>
|
* {
|
moz-box-sizing: content-box;
|
webkit-box-sizing: content-box;
|
o-box-sizing: content-box;
|
ms-box-sizing: content-box;
|
box-sizing: content-box;
|
}
|
|
body {
|
background: #f0f1f5 url(static/styles/images/login3-bg.jpg) center top no-repeat;
|
font-family: "Microsoft YaHei";
|
background-size: 100%;
|
}
|
|
.login {
|
text-align: center;
|
position: absolute;
|
top: 60%;
|
left: 50%;
|
margin: -252px 0 0 -216px;
|
}
|
|
.logo-login {
|
margin-bottom: 50px;
|
}
|
|
.login-con {
|
margin: 0 auto;
|
text-align: left;
|
background: url(static/styles/images/login3-boxshadow.png) center bottom no-repeat;
|
padding-bottom: 33px;
|
}
|
|
.login-frame {
|
padding: 36px;
|
width: 360px;
|
background: #fff;
|
}
|
|
.login-frame h3 {
|
color: #048acb;
|
font-size: 26px;
|
text-align: center;
|
font-weight: normal;
|
line-height: 30px;
|
margin-bottom: 26px;
|
}
|
|
.login-frame h3 span {
|
color: #b2b2b2;
|
font-size: 16px;
|
margin-left: 4px;
|
}
|
|
.login-con .user {
|
border: 1px solid #e6e6e6;
|
margin-bottom: 20px;
|
color: #b2b2b2;
|
line-height: 44px;
|
}
|
|
.login-con .user .fa {
|
margin: 0 16px;
|
font-size: 14px;
|
}
|
|
.login-con .user input {
|
width: 300px;
|
height: 44px;
|
line-height: 44px;
|
background: #fff;
|
border: 0 none;
|
font-size: 14px;
|
font-family: "SimSun";
|
color: #333;
|
}
|
|
.login-con input::-webkit-input-placeholder {
|
color: #a8a8a8;
|
}
|
|
.login-con input::-moz-placeholder {
|
color: #a8a8a8;
|
}
|
|
.login-con input:-moz-placeholder {
|
color: #a8a8a8;
|
}
|
|
.login-con input:-ms-input-placeholder {
|
color: #a8a8a8;
|
}
|
|
.check {
|
margin: 0 0 20px 16px;
|
line-height: 26px;
|
color: #808080;
|
}
|
|
.check span {
|
margin-right: 20px;
|
}
|
|
.check span input {
|
margin-right: 4px;
|
}
|
|
.login-btn {
|
height: 44px;
|
line-height: 43px;
|
border: 1px solid #fff;
|
color: #fff;
|
cursor: pointer;
|
text-align: center;
|
width: 360px;
|
font-size: 18px;
|
border-radius: 4px;
|
background: #048acb;
|
font-family: "Microsoft YaHei";
|
}
|
|
.login-btn:hover {
|
background-color: #3798d0;
|
}
|
|
.login-btn:active {
|
background-color: #318bbf;
|
}
|
|
.footer {
|
color: #999;
|
}
|
</style>
|
</head>
|
|
<body>
|
<form>
|
<div style="text-align: center;margin: 7% 0 0 0;">
|
<img src="${systemConfig.loginLogoUrl }" class="logo-login" alt="">
|
</div>
|
<div class="login">
|
<div class="login-con">
|
<div class="login-frame">
|
<h3>
|
用户登录
|
<span>Login</span>
|
</h3>
|
<p class="user">
|
<i class="fa fa-user-circle-o"></i>
|
<input id="txtUserName" name="userName" type="text" placeholder="用户名"/>
|
</p>
|
<p class="user">
|
<i class="fa fa-lock"></i>
|
<input id="txtPassword" name="password" type="password" placeholder="密码"/>
|
</p>
|
<c:if test="${systemConfig.enableLoginVerificationCode }">
|
<div class="clear">
|
<p class="user" style="width:160px; float:left; margin-right:5px;">
|
<i class="fa fa-key"></i>
|
<input id="validateCode" name="validateCode" type="text" placeholder="验证码"
|
style="width:100px;"/>
|
|
</p>
|
<p style="float:left;">
|
<img alt="验证码看不清，换一张" src="drawImage/drawImage" id="validateCodeImg">
|
<a href="javascript:void(0)" onclick="changeImg()" style="line-height:60px;">
|
<font size="4">换一张</font>
|
</a>
|
|
</p>
|
</div>
|
</c:if>
|
<p class="check">
|
<span>
|
<input class="easyui-checkbox" id="cbRememberMe" type="checkbox">
|
记住我
|
</span>
|
</p>
|
<input type="hidden" name="returnUrl" id="hidReturnUrl" value="${resultUrl}"/>
|
<button type="button" id="btnLogin" class="login-btn">登 录</button>
|
</div>
|
</div>
|
<p class="footer"><c:if
|
test="${systemConfig.showOnlineUserCount }">当前在线用户：${onlineUserCount} </c:if>技术支持：${systemConfig.platformCopyRight}</p>
|
</div>
|
</form>
|
<script type="text/javascript">
|
$(function () {
|
$("#btnLogin").click(function (e) {
|
login();
|
});
|
|
$("#txtPassword").keyup(function (e) {
|
if (e.keyCode == "13") {
|
login();
|
}
|
});
|
|
$('#validateCode').keyup(function (e) {
|
if (e.keyCode == "13") {
|
login();
|
}
|
});
|
});
|
|
//刷新验证码
|
function changeImg() {
|
$("#validateCodeImg").attr("src", "drawImage/drawImage/?" + Math.random());
|
}
|
|
function login() {
|
var userName = $('#txtUserName').val();
|
if (userName == "") {
|
wcp.message.warn("用户名不能为空！");
|
return;
|
}
|
var password = $('#txtPassword').val();
|
if (password == "") {
|
wcp.message.warn("密码不能为空！");
|
return;
|
}
|
|
<c:if test="${systemConfig.enableLoginVerificationCode}">
|
var validateCode = $('#validateCode').val();
|
if (validateCode == "") {
|
wcp.message.warn("验证码不能为空！");
|
return;
|
}
|
</c:if>
|
|
<c:if test="${systemConfig.encryptionAlgorithm=='MD5'}">
|
password = CryptoJS.MD5(password).toString().toUpperCase();
|
</c:if>
|
<c:if test="${systemConfig.encryptionAlgorithm=='SM3'}">
|
password = sm3Digest(password).toUpperCase();
|
</c:if>
|
|
var validateCode = $("#validateCode").val();
|
wcp.ui.setBusy(
|
$(".login-frame"),
|
wcp.ajax({
|
url: "account/loginIn",
|
data: JSON.stringify({
|
userName: userName,
|
password: password,
|
validateCode: validateCode,
|
rememberMe: $('#cbRememberMe').is(':checked'),
|
returnUrl: $('#hidReturnUrl').val()
|
})
|
})
|
);
|
}
|
</script>
|
</body>
|
</html>
|
