<%@ 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(){
|
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){
|
$.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{
|
alert("当前输入验证码有误!请重新输入")
|
}
|
|
}
|
})
|
|
}
|
</script>
|
</html>
|
