Files
jshERP/erp_web/login.html
季圣华 0810476005 解决bug
2019-03-31 23:26:15 +08:00

234 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>ERP系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<meta name="referrer" content="Webkit">
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
<link type="text/css" rel="stylesheet" href="/css/css.css"/>
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="/js/common/common.js"></script>
<script type="text/javascript" src="/js/md5/md5.js"></script>
</head>
<body id="login_body">
<form action="admin.html">
<div id="login_main">
<div id="login">
<p id="login_signal"><img src="/images/login_tip.jpg" width="108" height="29" alt="login"/></p>
<p id="txt_username">
<label for="user_name">用户名:</label>
</p>
<p id="txt_userpwd">
<label for="user_vcodepwd" id="user_vcodepwd">&nbsp;&nbsp;&nbsp;&nbsp;码:</label>
</p>
<input type="text" id="user_name"/>
<input type="password" id="user_pwd"/>
<p id="tip_username" style="display: none"><span class="error_input">用户名不正确</span></p>
<p id="tip_userpwd" style="display: none">密码不能为空</p>
<div class="login_btn">
<input type="button" value="登录" id="btn_login"/>
<input type="button" value="立即注册" id="btn_register"/>
</div>
</div>
<p id="copyright">
Copyright © 2017-2020 季圣华(jishenghua)
<a style="color:#00458a;" href="https://gitee.com/jishenghua/JSH_ERP" target="_blank">华夏ERP_v2.0</a>
</p>
</div>
</form>
<script type="text/javascript">
//初始化界面
$(function () {
//进入页面聚焦在username输入框,方便 用户输入
$("#user_name").focus();
browserFit();
checkTenantStatus();
});
//浏览器适配
function browserFit() {
if (getOs() == 'MSIE')
$("#user_vcodepwd").empty().append("密&nbsp;&nbsp;&nbsp;&nbsp;码:");
else
$("#user_vcodepwd").empty().append("密&nbsp;&nbsp;&nbsp;&nbsp;码:");
}
//判断是否开启多租户
function checkTenantStatus(){
$("#btn_register").hide();
$.ajax({
type: "get",
url: "/user/getTenantStatus",
dataType: "json",
success: function (res) {
if(res && res.code === 200) {
if(res.data) {
if(res.data.status == "open") {
$("#btn_register").show();
} else if(res.data.status == "close") {
$("#btn_register").hide();
}
}
} else {
$("#btn_register").hide();
}
},
error: function () {
$("#btn_register").hide();
}
});
}
//初始化键盘enter事件
$(document).keydown(function (event) {
//兼容 IE和firefox 事件
var e = window.event || event;
var k = e.keyCode || e.which || e.charCode;
//兼容 IE,firefox 兼容
var obj = e.srcElement ? e.srcElement : e.target;
//绑定键盘事件为 id是usename 和password的输入框才可以触发键盘事件 13键盘事件
if (k == "13" && (obj.id == "user_name" || obj.id == "user_pwd"))
checkUserInput();
});
//登录按钮绑定处理事件
$('#btn_login').off("click").on("click", function () {
checkUserInput();
});
$("#btn_register").off("click").on("click", function () {
location.href = "register.html";
});
//检测用户输入数据
function checkUserInput() {
var username = $.trim($('#user_name').val());
var password = $.trim($('#user_pwd').val());
if (null == username || 0 == username.length) {
$("#user_name").val("").focus();
$("#tip_userpwd").hide();
$("#tip_username").empty().append('<span class="error_input">用户名不能为空</span>').show();
return;
}
else
$("#tip_username").hide();
if (null == password || 0 == password.length) {
$("#user_pwd").val("").focus();
$("#tip_userpwd").empty().append('<span class="error_input">密码不能为空</span>').show();
return;
}
else
$("#tip_userpwd").hide();
if (username != null && username.length != 0
&& password != null && password.length != 0) {
$("#user_name").focus();
$("#tip_username").hide();
$("#tip_userpwd").hide();
$.ajax({
type: "post",
url: "/user/login",
dataType: "json",
data: ({
loginame: username,
password: hex_md5(password)
}),
success: function (res) {
if(res) {
var loginInfoTip = res.data.msgTip;
//用户名不存在,清空输入框并定位到用户名输入框
if (loginInfoTip.indexOf("user is not exist") != -1) {
$("#user_pwd").val("");
$("#user_name").val("").focus();
$("#tip_userpwd").hide();
$("#tip_username").empty().append('<span class="error_input">用户名不存在</span>').show();
return;
}
else if (loginInfoTip.indexOf("user password error") != -1) {
$("#user_pwd").val("").focus();
$("#tip_userpwd").empty().append('<span class="error_input">用户密码错误</span>').show();
return;
}
else if (loginInfoTip.indexOf("access service error") != -1) {
//$("#user_name").val("").focus();
$("#tip_userpwd").hide();
$("#tip_username").empty().append('<span class="error_input">后台访问错误</span>').show();
return;
}
//跳转到用户管理界面
else if (loginInfoTip.indexOf("user can login") != -1 || loginInfoTip == "user already login") {
console.log("user can login");
$.ajax({
type: "get",
url: "/user/getUserSession",
dataType: "json",
success: function (res) {
if(res && res.code === 200) {
if(res.data.user) {
console.log("user");
var user = res.data.user;
sessionStorage.setItem("userId", user.id);
console.log("http://" + location.host + "/index.html");
top.location.href = "http://" + location.host + "/index.html";
}
}
},
//此处添加错误处理
error: function () {
alert("后台访问错误,请联系管理员!");
}
});
}
}
},
//此处添加错误处理
error: function () {
alert("后台访问错误,请联系管理员!");
}
});
}
}
//处理tip提示
//定义变量控制密码提示显示
var temp_value = "";
$("#user_name").add("#user_pwd").unbind().bind({
'click keyup': function () {
var value = $.trim($(this).val());
if (value.length > 0) {
$("#tip_username").hide();
$("#tip_userpwd").hide();
}
},
blur: function () {
//兼容 IE和firefox 事件
var e = window.event || event;
//兼容 IE,firefox 兼容
var obj = e.srcElement ? e.srcElement : e.target;
var value = $.trim($(this).val());
if (obj.id == "user_name")
temp_value = value;
if (value.length == 0) {
if (obj.id == "user_name")
$("#tip_username").empty().append('<span class="error_input">用户名不能为空</span>').show();
if (obj.id == "user_pwd" && temp_value.length > 0)
$("#tip_userpwd").empty().append('<span class="error_input">密码不能为空</span>').show();
;
}
else {
if (obj.id == "user_pwd" && value.length > 0 && temp_value.length == 0) {
$("#tip_username").show();
$("#tip_userpwd").hide();
}
else {
$("#tip_username").hide();
$("#tip_userpwd").hide();
}
}
}
});
</script>
</body>
</html>