fei.wang
2024-05-13 19fe5a3d816184549e8ffa011c39f218734da8d5
src/webapp/page/Login.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,231 @@
<%@ 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: blue;
        }
    </style>
</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>--%>
            <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>
            <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"></button>
            <input type="button" class="btn" id="" style="cursor: pointer" value="登录" onclick="login()">
        </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 ;
     function huoquyanzhengma(){
        console.log(111111111111111111)
        var id =$("#huoqu").val();
        if(id == "获取验证码"){
            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)
            }
        }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 == ""){
            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){
            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])
                        }
                    }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("当前输入验证码有误!请重新输入")
                }
            }
        })
    }
</script>
</html>