login.html 6.89 KB
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <title>华恒管理系统 - 登录</title>
    <meta name="keywords" content="华恒管理系统">
    <meta name="description" content="huaheng">
    <link href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.css" th:href="@{css/font-awesome.css}" rel="stylesheet"/>
    <link href="../static/css/style.css" th:href="@{css/style.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{css/login.min.css}" rel="stylesheet"/>
    <link href="../static/ajax/libs/iCheck/custom.css" th:href="@{/ajax/libs/iCheck/custom.css}" rel="stylesheet"/>
    <link href="../static/huaheng/css/ry-ui.min.css" th:href="@{/huaheng/css/ry-ui.min.css?v=2.3.0}" rel="stylesheet"/>
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">label.error {
        position: inherit;
    }</style>
    <script>
        if (window.top !== window.self) {
            window.top.location = window.location
        }
        ;
    </script>
</head>

<body class="signin">

<div class="signinpanel">
    <div class="row">
        <div class="col-sm-6">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <h1><img alt="[ 华恒 ]" src="../static/huaheng.png" th:src="@{/huaheng.png}"></h1>
                </div>
                <div class="m-b"></div>
                <h4>欢迎使用 <strong>华恒仓库管理系统1.0.0</strong></h4>
                <!--<ul class="m-b">-->
                    <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> SpringBoot</li>-->
                    <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Mybatis</li>-->
                    <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Shiro</li>-->
                    <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Thymeleaf</li>-->
                    <!--<li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> Bootstrap</li>-->
                <!--</ul>-->
            </div>
        </div>
        <div class="col-sm-6">
            <form id="signupForm">
                <h4 class="no-margins">登录:</h4>
                <p class="m-t-md">请输入用户名和密码,然后点击登陆</p>

                <div class="row" style="padding:0 10px;">
                    <label  class="control-label col-lg-3"  style="padding-top:7%;padding-right:0;text-align:right;">用户名:</label>
                    <div class="col-lg-9" style="padding:0 5px;">
                        <!--<input type="text" name="username" id="username" class="form-control uname" placeholder="用户名"  value="admin">-->
                        <input type="text" name="username" id="username" class="form-control uname" placeholder="用户名">
                    </div>
                </div>
                <div class="row" style="padding:0 10px;">
                    <label  class="control-label col-lg-3"  style="padding-top:7%;padding-right:0;text-align:right;">密码:</label>
                    <div class="col-lg-9" style="padding:0 5px;">
                        <!--<input type="password" name="password" id="password" class="form-control pword" placeholder="密码"  value="admin123">-->
                        <input type="password" name="password" id="password" class="form-control pword" placeholder="密码">
                    </div>
                </div>
                <div class="row" style="padding:0 10px;">
                    <label  class="control-label col-lg-3"  style="padding-top:7%;padding-right:0;text-align:right;">仓库:</label>
                    <div class="col-lg-9" style="padding:0 5px;">
                        <select name="warehouse" id="warehouse" class="form-control" style="color:#333;">
                        </select>
                    </div>
                </div>
                <!--<div class="row" style="padding:0 10px;">-->
                    <!--<div class="col-lg-3"></div>-->
                    <!--<div class="col-lg-9" style="padding:10px 0 0 5px;"><input class="i-checks" type="checkbox" name="rememberme" style="background: #fff"/>&nbsp;&nbsp;记住我-->
                    <!--</div>-->
                <!--</div>-->
                <button style="margin-top: 20px" class="btn btn-success btn-block" id="btnSubmit" data-loading="正在验证登录,请稍后...">登录</button>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
            &copy; 2018 All Rights Reserved. huaheng
        </div>
    </div>
</div>

<script th:inline="javascript">
    var ctx = [[@{/}]];
        var captchaType = [[${captchaType}]];
</script>
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script>
    $(function () {
        var post_select = function (username) {
            $.ajax({
                url: "/getWarehouseByUserCode",
                type: 'post',
                dataType: "json",
                data: {
                    username:  username
                },
                success: function (value) {
                    // console.log(value.data);
                      $("#warehouse").contents().remove();
                    if (value != null && value.data.length >= 1)
                        for(var i=0; i<value.data.length; i++){
                            $('<option value='+ value.data[i].id + ',' + value.data[i].code + '>'+ value.data[i].name + '</option>').appendTo('#warehouse');
                        }
                }
            })
        };

        $("#username").blur(function () {
            // console.log("改变下拉框,传递:" + $("#username").val());
            post_select($("#username").val());
        });
    })


</script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- 验证插件 -->
<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/iCheck/icheck.min.js" th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/huaheng/js/ry-ui.min.js" th:src="@{/huaheng/js/ry-ui.min.js?v=2.3.0}"></script>
<script src="../static/huaheng/login.js" th:src="@{/huaheng/login.js}"></script>
</body>
</html>