You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

204 lines
9.2 KiB

3 years ago
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>登录智慧应急管理云平台</title>
<meta name="description" content="后台管理框架">
<link href="../static/css/bootstrap-4.2.1/css/bootstrap.css" th:href="@{/css/bootstrap-4.2.1/css/bootstrap.css}" rel="stylesheet"/>
<!--<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
<!--<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>-->
<!--<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>-->
<!--<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>-->
<!-- 360浏览器急速模式 -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>-->
<style type="text/css">label.error { position:inherit; }</style>
<link href="../static/css/style.default.css" th:href="@{/css/style.default.css}" rel="stylesheet"/>
<script>
if(window.top!==window.self){window.top.location=window.location};
</script>
</head>
<body>
<div class="page login-page">
<div class="container d-flex align-items-center">
<div class="form-holder has-shadow">
<div class="row">
<div class="col-lg-6">
<div class="info d-flex align-items-center">
<div class="content">
<div class="logo">
</div>
<div class="logosys">执法监督码管理系统</div>
</div>
</div>
</div>
<div class="col-lg-6 bg-white">
<!--<div class="form d-flex align-items-center" style="background: url(../img/ztf.jpg) no-repeat bottom 10% right 10%;-->
<!--background-size: 30%;">-->
<div class="form d-flex align-items-center">
<div class="content">
<h1>欢迎登录</h1>
<!--<form id="loginFrom">-->
<div class="form-group">
<input id="login-username" type="text" name="username" required data-msg="请输入用户名" placeholder="用户名" class="input-material">
</div>
<div class="form-group">
<input id="login-password" type="password" name="password" required data-msg="请输入密码" placeholder="密码" class="input-material">
</div>
<!--<div class="form-group" th:if="${captchaEnabled==true}">-->
<!--&lt;!&ndash;<div class="col-xs-6">&ndash;&gt;-->
<!--<input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">-->
<!--<a href="javascript:void(0);" title="点击更换验证码">-->
<!--<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>-->
<!--</a>-->
<!--</div>-->
<!--<div class="col-xs-6">-->
<!--</div>-->
<!--</div>-->
<button id="login" type="submit" class="btn btn-primary">登录</button>
<div style="margin-top: -40px;">
<!--<div class="custom-control custom-checkbox " style="float: right;">-->
<!--<input type="checkbox" class="custom-control-input" id="check2">-->
<!--<label class="custom-control-label" for="check2">自动登录</label>-->
<!--</div>-->
<!--<div class="custom-control custom-checkbox " style="float: right;">
<input type="checkbox" class="custom-control-input" id="check1">
<label class="custom-control-label" for="check1">记住密码&nbsp;&nbsp;</label>
</div>-->
</div>
<!--</form>-->
<br />
<!-- <small>没有账号?</small><a target=“_blank” href="/safety/enterprise/register" class="signup">&nbsp;注册</a>-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<!--<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>-->
<!--<script src="vendor/jquery-validation/jquery.validate.min.js"></script>-->
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!--<script src="js/front.js"></script>-->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<!--<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>-->
<!-- 验证插件 -->
<!--<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>-->
<!--<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>-->
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<!--<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>-->
<!--<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>-->
<!--<script src="../static/js/crypto-js.js" type="text/javascript"></script>-->
<script src="../static/js/crypto-js.js" th:src="@{/js/crypto-js.js}"></script>
<script>
let data = {
from: 'iframe logout',
code: 403,
data: '退出登录'
};
window.top.postMessage(data, '*');
</script>
<script>
$(function(){
/*判断上次是否勾选记住密码和自动登录*/
/*var check1s=localStorage.getItem("check1");
var check2s=localStorage.getItem("check2");
var oldName=localStorage.getItem("userName");
var oldPass=localStorage.getItem("passWord");
if(check1s=="true"){
$("#login-username").val(oldName);
$("#login-password").val(oldPass);
$("#check1").prop('checked',true);
}else{
$("#login-username").val('');
$("#login-password").val('');
$("#check1").prop('checked',false);
}
if(check2s=="true"){
$("#check2").prop('checked',true);
$("#loginFrom").submit();
//location="https://www.baidu.com?userName="+oldName+"&passWord="+oldPass;//添加退出当前账号功能
}else{
$("#check2").prop('checked',false);
}*/
/*拿到刚刚注册的账号*/
/*if(localStorage.getItem("name")!=null){
$("#login-username").val(localStorage.getItem("name"));
}*/
/*登录*/
$("#login").click(function(){
login();
})
$(document).keypress(function (e) {
if (e.keyCode == 13){
login();
}
})
})
/**
* 登录
*/
function login() {
//var rememberMe = $("#check1").prop('checked');
//var rememberMe = false;
var userName=$("#login-username").val();
var passWord=$("#login-password").val();
$.ajax({
type: "post",
url: ctx + "login",
data: {
"username": userName,
"password": Encrypt(passWord)
//"rememberMe": rememberMe
},
success: function(r) {
if (r.code == 0) {
location.href = ctx + 'index';
} else {
layer.msg(r.msg)
}
}
});
}
/**
* 加密密码
* @param passWord
* @constructor
*/
function Encrypt(passWord) {
var keyStr = '1234567898745621';
var ivStr = keyStr;
var key = CryptoJS.enc.Utf8.parse(keyStr);
var iv = CryptoJS.enc.Utf8.parse(ivStr);
var srcs = CryptoJS.enc.Utf8.parse(passWord);
var encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
</script>
</body>
</html>