华星智控IOT管理平台
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
fei.wang
6 天以前 e15f561a1f9eddfde503d59baf45a860b131928e 
 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)




                    // 验证码正确，尝试解锁账号


                    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 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>