<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>登录页面</title>
|
|
<link rel="stylesheet" href="/HxzkFlow/css/Login/style.css">
|
<link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
|
<link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/>
|
<style>
|
#icp:hover{
|
color: #76787e;
|
}
|
</style>
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
</head>
|
<body style="overflow-y: hidden">
|
<img src="/HxzkFlow/images/Login/wave-01.png" alt="" class="wave">
|
<div class="container">
|
<div class="img">
|
|
</div>
|
<div class="login-container" style="position: relative;left: -230px">
|
<form class="form-login">
|
<h2 style="font-size: 36px">华星智控IOT登录页面</h2>
|
<div style="display: flex; justify-content: center; margin-bottom: 30px;">
|
<div id="tab-phone" onclick="switchLogin('phone')" style="padding: 8px 32px; cursor: pointer; border-bottom: 2px solid #6c63ff; font-weight: bold; color: #6c63ff;">手机号登录</div>
|
<div id="tab-account" onclick="switchLogin('account')" style="padding: 8px 32px; cursor: pointer; border-bottom: 2px solid transparent; font-weight: bold; color: #888;">账号密码登录</div>
|
</div>
|
<!-- 手机号验证码登录 -->
|
<div id="phone-login-area">
|
<div class="input-div pass">
|
<div class="i">
|
<%-- <i class="fas fa-lock"> </i>--%>
|
</div>
|
<div class="div">
|
<input id="phone" class="input" placeholder="手机号" type="text">
|
</div>
|
</div>
|
<div class="input-div pass" style="width: 220px">
|
<div class="i">
|
<%-- <i class="fas fa-lock"> </i>--%>
|
</div>
|
<div class="div">
|
<input id="yanzhengma" class="input" placeholder=" 验证码" type="text">
|
</div>
|
</div>
|
<input id="huoqu" onclick="huoquyanzhengma()" type="button" value="获取验证码" class="layui-btn layui-btn-normal" style="width: 108px;float: left;position:relative;top: -80px;left: 253px;height: 50px">
|
<input type="button" class="btn" style="cursor: pointer; margin-top: 30px;" value="登录" onclick="login()">
|
</div>
|
<!-- 账号密码登录 -->
|
<div id="account-login-area" style="display: none;">
|
<div class="input-div pass">
|
<div class="i">
|
<%-- <i class="fas fa-user"> </i>--%>
|
</div>
|
<div class="div">
|
<input id="account" class="input" placeholder="账号" type="text">
|
</div>
|
</div>
|
<div class="input-div pass" style="position: relative;">
|
<div class="i">
|
<%-- <i class="fas fa-lock"> </i>--%>
|
</div>
|
<div class="div">
|
<input id="password" class="input" placeholder="密码" type="password">
|
<span id="togglePwd" style="position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;">
|
<i id="eyeIcon" class="fa fa-eye"></i>
|
</span>
|
</div>
|
</div>
|
<input type="button" class="btn" style="cursor: pointer; margin-top: 30px;" value="登录" onclick="accountLogin()">
|
</div>
|
</form>
|
</div>
|
</div>
|
<div style="text-align: center;font-size: 20px;position: relative;top: -50px;font-size: 12px"><a href="http://huaxingzhikong.com/" target="_blank" id="icp">北京华星北斗智控技术有限公司版权所有京ICP备15062414号-11</a></div>
|
</body>
|
<script src="/HxzkFlow/js/Login/script.js"></script>
|
<script src="/HxzkFlow/js/jquery-3.5.1.js"></script>
|
<script>
|
var codenum = 0;
|
var yanzhengma;
|
var code ;
|
var lock
|
function huoquyanzhengma(){
|
console.log(111111111111111111)
|
var id =$("#huoqu").val();
|
if(id == "获取验证码"){
|
var loginphone = $("#phone").val();
|
lock = $("#phone").val();
|
var companyabbname = "";
|
var companyname = "";
|
var data = "loginphone="+loginphone
|
|
// $.ajax({
|
// url: "hxzk/lophone",
|
// async: false,
|
// data:{
|
// loginphone:loginphone
|
// },
|
// success: function(data) {
|
// companyabbname = data.companyabbname;
|
// }
|
// })
|
|
|
var pattern = /^\d{11}$/;
|
// var yanzhengmaw = $("#yanzhengma").val();
|
if(loginphone == ""){
|
alert("请输入手机号")
|
return;
|
}
|
if(!pattern.test(loginphone)){
|
alert("手机号输入有误")
|
return;
|
}
|
$.ajax({
|
url: "/HxzkFlow/hxzk/lophone",
|
async: false,
|
method:"post",
|
data:{
|
loginphone:loginphone
|
},
|
success: function(data) {
|
companyabbname = data.companyabbname;
|
companyname = data.companyname
|
|
}
|
});
|
var login = "companyabbname="+companyabbname+"&loginphone="+loginphone
|
var loginip = "logincompany="+companyabbname+"&loginphone="+loginphone
|
$.post("/HxzkFlow/hxzk/Login",login,function (data){
|
|
if(data == "" || data == null){
|
alert("用户不存在")
|
}else{
|
|
shoujihao = document.getElementById("phone").value
|
$.ajax({
|
url:"/HxzkFlow/hxzk/Login11",
|
type:"get",
|
dataType:"json",
|
data:{
|
phone:shoujihao
|
},
|
success:function (data){
|
code = data
|
}
|
})
|
|
$("#huoqu").val("")
|
for (let i = 0; i <= 60; i++) {
|
setTimeout(function() {
|
$("#huoqu").val((60-i));
|
if(i==60){
|
$("#huoqu").val("获取验证码")
|
}
|
}, i * 1000)
|
|
}
|
// var y = $("#yanzhengma").val();
|
//
|
// if (code == y){
|
// if (data.rudq!=null){
|
// console.log(222222222)
|
// if (data.rudq.split(",")[0]=="普通管理员"){
|
// localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
// localStorage.setItem("getadd",data.rudq.split(",")[1])
|
// localStorage.setItem("getup",data.rudq.split(",")[2])
|
// localStorage.setItem("getde",data.rudq.split(",")[3])
|
// localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
// }else{
|
// localStorage.setItem("getjuese","超级管理员")
|
// localStorage.setItem("getadd",data.rudq.split(",")[0])
|
// localStorage.setItem("getup",data.rudq.split(",")[1])
|
// localStorage.setItem("getde",data.rudq.split(",")[2])
|
// localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
// }
|
//
|
//
|
// }else if (data.rudq=="访客"){
|
// companyabbname="访客"
|
// localStorage.setItem("getUserName","")
|
// localStorage.setItem("getjuese","")
|
// localStorage.setItem("fangke",fangke)
|
// } else{
|
// localStorage.setItem("getjuese","")
|
// localStorage.setItem("getadd","")
|
// localStorage.setItem("getup","")
|
// localStorage.setItem("getde","")
|
// localStorage.setItem("getUserName","")
|
// }
|
// $.post("/HxzkFlow/hxzk/LoginIp",loginip,function (data){
|
// localStorage.setItem("gsjc",companyabbname)
|
// localStorage.setItem("gsmc",companyname)
|
// location.href="/HxzkFlow/page/index.jsp"
|
// sessionStorage.setItem("admin",companyabbname)
|
//
|
// })
|
// }else{
|
// if (data.rudq!=null){
|
// console.log(222222222)
|
// if (data.rudq.split(",")[0]=="普通管理员"){
|
// localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
// localStorage.setItem("getadd",data.rudq.split(",")[1])
|
// localStorage.setItem("getup",data.rudq.split(",")[2])
|
// localStorage.setItem("getde",data.rudq.split(",")[3])
|
// localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
// }else if (data.rudq.split(",")[0]=="超级管理员"){
|
// localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
// localStorage.setItem("getadd",data.rudq.split(",")[1])
|
// localStorage.setItem("getup",data.rudq.split(",")[2])
|
// localStorage.setItem("getde",data.rudq.split(",")[3])
|
// localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
// }
|
//
|
//
|
// }else if (data.rudq=="访客"){
|
// companyabbname="访客"
|
// localStorage.setItem("getUserName","")
|
// localStorage.setItem("getjuese","")
|
// localStorage.setItem("fangke",fangke)
|
// } else{
|
// localStorage.setItem("getjuese","")
|
// localStorage.setItem("getadd","")
|
// localStorage.setItem("getup","")
|
// localStorage.setItem("getde","")
|
// localStorage.setItem("getUserName","")
|
// }
|
// $.post("/HxzkFlow/hxzk/LoginIp",loginip,function (data){
|
//
|
// localStorage.setItem("gsjc",companyabbname)
|
// localStorage.setItem("gsmc",companyname)
|
// location.href="/HxzkFlow/page/index.jsp"
|
// sessionStorage.setItem("admin",companyabbname)
|
//
|
// })
|
// // alert("当前输入验证码有误!请重新输入")
|
// }
|
|
}
|
})
|
|
}else{
|
alert("请等待倒计时结束")
|
}
|
|
}
|
|
|
|
function login(){
|
|
var loginphone = $("#phone").val();
|
var companyabbname = "";
|
var companyname = "";
|
var data = "loginphone="+loginphone
|
|
// $.ajax({
|
// url: "hxzk/lophone",
|
// async: false,
|
// data:{
|
// loginphone:loginphone
|
// },
|
// success: function(data) {
|
// companyabbname = data.companyabbname;
|
// }
|
// })
|
|
|
var pattern = /^\d{11}$/;
|
var yanzhengmaw = $("#yanzhengma").val();
|
// if(loginphone != lock){
|
// alert("因更换手机号，请重新获取验证码！")
|
// return;
|
// }
|
if(loginphone == ""){
|
alert("请输入手机号")
|
return;
|
}
|
if(!pattern.test(loginphone)){
|
alert("手机号输入有误")
|
return;
|
}
|
if(yanzhengmaw == "" || yanzhengmaw == null){
|
alert("请输入验证码")
|
return;
|
}
|
|
|
$.ajax({
|
url: "/HxzkFlow/hxzk/lophone",
|
async: false,
|
method:"post",
|
data:{
|
loginphone:loginphone
|
},
|
success: function(data) {
|
companyabbname = data.companyabbname;
|
companyname = data.companyname
|
|
}
|
});
|
var login = "companyabbname="+companyabbname+"&loginphone="+loginphone
|
var loginip = "logincompany="+companyabbname+"&loginphone="+loginphone
|
$.post("/HxzkFlow/hxzk/Login",login,function (data){
|
console.log(data)
|
if(data == "" || data == null){
|
alert("用户不存在")
|
}else{
|
var y = $("#yanzhengma").val();
|
|
if (code == y){
|
console.log(77777777777)
|
|
// 验证码正确，尝试解锁账号
|
var loginphone = $("#phone").val();
|
$.ajax({
|
url: "/HxzkFlow/hxzk/unlockAccountBySms",
|
method: "post",
|
data: {
|
phone: loginphone,
|
verificationCode: y
|
},
|
success: function(unlockData) {
|
if(unlockData && unlockData.companyabbname === "UNLOCKED") {
|
// 解锁成功，继续正常登录流程
|
if (data.rudq!=null){
|
// companyabbname=data.rudq.split(",")[0]
|
console.log(222222222)
|
if (data.rudq.split(",")[0]=="普通管理员"){
|
localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
localStorage.setItem("getadd",data.rudq.split(",")[1])
|
localStorage.setItem("getup",data.rudq.split(",")[2])
|
localStorage.setItem("getde",data.rudq.split(",")[3])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}else{
|
localStorage.setItem("getjuese","超级管理员")
|
localStorage.setItem("getadd",data.rudq.split(",")[0])
|
localStorage.setItem("getup",data.rudq.split(",")[1])
|
localStorage.setItem("getde",data.rudq.split(",")[2])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}
|
}else if (data.rudq=="访客"){
|
companyabbname="访客"
|
localStorage.setItem("getUserName","")
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("fangke",fangke)
|
} else{
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("getadd","")
|
localStorage.setItem("getup","")
|
localStorage.setItem("getde","")
|
localStorage.setItem("getUserName","")
|
}
|
console.log(5555555555)
|
$.post("/HxzkFlow/hxzk/LoginIp",loginip,function (data){
|
console.log(44444444444)
|
console.log(companyabbname)
|
localStorage.setItem("gsjc",companyabbname)
|
localStorage.setItem("gsmc",companyname)
|
location.href="/HxzkFlow/page/index.jsp"
|
sessionStorage.setItem("admin",companyabbname)
|
})
|
} else {
|
// 解锁失败，继续正常登录流程
|
if (data.rudq!=null){
|
console.log(222222222)
|
if (data.rudq.split(",")[0]=="普通管理员"){
|
localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
localStorage.setItem("getadd",data.rudq.split(",")[1])
|
localStorage.setItem("getup",data.rudq.split(",")[2])
|
localStorage.setItem("getde",data.rudq.split(",")[3])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}else{
|
localStorage.setItem("getjuese","超级管理员")
|
localStorage.setItem("getadd",data.rudq.split(",")[0])
|
localStorage.setItem("getup",data.rudq.split(",")[1])
|
localStorage.setItem("getde",data.rudq.split(",")[2])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}
|
}else if (data.rudq=="访客"){
|
companyabbname="访客"
|
localStorage.setItem("getUserName","")
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("fangke",fangke)
|
} else{
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("getadd","")
|
localStorage.setItem("getup","")
|
localStorage.setItem("getde","")
|
localStorage.setItem("getUserName","")
|
}
|
console.log(5555555555)
|
$.post("/HxzkFlow/hxzk/LoginIp",loginip,function (data){
|
console.log(44444444444)
|
console.log(companyabbname)
|
localStorage.setItem("gsjc",companyabbname)
|
localStorage.setItem("gsmc",companyname)
|
location.href="/HxzkFlow/page/index.jsp"
|
sessionStorage.setItem("admin",companyabbname)
|
})
|
}
|
}
|
});
|
}else{
|
//当前输入验证码有误
|
console.log(88888888888)
|
if (data.rudq!=null){
|
// companyabbname=data.rudq.split(",")[0]
|
console.log(222222222)
|
if (data.rudq.split(",")[0]=="普通管理员"){
|
localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
localStorage.setItem("getadd",data.rudq.split(",")[1])
|
localStorage.setItem("getup",data.rudq.split(",")[2])
|
localStorage.setItem("getde",data.rudq.split(",")[3])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}else if (data.rudq.split(",")[0]=="超级管理员"){
|
localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
localStorage.setItem("getadd",data.rudq.split(",")[1])
|
localStorage.setItem("getup",data.rudq.split(",")[2])
|
localStorage.setItem("getde",data.rudq.split(",")[3])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}
|
}else if (data.rudq=="访客"){
|
companyabbname="访客"
|
localStorage.setItem("getUserName","")
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("fangke",fangke)
|
} else{
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("getadd","")
|
localStorage.setItem("getup","")
|
localStorage.setItem("getde","")
|
localStorage.setItem("getUserName","")
|
}
|
console.log(companyabbname)
|
console.log(66666666666)
|
$.post("/HxzkFlow/hxzk/LoginIp",loginip,function (data){
|
console.log(2222222222)
|
console.log(companyabbname)
|
localStorage.setItem("gsjc",companyabbname)
|
localStorage.setItem("gsmc",companyname)
|
location.href="/HxzkFlow/page/index.jsp"
|
sessionStorage.setItem("admin",companyabbname)
|
})
|
// alert("当前输入验证码有误!请重新输入")
|
}
|
}
|
})
|
|
}
|
// 登录方式切换
|
function switchLogin(type) {
|
if(type === 'phone') {
|
document.getElementById('phone-login-area').style.display = '';
|
document.getElementById('account-login-area').style.display = 'none';
|
document.getElementById('tab-phone').style.borderBottom = '2px solid #6c63ff';
|
document.getElementById('tab-phone').style.color = '#6c63ff';
|
document.getElementById('tab-account').style.borderBottom = '2px solid transparent';
|
document.getElementById('tab-account').style.color = '#888';
|
} else {
|
document.getElementById('phone-login-area').style.display = 'none';
|
document.getElementById('account-login-area').style.display = '';
|
document.getElementById('tab-account').style.borderBottom = '2px solid #6c63ff';
|
document.getElementById('tab-account').style.color = '#6c63ff';
|
document.getElementById('tab-phone').style.borderBottom = '2px solid transparent';
|
document.getElementById('tab-phone').style.color = '#888';
|
}
|
}
|
// 账号密码登录逻辑
|
function accountLogin() {
|
var account = $("#account").val();
|
var password = $("#password").val();
|
if(account === ""){
|
alert("请输入账号");
|
return;
|
}
|
if(password === ""){
|
alert("请输入密码");
|
return;
|
}
|
$.ajax({
|
url: "/HxzkFlow/hxzk/accountLogin",
|
method: "post",
|
data: {
|
account: account,
|
password: password
|
},
|
success: function(data) {
|
console.log(data)
|
if(data == null || data == ""){
|
alert("账号或密码错误");
|
} else if(data.companyabbname === "LOCKED") {
|
// 账号被锁定，提示用户使用验证码登录
|
alert("账号已被锁定，请使用验证码登录解锁账号");
|
// 自动切换到手机号登录
|
switchLogin('phone');
|
// 将账号填入手机号输入框
|
$("#phone").val(account);
|
} else {
|
// 假设返回数据结构与原手机号登录一致
|
var companyabbname = data.companyabbname || "";
|
var companyname = data.companyname || "";
|
if (data.rudq!=null){
|
if (data.rudq.split(",")[0]=="普通管理员"){
|
localStorage.setItem("getjuese",data.rudq.split(",")[0])
|
localStorage.setItem("getadd",data.rudq.split(",")[1])
|
localStorage.setItem("getup",data.rudq.split(",")[2])
|
localStorage.setItem("getde",data.rudq.split(",")[3])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}else if (data.rudq==="访客"){
|
companyabbname="访客"
|
console.log(111111)
|
localStorage.setItem("getUserName","")
|
localStorage.setItem("getjuese","")
|
// localStorage.setItem("fangke",fangke)
|
}else{
|
localStorage.setItem("getjuese","超级管理员")
|
localStorage.setItem("getadd",data.rudq.split(",")[0])
|
localStorage.setItem("getup",data.rudq.split(",")[1])
|
localStorage.setItem("getde",data.rudq.split(",")[2])
|
localStorage.setItem("getUserName",data.rudq.split(",")[4])
|
}
|
} else{
|
localStorage.setItem("getjuese","")
|
localStorage.setItem("getadd","")
|
localStorage.setItem("getup","")
|
localStorage.setItem("getde","")
|
localStorage.setItem("getUserName","")
|
}
|
console.log(companyabbname)
|
localStorage.setItem("gsjc",companyabbname)
|
localStorage.setItem("gsmc",companyname)
|
sessionStorage.setItem("admin",companyabbname)
|
location.href="/HxzkFlow/page/index.jsp"
|
}
|
},
|
error: function() {
|
alert("登录失败，请稍后重试");
|
}
|
});
|
}
|
$("#togglePwd").on("click", function() {
|
var pwdInput = $("#password");
|
var eyeIcon = $("#eyeIcon");
|
if (pwdInput.attr("type") === "password") {
|
pwdInput.attr("type", "text");
|
eyeIcon.removeClass("fa-eye").addClass("fa-eye-slash");
|
} else {
|
pwdInput.attr("type", "password");
|
eyeIcon.removeClass("fa-eye-slash").addClass("fa-eye");
|
}
|
});
|
</script>
|
</html>
|
