From ce6b5be6c0e1544bcc66f9fce9efec3ced724d95 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 11 七月 2020 15:46:29 +0800
Subject: [PATCH] #
---
src/main/webapp/views/login.html | 80 ++++++++++++++++++++++++++++------------
1 files changed, 56 insertions(+), 24 deletions(-)
diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index 9449100..ae22f7c 100644
--- a/src/main/webapp/views/login.html
+++ b/src/main/webapp/views/login.html
@@ -5,7 +5,7 @@
<title>绯荤粺鐧诲綍</title>
<link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
<script type="text/javascript" src="../static/layui/layui.js"></script>
-
+ <script type="text/javascript" src="../static/js/common.js"></script>
<style>
html{
height: 100%;
@@ -42,6 +42,7 @@
}
#login-wrapper h2 {
+ letter-spacing: 3px;
font-size: 26px;
margin-bottom: 30px;
}
@@ -71,7 +72,7 @@
font-size: 18px;
}
.layui-btn-normal {
- background-color: #0767aa;
+ background-color: #5FB878;
font-size: 20px;
border-radius: 4px;
height: 52px;
@@ -108,22 +109,21 @@
</header>
<div class="layui-form layadmin-user-login-body">
<div class="layui-form-item">
- <label class="layui-icon layui-icon-cellphone layadmin-user-login-icon"></label>
- <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="鐢ㄦ埛鍚�">
+ <label class="layui-icon layui-icon-username layadmin-user-login-icon"></label>
+ <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="璐﹀彿">
</div>
<div class="layui-form-item">
<label class="layui-icon layui-icon-password layadmin-user-login-icon"></label>
<input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="瀵嗙爜">
</div>
- <div id="code-box" class="layui-form-item">
+ <div id="code-box" class="layui-form-item" style="">
<label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label>
<input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="楠岃瘉鐮�">
<img id="codeImg" title="鐪嬩笉娓咃紵鐐瑰嚮鎹竴寮犮��">
</div>
- <!--<div class="layui-form-item">-->
- <!--<input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-filter="remPwd" lay-skin="switch" lay-text="寮�鍚瘄鍏抽棴" title="璁颁綇瀵嗙爜" checked="checked">-->
- <!--<span style="vertical-align: middle;font-size: 15px">璁颁綇瀵嗙爜</span>-->
- <!--</div>-->
+ <div class="layui-form-item" style="text-align: left;padding-left: 3px;">
+ <input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-skin='primary' lay-filter="remPwd" title="璁颁綇瀵嗙爜" checked="checked">
+ </div>
</div>
<div class="layui-form-item login-submit">
<button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">鐧� 褰�</button>
@@ -135,13 +135,41 @@
<script type="text/javascript" src="../static/js/tools/md5.js"></script>
<script type="text/javascript">
+ $(function () {
+ var oldUserName = localStorage.getItem('oldUserName');
+ var oldPass = localStorage.getItem('oldPass');
+ if(oldUserName){
+ $('#mobile').val(oldUserName);
+ }
+ if(oldPass){
+ $('#password').val(oldPass);
+ }
+ })
+
+ // 楠岃瘉鐮佸紑鍏�
+ var codeSwitch = 'Y';
+ $.ajax({
+ url: baseUrl+"/code/switch.action",
+ async: false,
+ success: function (res) {
+ if (res.data === 'N'){
+ codeSwitch = res.data;
+ $('#code-box').css("display", "none");
+ }
+ }
+ });
+
// 鍒濆鍖栭獙璇佺爜
+ initCode();
+ $('#codeImg').click(function () {
+ initCode();
+ });
function initCode() {
var random = Math.random();
- $('#codeImg').attr("src", "/code.action?sd="+random);
+ $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);
setTimeout(function () {
$.ajax({
- url: "/code.do",
+ url: baseUrl+"/code.do",
data: {sd: random},
method: 'POST',
async: false,
@@ -151,10 +179,6 @@
});
}, 100);
}
- initCode();
- $('#codeImg').click(function () {
- initCode();
- });
layui.use(['form','layer'],function () {
var form = layui.form,
@@ -173,25 +197,33 @@
return;
}
var code = $("#code").val();
- // if (code === "") {
- // layer.msg("璇疯緭鍏ラ獙璇佺爜", {offset: '150px'});
- // return;
- // }
- // if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()){
- // layer.msg("楠岃瘉鐮侀敊璇�", {offset: '150px'});
- // return;
- // }
+ if (code === "" && codeSwitch === 'Y') {
+ layer.msg("璇疯緭鍏ラ獙璇佺爜", {offset: '150px'});
+ return;
+ }
+ if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){
+ layer.msg("楠岃瘉鐮侀敊璇�", {offset: '150px'});
+ return;
+ }
var user = {
mobile: mobile,
password: hex_md5(password)
};
$.ajax({
- url: "/login.action",
+ url: baseUrl+"/login.action",
data: user,
method: 'POST',
success: function (res) {
if (res.code === 200){
+ // 璁颁綇瀵嗙爜
+ if($('#rememberPwd').is(':checked')){
+ localStorage.setItem('oldUserName',user.mobile);
+ localStorage.setItem('oldPass',user.password);
+ } else {
+ localStorage.removeItem('oldUserName');
+ localStorage.removeItem('oldPass');
+ }
localStorage.setItem("token", res.data.token);
localStorage.setItem("username", res.data.username);
window.location.href = "index.html";
--
Gitblit v1.9.1