<%@ 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 xmlns="http://www.w3.org/1999/xhtml">
|
<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>
|
|
<!-- 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>
|
html {
|
overflow: hidden;
|
}
|
|
body {
|
font-size: 14px;
|
color: #e3e6f4;
|
cursor: default;
|
}
|
|
.login {
|
}
|
|
.loginbg {
|
position: fixed;
|
top: 0;
|
left: 0;
|
bottom: 0;
|
right: 0;
|
z-index: -1;
|
}
|
|
.loginbg img {
|
height: 100%;
|
width: 100%;
|
border: 0;
|
}
|
|
.logincontent {
|
width: 990px;
|
margin: 0 auto;
|
}
|
|
.loginlogo {
|
text-align: center;
|
}
|
|
.loginlogo {
|
margin: 130px 0 0 0;
|
}
|
|
.loginmain {
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
height: 516px;
|
width: 980px;
|
margin: -180px 0 0 -490px;
|
background: url(static/styles/images/login7main.png) no-repeat;
|
}
|
|
.loginframe {
|
width: 330px;
|
height: 450px;
|
float: right;
|
margin: 56px 90px 0 0;
|
padding: 22px 30px 0 30px;
|
}
|
|
.loginframe h3 {
|
color: #444444;
|
font-size: 26px;
|
font-weight: normal;
|
font-family: "Microsoft YaHei";
|
line-height: 30px;
|
margin-bottom: 30px;
|
border-bottom: 1px solid #e9e9e9;
|
padding: 0 0 20px 26px;
|
}
|
|
.loginframe h3 span {
|
color: #2684f0;
|
font-size: 16px;
|
margin-left: 10px;
|
}
|
|
.loginframe .loginusername, .loginframe .loginpwd {
|
margin-bottom: 16px;
|
height: 34px;
|
padding: 6px 20px;
|
background: #fff;
|
border-bottom: 1px solid #4291f6;
|
}
|
|
.loginframe .loginusername input, .loginframe .loginpwd input {
|
color: #666;
|
width: 80%;
|
height: 34px;
|
line-height: 34px;
|
font-size: 15px;
|
border: 0 none;
|
margin: 0 0 0 30px;
|
font-family: "Microsoft YaHei";
|
background: #fff;
|
}
|
|
.loginframe input::-webkit-input-placeholder {
|
color: #aaaaaa;
|
}
|
|
.loginframe input::-moz-placeholder {
|
color: #aaaaaa;
|
}
|
|
.loginframe input:-moz-placeholder {
|
color: #aaaaaa;
|
}
|
|
.loginframe input:-ms-input-placeholder {
|
color: #aaaaaa;
|
}
|
|
.loginframe .loginusername {
|
background: #fff url(static/styles/images/login5i1.png) 16px center no-repeat;
|
}
|
|
.loginframe .loginpwd {
|
background: #fff url(static/styles/images/login5i2.png) 16px center no-repeat;
|
}
|
|
.loginframe .user_remember {
|
margin: 22px 0 10px 16px;
|
height: 20px;
|
line-height: 20px;
|
font-size: 13px;
|
color: #808080;
|
}
|
|
.loginframe .user_remember input {
|
margin: 3px 6px 0 0;
|
width: 14px;
|
height: 14px;
|
float: left;
|
}
|
|
.loginframe .user_remember span {
|
float: left;
|
margin: 0 20px 0 0;
|
}
|
|
.loginframe .user_btn input {
|
border: 0 none;
|
background: url(static/styles/images/login7btn.png);
|
width: 280px;
|
height: 96px;
|
margin: 0 0 0 30px;
|
cursor: pointer;
|
}
|
|
.loginframe .user_tip {
|
color: #808080;
|
text-align: center;
|
}
|
|
.loginframe .user_tip a {
|
text-decoration: underline;
|
color: #3d85e3;
|
}
|
|
input {
|
background-color: rgba(255, 255, 255, 0) !important;
|
}
|
|
input:-webkit-autofill {
|
transition: background-color 5000s ease-in-out 0s;
|
/*-webkit-text-fill-color: #fff !important;*/
|
}
|
</style>
|
</head>
|
|
<body>
|
<div class="login">
|
<div class="loginbg"><img src="static/styles/images/login7bg.jpg"/></div>
|
<div class="logincontent">
|
|
<%-- <div class="loginlogo"><img src="static/styles/images/loginlogo-HN.png"/></div>--%>
|
<div class="loginlogo"><img src="${systemConfig.loginLogoUrl }" class="logo-login" alt=""/></div>
|
<div class="loginmain clear">
|
<div class="loginframe">
|
<h3>用户登录<span>Login User</span></h3>
|
<p class="loginusername"><input id="txtUserName" style=" box-shadow: none;" type="text"
|
placeholder="请输入用户名"/></p>
|
<p class="loginpwd"><input id="txtPassword" type="password" placeholder="请输入密码"/></p>
|
<div class="user_remember clear">
|
<input id="cbRememberMe" type="checkbox"/><span>记住我</span>
|
<%-- <input type="checkbox"/><span>记住密码</span>--%>
|
<%-- <span style="float:right;">忘记密码？</span>--%>
|
</div>
|
<p class="user_btn"><input id="btnLogin" type="button" value=""/></p>
|
<p class="user_tip">没有账户？ <a href="javascript: register();">点击注册>></a></p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript">
|
$(function () {
|
$("#btnLogin").click(function (e) {
|
userVerify();
|
});
|
|
|
$("#txtPassword").keyup(function (e) {
|
if (e.keyCode == "13") {
|
userVerify();
|
}
|
});
|
|
$('#validateCode').keyup(function (e) {
|
if (e.keyCode == "13") {
|
userVerify();
|
}
|
});
|
});
|
|
<%--//刷新验证码--%>
|
<%--function changeImg() {--%>
|
<%-- $("#validateCodeImg").attr("src", "drawImage/drawImage/?" + Math.random());--%>
|
<%--}--%>
|
|
function register() {
|
var url = "utilizationUser/register";
|
|
window.open(url);
|
|
}
|
|
function login() {
|
var userName = $('#txtUserName').val();
|
var password = $('#txtPassword').val();
|
password = CryptoJS.MD5(password).toString().toUpperCase();
|
|
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()
|
})
|
})
|
);
|
}
|
|
function userVerify() {
|
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>
|
login();
|
// $(".login-frame"),
|
// wcp.ajax({
|
// // url: "utilizationUser/userVerify",
|
// // data: JSON.stringify(userName),
|
// }).done(function (result) {
|
// login();
|
// });
|
}
|
</script>
|
</body>
|
</html>
|
