自动化立体仓库 - WMS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
luxiaotao1123
2021-06-18 15d69d9f596a7529ce5a8b8d5a38b94e5c50b6b6 
 src/main/webapp/views/login.html


@@ -2,7 +2,8 @@


<html lang="en">


<head>


    <meta charset="UTF-8">


    <title>系统登录</title>


    <title>自动仓储 - 管理系统</title>


    <link rel="icon" type="image/x-icon" href="../static/image/log.png" />


    <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>


@@ -42,6 +43,7 @@


        }




        #login-wrapper h2 {


            letter-spacing: 3px;


            font-size: 26px;


            margin-bottom: 30px;


        }


@@ -76,6 +78,15 @@


            border-radius: 4px;


            height: 52px;


        }


        .layui-form-checked[lay-skin=primary] i {


            border-color: #0767aa!important;


            background-color: #0767aa;


            color: #fff;


        }


        .layui-form-checkbox[lay-skin=primary]:hover i {


            border-color: #0767aa;


            color: #fff;


        }


        #code-box {


            position: relative;


            height: 42px;


@@ -108,22 +119,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,7 +145,35 @@


<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", baseUrl+"/code.action?sd="+random);


@@ -151,10 +189,6 @@


            });


        }, 100);


    }


    initCode();


    $('#codeImg').click(function () {


        initCode();


    });




    layui.use(['form','layer'],function () {


        var form = layui.form,


@@ -173,11 +207,11 @@


                return;


            }


            var code = $("#code").val();


            if (code === "") {


            if (code === "" && codeSwitch === 'Y') {


                layer.msg("请输入验证码", {offset: '150px'});


                return;


            }


            if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()){


            if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){


                layer.msg("验证码错误", {offset: '150px'});


                return;


            }


@@ -192,6 +226,14 @@


                method: 'POST',


                success: function (res) {


                    if (res.code === 200){


                        // 记住密码


                        if($('#rememberPwd').is(':checked')){


                            localStorage.setItem('oldUserName',user.mobile);


                            localStorage.setItem('oldPass',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";