From 0481353111afb43a2322e18530dde26f1d841ead Mon Sep 17 00:00:00 2001
From: yanghb <yanghb>
Date: 星期五, 21 四月 2023 11:15:34 +0800
Subject: [PATCH] 代码调整
---
ManagementTravel/guns-admin/src/main/webapp/WEB-INF/view/login.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 101 insertions(+), 5 deletions(-)
diff --git a/ManagementTravel/guns-admin/src/main/webapp/WEB-INF/view/login.html b/ManagementTravel/guns-admin/src/main/webapp/WEB-INF/view/login.html
index 566e8eb..f7b95a7 100644
--- a/ManagementTravel/guns-admin/src/main/webapp/WEB-INF/view/login.html
+++ b/ManagementTravel/guns-admin/src/main/webapp/WEB-INF/view/login.html
@@ -55,7 +55,7 @@
<div style="display: flex;align-items: center;justify-content: center;height: 100%">
-<img src="${ctxPath}/static/img/login.png" style="width: 300px;height: 400px;z-index: 1000; border-radius: 20px;">
+<img src="${ctxPath}/static/img/index4.png" style="width: 300px;height: 400px;z-index: 1000">
<div style="position: relative;left: -20px; max-width: 300px;min-height: 300px;background: white;border-radius: 8px;box-sizing: border-box;padding: 0 30px 0 50px;display: flex;align-items: center;justify-content: center;">
<div style="max-height: 100%">
<h3 style="color: black;"><img src="${ctxPath}/static/img/logo.png" width="30px" height="30px"/> 天马出租管理后台</h3>
@@ -64,11 +64,15 @@
<form class="m-t" role="form" action="${ctxPath}/login" method="post">
<div class="item">
<img src="${ctxPath}/static/img/account.png" />
- <input class="itemInput" type="text" name="username" placeholder="请输入您的账号" required="" value="">
+ <input class="itemInput" type="text" name="username" id="username" placeholder="请输入您的账号" required="" value="">
</div>
<div class="item">
<img src="${ctxPath}/static/img/password.png" />
- <input class="itemInput" type="password" name="password" placeholder="请输入您的密码" required="" value="">
+ <input class="itemInput" type="password" name="password" id="password" placeholder="请输入您的密码" required="" value="">
+ </div>
+ <div class="item">
+ <input class="itemInput" name="sms_code" id="sms_code" placeholder="请输入验证码" required="" value="" style="padding-left: 0px; text-align: center;">
+ <button id="btn" type="button" onclick="sendSMSCode(this)" style="width: 150px; font-size: 14px;">获取验证码</button>
</div>
@if(kaptcha.getKaptchaOnOff() == true){
<div class="form-group" style="float: left;">
@@ -87,18 +91,66 @@
</label>-->
</div>
</div>
- <button type="submit" class="btn full-width m-b" style="background-color: #d56b29;color: black;">登 录</button>
+ <button onclick="login()" class="btn full-width m-b" style="background-color: #d56b29;color: black;">登 录</button>
+ <button type="submit" id="submit" style="display: none;"></button>
</p>
</form>
</div>
</div></div>
-
+</body>
+<script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
+<script src="${ctxPath}/static/js/common/ajax-object.js"></script>
+<script src="${ctxPath}/static/js/common/Feng.js"></script>
+<script src="${ctxPath}/static/crypto-js/crypto-js.js"></script>
<script>
$(function () {
$("#kaptcha").on('click', function () {
$("#kaptcha").attr('src', '${ctxPath}/kaptcha?' + Math.floor(Math.random() * 100)).fadeIn();
});
+
});
+ var key = CryptoJS.enc.Utf8.parse("xqT86jictTPpHMem");
+ var iv = CryptoJS.enc.Utf8.parse("xqT86jicxqT86jic");
+
+ //aes加密
+ function encryptAES(context) {
+ if(null == context || '' == context){
+ return context;
+ }
+ var encrypted = '';
+ if (typeof(context) == 'string') {
+
+ }else if(typeof(context) == 'object'){
+ context = JSON.stringify(context);
+ }
+ var srcs = CryptoJS.enc.Utf8.parse(context);
+ encrypted = CryptoJS.AES.encrypt(srcs, key, {
+ iv: iv,
+ mode: CryptoJS.mode.CBC,
+ padding: CryptoJS.pad.Pkcs7
+ });
+ return encrypted.toString();
+ }
+ // aes解密
+ function decryptAES(context) {
+ if(null == context || '' == context){
+ return context;
+ }
+ var decrypt = CryptoJS.AES.decrypt(context, key, {
+ iv: iv,
+ mode: CryptoJS.mode.CBC,
+ padding: CryptoJS.pad.Pkcs7
+ });
+ var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
+ return decryptedStr.toString();
+ }
+ function login(){
+ let password = $('#password').val();
+ password = encryptAES(password);
+ $('#password').val(password);
+ $('#submit').submit();
+ }
+
window.addEventListener(
"mousewheel",
@@ -187,6 +239,50 @@
}
}
fontSize(768, 1920);
+
+
+
+ function sendSMSCode(obj) {
+ let username = $('#username').val();
+ if(null == username || '' == username){
+ alert("请先输入您的账号");
+ return
+ }
+ $.ajax({
+ url: Feng.ctxPath + '/base/sendSMSCode',
+ type: 'POST',
+ data:{
+ username: username
+ },
+ success: function (res) {
+ if(res.status == 200){
+ invokeSettime(obj);
+ }else{
+ alert(res.msg);
+ }
+ }
+ });
+ }
+
+ function invokeSettime(obj){
+ var countdown=60;
+ settime(obj);
+ function settime(obj) {
+ if (countdown == 0) {
+ $(obj).attr("disabled",false);
+ $(obj).text("获取验证码");
+ countdown = 60;
+ return;
+ } else {
+ $(obj).attr("disabled",true);
+ $(obj).text("(" + countdown + ")s重新发送");
+ countdown--;
+ }
+ setTimeout(function() {
+ settime(obj) }
+ ,1000)
+ }
+ }
</script>
</body>
--
Gitblit v1.7.1