修改配置
This commit is contained in:
parent
a60ebe3cb4
commit
1caa5c082a
|
|
@ -0,0 +1,347 @@
|
|||
<!DOCTYPE html>
|
||||
<html style="display: none">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Pragma" content="no-cache">
|
||||
<meta http-equiv="Cache-Control" content="no-cache">
|
||||
<meta http-equiv="Expires" content="0">
|
||||
<title>登录</title>
|
||||
<link href="css/login.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body id="allPage">
|
||||
|
||||
<div id="content" >
|
||||
<div class="title">实名制管理系统</div>
|
||||
<div class="content">
|
||||
<div class="phoneDiv">
|
||||
<div class="title"></div>
|
||||
<div id="phoneDiv">
|
||||
<input id="username" name="username" type="text" placeholder="手机号"/>
|
||||
<input id="jwtToken" hidden/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pwdDiv">
|
||||
<div class="title"></div>
|
||||
<div id="pwdDiv">
|
||||
<input id="password" name="password" type="password" placeholder="密码"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="func">
|
||||
<input id="jzpwd" type="checkbox" /><span style="color: #00367A; font-size: 13px; font-family: '微软雅黑'; ">记住密码</span>
|
||||
<span onclick="forgetPwd()" style="color: #00367A; font-size: 13px; font-family: '微软雅黑'; ">忘记密码</span>
|
||||
</div>
|
||||
|
||||
<div onclick="login(this)" id="login">登录</div>
|
||||
<span id="info" style="color: red"></span>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="js/libs/jquery-3.6.0.js"></script>
|
||||
<script src="js/publicJs.js"></script>
|
||||
<script src="js/AesCbc.js"></script>
|
||||
<script type="text/javascript" src="./layui/layui.js"></script>
|
||||
<script type="text/javascript">
|
||||
layui.use([ 'layer' ], function() {
|
||||
var layer = layui.layer;
|
||||
var userName = localStorage.getItem("userName");//用户名
|
||||
var password = localStorage.getItem("password");//密码
|
||||
var jzpwd = localStorage.getItem("jzpwd");//是否记住密码
|
||||
if(jzpwd != null && jzpwd == "true"){
|
||||
$("#username").val(userName);
|
||||
$("#password").val(password);
|
||||
}
|
||||
//回车登录，
|
||||
enterBtn();
|
||||
|
||||
//禁用 F12、鼠标右键
|
||||
// disabledReviewElement();
|
||||
});
|
||||
//自动登录
|
||||
window.onload = function() {
|
||||
//获取浏览器路径
|
||||
let hrefUrl = window.location.href;
|
||||
const url = new URL(hrefUrl);
|
||||
const urlParam = new URLSearchParams(url.search);
|
||||
//解析路径参数
|
||||
const params = urlParam.get('params');
|
||||
if(params){
|
||||
//对参数进行解密
|
||||
const jiemi =bnsCloudDecrypt(params);
|
||||
//解密参数继续解析
|
||||
const logingParam = new URLSearchParams(jiemi);
|
||||
//获取账号密码
|
||||
const username = logingParam.get('username');
|
||||
const password = logingParam.get('password');
|
||||
if(username && password){
|
||||
//自己系统登录的方法 有验证码的 需要去添加一个无验证码登录的方法
|
||||
authLogin(username,password);
|
||||
}
|
||||
}else{
|
||||
console.log("无自动登录参数");
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
if (top != self) {
|
||||
parent.location.href = '/login.html';
|
||||
}
|
||||
|
||||
var token = localStorage.getItem("smz-token");
|
||||
if (token != null && token.trim().length != 0) {
|
||||
$.ajax({
|
||||
type : 'get',
|
||||
url : ctxPath + '/users/current?token=' + token,
|
||||
success : function(data) {
|
||||
if(data != ''){
|
||||
location.href = ctxPath + '/index.html';
|
||||
}
|
||||
},
|
||||
error : function(xhr, textStatus, errorThrown) {
|
||||
var msg = xhr.responseText;
|
||||
var response = JSON.parse(msg);
|
||||
var code = response.code;
|
||||
var message = response.message;
|
||||
if (code == 401) {
|
||||
localStorage.removeItem("smz-token");
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function authLogin(username,password){
|
||||
var jwtToken = $.trim($('#jwtToken').val());
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
contentType : "application/json; charset=utf-8",
|
||||
url : IP_URL + '/auth/login',
|
||||
data : JSON.stringify({
|
||||
"username" : encryptCBC(username),
|
||||
"password" : encryptCBC(password),
|
||||
"jwtToken" : jwtToken
|
||||
}),
|
||||
success : function(data) {
|
||||
if(data.code == '200'){
|
||||
console.log("[[[[[:",data)
|
||||
let roleLevel = data.data.loginUser.sysUser.roleLevel;
|
||||
// if(roleLevel != '5'){
|
||||
localStorage.setItem("smz-token", data.data.access_token);
|
||||
//保存用户名密码
|
||||
localStorage.setItem("userName", username);
|
||||
localStorage.setItem("password", password);
|
||||
//保存登录人id
|
||||
localStorage.setItem("userId", data.data.loginUser.userid);
|
||||
//保存登录人身份证
|
||||
localStorage.setItem("userIdNumber", data.data.loginUser.sysUser.idNumber);
|
||||
//保存登录人手机号
|
||||
localStorage.setItem("phonenumber", data.data.loginUser.sysUser.phonenumber);
|
||||
//角色等级
|
||||
localStorage.setItem("roleLevel", roleLevel);
|
||||
//是否记录密码
|
||||
localStorage.setItem("jzpwd", jzpwd);
|
||||
//验证密码强度
|
||||
var flag = checkPwd(password);
|
||||
//密码强度过低
|
||||
if(flag){
|
||||
//密码强度符合规则
|
||||
location.href = ctxPath + '/index.html';
|
||||
}else{
|
||||
var msg = "您的密码复杂度太低！密码中必须包含【大小字母】、【数字】、【特殊字符】,请您尽快去修改密码。";
|
||||
layer.alert(msg, { icon: 0 }, function () {
|
||||
location.href = ctxPath + '/index.html';
|
||||
});
|
||||
}
|
||||
|
||||
// }else{
|
||||
// $("#info").html("施工人员级权限无法登录");
|
||||
// $(obj).attr("disabled", false);
|
||||
// }
|
||||
}else{
|
||||
$("#info").html(data.msg);
|
||||
}
|
||||
},
|
||||
error : function(xhr, textStatus, errorThrown) {
|
||||
var msg = xhr.responseText;
|
||||
var response = JSON.parse(msg);
|
||||
$("#info").html(response.message);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
//回车登录，
|
||||
function enterBtn(){
|
||||
fastLogin();
|
||||
}
|
||||
function login(obj) {
|
||||
$(obj).attr("disabled", true);
|
||||
var username = $.trim($('#username').val());
|
||||
var password = $.trim($('#password').val());
|
||||
var jwtToken = $.trim($('#jwtToken').val());
|
||||
var jzpwd = $("#jzpwd").prop("checked"); // 是否记住密码
|
||||
if (username == "" || password == "") {
|
||||
$("#info").html('手机号或者密码不能为空');
|
||||
$(obj).attr("disabled", false);
|
||||
} else {
|
||||
$.ajax({
|
||||
type : 'post',
|
||||
contentType : "application/json; charset=utf-8",
|
||||
url : IP_URL + '/auth/login',
|
||||
data : JSON.stringify({
|
||||
// "username" : username,
|
||||
// "password" : password,
|
||||
"username" : encryptCBC(username),
|
||||
"password" : encryptCBC(password),
|
||||
"jwtToken" : jwtToken
|
||||
}),
|
||||
success : function(data) {
|
||||
if(data.code == '200'){
|
||||
console.log("[[[[[:",data)
|
||||
let roleLevel = data.data.loginUser.sysUser.roleLevel;
|
||||
// if(roleLevel != '5'){
|
||||
localStorage.setItem("smz-token", data.data.access_token);
|
||||
//保存用户名密码
|
||||
localStorage.setItem("userName", username);
|
||||
localStorage.setItem("password", password);
|
||||
//保存登录人id
|
||||
localStorage.setItem("userId", data.data.loginUser.userid);
|
||||
//保存登录人身份证
|
||||
localStorage.setItem("userIdNumber", data.data.loginUser.sysUser.idNumber);
|
||||
//保存登录人手机号
|
||||
localStorage.setItem("phonenumber", data.data.loginUser.sysUser.phonenumber);
|
||||
//角色等级
|
||||
localStorage.setItem("roleLevel", roleLevel);
|
||||
//是否记录密码
|
||||
localStorage.setItem("jzpwd", jzpwd);
|
||||
//验证密码强度
|
||||
var flag = checkPwd(password);
|
||||
//密码强度过低
|
||||
if(flag){
|
||||
//密码强度符合规则
|
||||
location.href = ctxPath + '/index.html';
|
||||
}else{
|
||||
var msg = "您的密码复杂度太低！密码中必须包含【大小字母】、【数字】、【特殊字符】,请您尽快去修改密码。";
|
||||
layer.alert(msg, { icon: 0 }, function () {
|
||||
location.href = ctxPath + '/index.html';
|
||||
});
|
||||
}
|
||||
|
||||
// }else{
|
||||
// $("#info").html("施工人员级权限无法登录");
|
||||
// $(obj).attr("disabled", false);
|
||||
// }
|
||||
}else{
|
||||
$("#info").html(data.msg);
|
||||
$(obj).attr("disabled", false);
|
||||
}
|
||||
},
|
||||
error : function(xhr, textStatus, errorThrown) {
|
||||
var msg = xhr.responseText;
|
||||
var response = JSON.parse(msg);
|
||||
$("#info").html(response.message);
|
||||
$(obj).attr("disabled", false);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
//验证密码强度
|
||||
function checkPwd(password) {
|
||||
var flag = true;
|
||||
if (password != null) {
|
||||
var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,20}');
|
||||
if (!regex.test(password)) {
|
||||
flag = false;
|
||||
}
|
||||
}
|
||||
return flag;
|
||||
}
|
||||
|
||||
//忘记密码
|
||||
function forgetPwd(){
|
||||
location.href = "updPwd.html";
|
||||
}
|
||||
|
||||
function fastLogin(){
|
||||
var jwtToken=GetQueryString("token");
|
||||
console.log(jwtToken);
|
||||
if(jwtToken==null||jwtToken==undefined){
|
||||
$(document).keyup(function(event){
|
||||
if(event.keyCode ==13){
|
||||
login($("#login"));
|
||||
}
|
||||
});
|
||||
return;
|
||||
}else{
|
||||
$("#content").css("display","none");
|
||||
// layer.open({
|
||||
// type: 1,
|
||||
// title: '加载数据提示',
|
||||
// area: ['70%', '70%'], // 设置宽度和高度
|
||||
// content: `<div style="width: 100%;height: 100%;text-align: center;display: flex;justify-content: center">正在加载数据中</div>`,
|
||||
// offset: 'auto', // 将内容居中
|
||||
// });
|
||||
layer.msg('自动登录中，请稍后。。。',{
|
||||
icon:16,
|
||||
shade: [0.8, '#393D49'],
|
||||
time:5000
|
||||
});
|
||||
}
|
||||
var url = IP_URL+"/auth/getTokenKey?jwtToken="+jwtToken;
|
||||
$.ajax({
|
||||
type : "GET",
|
||||
contentType: "application/json;charset=UTF-8",
|
||||
url : url,
|
||||
success : function(result) {
|
||||
if(result !== "miss"){
|
||||
$('#username').val(result);
|
||||
$('#jwtToken').val(jwtToken);
|
||||
$('#password').val("edsa12fasf@das");
|
||||
login();
|
||||
}else{
|
||||
console.log("jwtToken解析错误");
|
||||
}
|
||||
},
|
||||
//请求失败，包含具体的错误信息
|
||||
error : function(e){
|
||||
console.log(e.status);
|
||||
console.log(e.responseText);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function GetQueryString(name){
|
||||
var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if(r!=null)return unescape(r[2]); return null;
|
||||
}
|
||||
|
||||
//禁用 F12、鼠标右键
|
||||
function disabledReviewElement() {
|
||||
document.onkeydown = function(e) {
|
||||
if(e.keyCode == 123) {
|
||||
return false;
|
||||
}
|
||||
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
|
||||
return false;
|
||||
}
|
||||
if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
|
||||
return false;
|
||||
}
|
||||
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
|
||||
return false;
|
||||
}
|
||||
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
document.addEventListener('contextmenu', function (event) {
|
||||
event.preventDefault()
|
||||
})
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
Loading…
Reference in New Issue