自动化立库仓库-WCS系统
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
#
Junjie
2025-09-05 c4b6b51afdd3374735ed5f358457987eaa6e476f 
 src/main/webapp/views/login.html


@@ -4,7 +4,8 @@


    <meta charset="UTF-8">


    <title>系统登录</title>


    <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">


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


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


    <link rel="stylesheet" href="../static/css/animate.min.css">


    <script type="text/javascript" src="../static/layui/layui.js"></script>


    <script type="text/javascript" src="../static/js/common.js"></script>


    <style>


@@ -15,7 +16,8 @@


            color: #777;


            height: 100%;


            /*background-image: linear-gradient(to right, #ff9569 0%, #e92758 100%);*/


            background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);


            /*background-image: linear-gradient(-90deg, #a2e7f3 0%, #98baee 100%);*/


            background-image: url("../static/images/login.png");


            /*background: -webkit-linear-gradient(red, blue); !* Safari 5.1 - 6.0 *!;*/


            /*background-image: url("../static/image/login_bg.jpg");*/


            /*background-repeat: no-repeat;*/


@@ -31,19 +33,21 @@


            left: 50%;


            margin-top: -210px;


            margin-left: -220px;


            width: 440px;


            min-height: 420px;


            width: 400px;


            min-height: 380px;


            padding: 50px;


            text-align: center;


            border-radius: 5px;




            box-shadow: 0px 0px 10px rgb(168, 165, 165);


            transform-origin: 50% 50%;


            animation: loading 1s 0s forwards;


            /*animation: loading 1s 0s forwards;*/


            transform: rotateX(0deg);


        }




        #login-wrapper h2 {


            color: rgba(64,158,255,0.9);


            font-size: 26px;


            font-weight: bold;


            margin-bottom: 30px;


        }




@@ -72,7 +76,7 @@


            font-size: 18px;


        }


        .layui-btn-normal {


            background-color: #0767aa;


            background-color: rgba(64,158,255,0.9);


            font-size: 20px;


            border-radius: 4px;


            height: 52px;


@@ -101,11 +105,11 @@


        }


    </style>


</head>


<body class="login-bg">


<body class="login-bg animsition">




<div id="login-wrapper">


<div id="login-wrapper" class="animate__animated animate__bounceInDown">


    <header>


        <h2>WCS 系统登录</h2>


        <h2>RCS调度系统V2.0</h2>


    </header>


    <div class="layui-form layadmin-user-login-body">


        <div class="layui-form-item">


@@ -116,18 +120,18 @@


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


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


        <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">登 &nbsp  &nbsp 录</button>


    </div>


</div>




@@ -136,39 +140,39 @@


<script type="text/javascript" src="../static/js/tools/md5.js"></script>


<script type="text/javascript">




    // 验证码开关


    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");


            }


        }


    });


    // // 验证码开关


    // 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);


        setTimeout(function () {


            $.ajax({


                url: baseUrl+"/code.do",


                data: {sd: random},


                method: 'POST',


                async: false,


                success: function (code) {


                    sessionStorage.setItem("code", code);


                }


            });


        }, 100);


    }


    // // 初始化验证码


    // initCode();


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


    //     initCode();


    // });


    // function initCode() {


    //     var random = Math.random();


    //     $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random);


    //     setTimeout(function () {


    //         $.ajax({


    //             url: baseUrl+"/code.do",


    //             data: {sd: random},


    //             method: 'POST',


    //             async: false,


    //             success: function (code) {


    //                 sessionStorage.setItem("code", code);


    //             }


    //         });


    //     }, 100);


    // }




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


        var form = layui.form,


@@ -186,15 +190,15 @@


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


                return;


            }


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


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


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


                return;


            }


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


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


                return;


            }


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


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


@@ -225,4 +229,5 @@




    });


</script>


<script type></script>


</html>