From e15f561a1f9eddfde503d59baf45a860b131928e Mon Sep 17 00:00:00 2001 From: fei.wang <wf18701153496@163.com> Date: 星期三, 13 八月 2025 14:22:50 +0800 Subject: [PATCH] 更新最新版代码 --- src/webapp/page/Login.jsp | 481 ++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 404 insertions(+), 77 deletions(-) diff --git a/src/webapp/page/Login.jsp b/src/webapp/page/Login.jsp index df8ee43..8f5e89a 100644 --- a/src/webapp/page/Login.jsp +++ b/src/webapp/page/Login.jsp @@ -10,9 +10,10 @@ <link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/> <style> #icp:hover{ - color: blue; + 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"> @@ -22,27 +23,55 @@ </div> <div class="login-container" style="position: relative;left: -230px"> <form class="form-login"> -<%-- <h2 style="font-size: 36px">鍗庢槦鏅烘帶IOT绠$悊骞冲彴</h2>--%> <h2 style="font-size: 36px">鍗庢槦鏅烘帶IOT鐧诲綍椤甸潰</h2> - <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 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 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 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> - - <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"></button> - - <input type="button" class="btn" id="" style="cursor: pointer" value="鐧诲綍" onclick="login()"> + <!-- 璐﹀彿瀵嗙爜鐧诲綍 --> + <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> @@ -54,33 +83,166 @@ var codenum = 0; var yanzhengma; var code ; + var lock function huoquyanzhengma(){ console.log(111111111111111111) var id =$("#huoqu").val(); if(id == "鑾峰彇楠岃瘉鐮�"){ - shoujihao = document.getElementById("phone").value + 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/Login11", - type:"get", - dataType:"json", + url: "/HxzkFlow/hxzk/lophone", + async: false, + method:"post", data:{ - phone:shoujihao + loginphone:loginphone }, - success:function (data){ - code = data + 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("褰撳墠杈撳叆楠岃瘉鐮佹湁璇�!璇烽噸鏂拌緭鍏�") + // } + } }) - $("#huoqu").val("") - for (let i = 0; i <= 60; i++) { - setTimeout(function() { - $("#huoqu").val((60-i)); - if(i==60){ - $("#huoqu").val("鑾峰彇楠岃瘉鐮�") - } - }, i * 1000) - - } }else{ alert("璇风瓑寰呭�掕鏃剁粨鏉�") } @@ -90,6 +252,7 @@ function login(){ + var loginphone = $("#phone").val(); var companyabbname = ""; var companyname = ""; @@ -109,6 +272,10 @@ var pattern = /^\d{11}$/; var yanzhengmaw = $("#yanzhengma").val(); + // if(loginphone != lock){ + // alert("鍥犳洿鎹㈡墜鏈哄彿锛岃閲嶆柊鑾峰彇楠岃瘉鐮侊紒") + // return; + // } if(loginphone == ""){ alert("璇疯緭鍏ユ墜鏈哄彿") return; @@ -139,51 +306,110 @@ 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){ - 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(",")[3]) + console.log(77777777777) + + // 楠岃瘉鐮佹纭紝灏濊瘯瑙i攣璐﹀彿 + var loginphone = $("#phone").val(); + $.ajax({ + url: "/HxzkFlow/hxzk/unlockAccountBySms", + method: "post", + data: { + phone: loginphone, + verificationCode: y + }, + success: function(unlockData) { + if(unlockData && unlockData.companyabbname === "UNLOCKED") { + // 瑙i攣鎴愬姛锛岀户缁甯哥櫥褰曟祦绋� + 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 { + // 瑙i攣澶辫触锛岀户缁甯哥櫥褰曟祦绋� + 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 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{ + //褰撳墠杈撳叆楠岃瘉鐮佹湁璇� + 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]) @@ -198,8 +424,6 @@ localStorage.setItem("getde",data.rudq.split(",")[3]) localStorage.setItem("getUserName",data.rudq.split(",")[4]) } - - }else if (data.rudq=="璁垮"){ companyabbname="璁垮" localStorage.setItem("getUserName","") @@ -212,20 +436,123 @@ 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> -- Gitblit v1.9.3