<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta charset="utf-8"/>
|
<title>用户登录</title>
|
<link rel="stylesheet" href="assets/libs/layui/css/layui.css"/>
|
<link rel="stylesheet" href="assets/css/login.css" media="all">
|
<style>
|
|
</style>
|
</head>
|
|
<body>
|
<div class="login-wrapper">
|
<div class="login-body">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
<i class="layui-icon layui-icon-engine"></i> 用户登录
|
</div>
|
<form class="layui-card-body layui-form layui-form-pane">
|
<div class="layui-form-item">
|
<label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label>
|
<div class="layui-input-block">
|
<input name="username" type="text" lay-verify="required" placeholder="账号"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label>
|
<div class="layui-input-block">
|
<input name="password" type="password" lay-verify="required" placeholder="密码"
|
class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
|
<div class="layui-input-block">
|
<div class="layui-row inline-block">
|
<div class="layui-col-xs7">
|
<input name="validCode" style="width:170px" type="text" lay-verify="required" placeholder="验证码" class="layui-input">
|
<input name="deviceId" type="hidden"/>
|
</div>
|
<div class="layui-col-xs5" style="padding-left: 10px;">
|
<img class="login-captcha" src="#" style="display:none">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<button lay-filter="login-submit" class="layui-btn layui-btn-fluid" lay-submit>登 录</button>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
|
<div class="login-footer">
|
<p>© 2020 <a href="javascript:;" target="_blank">喜高科技版权所有</a></p>
|
<p>备案号 <a href="https://beian.miit.gov.cn" target="_blank" >冀ICP备19021021号-2</a></p>
|
</div>
|
</div>
|
<script type="text/javascript" src="module/apiUrl.js"></script>
|
<script type="text/javascript" src="assets/libs/layui/layui.js"></script>
|
<script type="text/javascript" src="module/aes.js"></script>
|
<script type="text/javascript" src="assets/libs/login.js"></script>
|
<script type="text/javascript" src="module/Math.uuid.js"></script>
|
<script>
|
layui.config({
|
base: 'module/'
|
}).use(['config', 'form'], function () {
|
//页面唯一标识
|
let uuid = Math.uuid();
|
let $ = layui.jquery;
|
let form = layui.form;
|
let config = layui.config;
|
|
if (config.getToken()) {
|
location.replace('./');
|
return;
|
}
|
$("input[name='deviceId']").val(uuid);
|
|
// 表单提交
|
form.on('submit(login-submit)', function (obj) {
|
layer.load(2);
|
$.ajax({
|
url: config.base_server + 'api-uaa/oauth/user/token',
|
xhrFields: {
|
withCredentials: true
|
},
|
data: {
|
deviceId :$("input[name='deviceId']").val(),
|
password : getAesString($("input[name='password']").val()),
|
username : getAesString($("input[name='username']").val()),
|
validCode : $("input[name='validCode']").val()
|
},
|
type: 'POST',
|
beforeSend: function (xhr) {
|
xhr.setRequestHeader('Authorization', 'Basic ' + getAesString(config.clientId + ":" + config.clientSecret));
|
},
|
success: function (data) {
|
if (data.code === 0) {
|
config.putToken(data.data);
|
layer.msg('登录成功', {icon: 1, time: 2000}, function () {
|
location.replace('./');
|
});
|
} else {
|
layer.closeAll('loading');
|
layer.msg(data.msg, {icon: 5, time: 2000});
|
$('.login-captcha').click();
|
}
|
},
|
error: function (xhr) {
|
layer.closeAll('loading');
|
layer.msg(xhr.responseJSON.msg, {icon: 5, time: 2000});
|
$('.login-captcha').click();
|
}
|
});
|
//阻止表单跳转
|
return false;
|
});
|
|
// 图形验证码
|
$('.login-captcha').attr("src", config.base_server + "api-uaa/validata/code/"+uuid);
|
$('.login-captcha').attr("style", "");
|
|
// 图形验证码
|
$('.login-captcha').click(function () {
|
this.src = this.src + '?t=' + (new Date).getTime();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
