<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智慧机房管理平台-登录</title>
|
<link rel="shortcut icon" href="favicon.png">
|
<link rel="stylesheet" type="text/css" href="plugins/layui/css/layui.css"/>
|
<link rel="stylesheet" type="text/css" href="css/page/login.css"/>
|
</head>
|
|
<body class="login-body">
|
|
<div class="i-container">
|
|
<div class="login2-ewm">
|
<!-- <h3><i class="i-icon"><img src="images/login2-icon-ewm.png"/></i>扫码关注公众号</h3>-->
|
</div>
|
|
<div class="login2-ewm-img" id="qr-code-div" style="display: none;">
|
<img src="images/login-ewm_03.png" id="qr-code-img" width="175px" height="175px"/>
|
</div>
|
|
<h1 class="login-tit">
|
<img src="images/login-titimg.png" style="display: none;" />
|
<p style="">
|
智能数据采集主机
|
</p>
|
</h1>
|
|
<div class="layui-row login-con">
|
<div class="layui-col-md7 login-left">
|
<img src="images/login-left.png" class="login-leftimg"/>
|
</div>
|
<div class="layui-col-md5 login-right">
|
<div class="login-box">
|
|
<div class="layui-tab">
|
|
<h3 class="login2-box-tit">
|
<img src="images/login2-box-tit.png"/>
|
</h3>
|
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="login-tab-2">
|
|
<form class="layui-form" action="" onkeydown="submitByEnter();">
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<i class="i-icon"><img src="images/icon-user.png"/></i>
|
</label>
|
<div class="layui-input-block">
|
<input type="text" name="title" id="username" required value="admin"
|
lay-verify="required"
|
placeholder="输入用户名" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<i class="i-icon"><img src="images/icon-pw.png"/></i>
|
</label>
|
<div class="layui-input-block">
|
<input type="password" name="password" id="password" required
|
lay-verify="required"
|
placeholder="输入密码" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<i class="i-icon"><img src="images/icon-yzm.png"/></i>
|
</label>
|
<div class="layui-input-block">
|
|
<input type="text" id="captcha" name="title" required value="" lay-verify="required"
|
placeholder="请在此输入验证码" autocomplete="off" class="layui-input">
|
<a href="#" class="login-yzm-btn">
|
<canvas class="J_codeimg" id="myCanvas" onclick="createCode()"
|
style="width: 74px;height: 28px;background-color: #9ea6b9;color: #000000;">
|
对不起，您的浏览器不支持canvas，请下载最新版浏览器!
|
</canvas>
|
<!-- <img src="images/login-yzmimg_03.png"/>-->
|
</a>
|
</div>
|
</div>
|
|
<div class="layui-input-block login-btnbox">
|
<button class="layui-btn login-btn" lay-submit lay-filter="formDemo"
|
type="button"
|
onclick="login()">登录
|
</button>
|
</div>
|
|
</form>
|
|
</div><!--login-tab-2 end-->
|
</div>
|
</div>
|
</div>
|
|
</div><!--login-box end-->
|
</div>
|
</div>
|
|
<div class="login-copy" style="display: none;">
|
<p>Copyright © 2019-2021 智慧动力环境监控整体解决方案 |
|
<img class="compatible" src="./img/huawei.png" style="display: none;">
|
华为鲲鹏技术认证</p>
|
</div>
|
|
<!-- 弹出框 -->
|
<div class="mask hide">
|
<div class="prompt_box">
|
<div class="prompt_title">
|
<h3>系统提示</h3>
|
</div>
|
<div class="prompt_cont">
|
<p class="prompt_text">输入有误，请重新输入！</p>
|
<span class="prompt_sure">确定</span>
|
</div>
|
</div>
|
</div>
|
|
</div><!--i-container end-->
|
|
<script src="js/constant.js"></script>
|
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.base64.js"></script>
|
<script type="text/javascript">
|
$(document).ready(function () {
|
|
|
var boxH = $(".login-left").height();
|
$(".login-right").height(boxH);
|
$(window).resize(function () {
|
var boxH = $(".login-left").height();
|
$(".login-right").height(boxH);
|
});
|
|
//设置标题名称
|
// document.title = '需要设置的值';
|
|
//动态获取二维码
|
// queryQrCode();
|
createCode();
|
|
//验证未登录的提醒
|
var storage = window.localStorage;
|
if (null != storage["LOGIN_TAG"] && "N" == storage["LOGIN_TAG"]) {
|
showMsg("您还没有登录，请先登录！");
|
}
|
});
|
|
login = function () {
|
|
// console.log(code);
|
|
|
var username = $("#username").val();
|
var password = $("#password").val();
|
var captcha = $("#captcha").val();
|
|
if (!username || " " == username) {
|
showMsg("用户名不能为空！");
|
return false;
|
}
|
if (!password || " " == password) {
|
showMsg("密码不能为空！");
|
return false;
|
}
|
if (!captcha || " " == captcha) {
|
showMsg("验证码不能为空！");
|
return false;
|
}
|
if (captcha != code) {
|
showMsg("验证码不正确！");
|
return false;
|
}
|
|
|
if (TEST_TAG) {
|
// showMsg("登录失败，该用户没有权限！");
|
localStorage.setItem("LOGIN_USER", username);
|
localStorage.setItem("LOGIN_TAG", "Y");
|
// localStorage.setItem("MAIN", "Y");
|
// window.location.href = "./login-register.html";
|
window.location.href = "./index.html";
|
return false;
|
}
|
|
var register = queryRegister();
|
var sysSet = initSysSet();
|
|
|
//获取当前时间的时间戳，精确到毫秒
|
var timestamp = Math.round(new Date());
|
timestamp = timestamp + "";
|
// console.log(timestamp);
|
//加密
|
var s1 = $.base64.encode(timestamp);
|
// console.log(s1);
|
//解密
|
// var s2 = $.base64.decode(s1);
|
// console.log(s2);
|
|
var parm = {"user":username,"passwd": password,"timestamp":timestamp};
|
// var parm = {"passwd": password};
|
$.post("./cgi-bin/login/login", JSON.stringify(parm), function (data, status) {
|
// console.log(data);
|
if ("success" == status && data.code == "success") {
|
if(data.data.isMain == "success"){
|
var time = data.data.time;
|
// console.log(time);
|
var num = data.data.num;
|
// console.log("num="+num);
|
var basecode = data.data.basecode;
|
//加密
|
// $.base64.encode();
|
//解密
|
var code = $.base64.decode(basecode);
|
var t = (time * 1) + (num * 1) + (timestamp * 1);
|
// console.log(" t ="+t);
|
// console.log("code="+code);
|
if(t == code){
|
if(register){
|
localStorage.setItem("LOGIN_TAG", "Y");
|
localStorage.setItem("LOGIN_USER", username);
|
window.location.href = "./index.html";
|
}else{
|
window.location.href = "./login-register.html";
|
}
|
}else{
|
//验证失败，进行提示
|
showMsg("登录失败，请重新核对用户名和密码！");
|
}
|
}
|
|
} else {
|
showMsg("登录失败，请重新核对用户名和密码！");
|
}
|
}, "json");
|
|
|
|
// var parm = {"user":username,"passwd": password};
|
// $.post("./cgi-bin/login/login", JSON.stringify(parm), function (data, status) {
|
// // console.log(data);
|
// if ("success" == status && data.code == "success") {
|
// if(register){
|
// localStorage.setItem("LOGIN_TAG", "Y");
|
// localStorage.setItem("LOGIN_USER", username);
|
// window.location.href = "./index.html";
|
// }else{
|
// window.location.href = "./login-register.html";
|
// }
|
// } else {
|
// showMsg("登录失败，请重新核对用户名和密码！");
|
// }
|
// }, "json");
|
|
return false;
|
};
|
|
|
//弹出框操作
|
$('.prompt_sure,.prompt_cancel').click(function () {
|
$('.mask').addClass('hide');
|
});
|
|
function showMsg(msg) {
|
$('.prompt_text').text(msg);
|
$('.mask').removeClass('hide');
|
};
|
|
//键盘按键时触发
|
function submitByEnter(){
|
if(event.keyCode == 13){
|
// console.log("回车键触发");
|
login();
|
}
|
}
|
|
|
//初始化获取系统配置
|
function initSysSet() {
|
var result = {};
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/sys-set/query-info", function (data, status) {
|
if ("success" == status) {
|
result = data;
|
}
|
}, "json");
|
return result;
|
};
|
|
function queryQrCode() {
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/file/query-qr-code", function (data, status) {
|
if ("success" == status) {
|
var imgData = data.data;
|
if(imgData){
|
$("#qr-code-img").attr("src",imgData);
|
// $("#qr-code-div").show();
|
}
|
} else {
|
window.parent.notify("系统获取2.5D图信息失败！");
|
}
|
}, "json");
|
}
|
|
|
|
//生成画布
|
function showCheck(a){
|
var c = document.getElementById("myCanvas");
|
var ctx = c.getContext("2d");
|
ctx.clearRect(0,0,1000,1000);
|
ctx.font = "80px 'Microsoft Yahei'";
|
ctx.fillText(a,0,100);
|
ctx.fillStyle = "white";
|
}
|
//生成验证码的文字
|
var code ;
|
function createCode(){
|
code = "";
|
var codeLength = 4;
|
var selectChar = new Array(0,1,2,3,4,5,6,7,8,9);
|
for(var i=0;i<codeLength;i++) {
|
var charIndex = Math.floor(Math.random()*10);
|
code +=selectChar[charIndex];
|
}
|
if(code.length != codeLength){
|
createCode();
|
}
|
showCheck(code);
|
// document.getElementById("codes").value=code;
|
}
|
|
//查询授权信息，默认返回false，授权时间大于0返回true
|
function queryRegister() {
|
var result = false;
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/register/query_register", function (data, status) {
|
if ("success" == data.code) {
|
result = data.msg > 0;
|
} else {
|
window.parent.notify("获取授权信息出错，请重新操作！！");
|
}
|
}, "json");
|
|
return result;
|
}
|
|
</script>
|
</body>
|
|
</html>
|
