zhh
/
huahuibao


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Xenon Boostrap Admin Panel"/>
    <meta name="author" content=""/>
    <title>管理后台</title>
    <link rel="stylesheet" href="/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/css/xenon-core.css">
    <link rel="stylesheet" href="/css/xenon-forms.css">
    <link rel="stylesheet" href="/css/xenon-components.css">
    <link rel="stylesheet" href="/css/xenon-skins.css">
    <link rel="stylesheet" href="/css/custom.css">

    <script src="/js/jquery-1.11.1.min.js"></script>

</head>
<body class="page-body login-page login-light">
<div class="login-container">
    <div class="row">
        <div class="col-sm-6">
            <form method="post" role="form" id="login" class="login-form fade-in-effect">
                <div class="login-header">
                    <a href="javascript:void(0)" class="logo"> <span>后台管理</span> </a>
                </div>
                <div class="form-group">
                    <label class="control-label" for="mobile">手机号</label>
                    <input type="text" class="form-control" name="mobile" id="mobile" value="" autocomplete="off"/>
                </div>
                <div class="form-group">
                    <label class="control-label" for="password">密码</label>
                    <input type="password" class="form-control" name="password" id="password" autocomplete="off" value=""/>
                </div>
                <div class="form-group">
                    <input id="autoLogin" checked type="checkbox" style="display: inline-block;vertical-align:middle;margin-bottom:7px;margin-right:3px;"/><label for="autoLogin">记住我</label>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary  btn-block text-left">
                        <i class="fa-lock"></i> 登陆
                    </button>
                    <span name="mention" style="color:red;">&nbsp;</span>
                </div>
                <!--
				<div class="login-footer">
					<a href="javascript:void(0)">忘记密码？</a>
				</div>
				 -->
            </form>
        </div>
    </div>
</div>


<script type="text/javascript">
    //是否选中免登陆
    var autoLogin = 1;
    $("#autoLogin").click(function () {
        var bool = $(this).prop('checked');
        if (bool == false) {
            autoLogin = 0;
        } else {
            autoLogin = 1;
        }
    });

    jQuery(document).ready(function ($) {
        // Reveal Login form
        setTimeout(function () {
            $(".fade-in-effect").addClass('in');
        }, 1);

        // Validation and Ajax action
        $("form#login").validate({
            rules: {
                mobile: {
                    required: true
                },

                password: {
                    required: true
                }
            },

            messages: {
                mobile: {
                    required: '请输入手机号.'
                },
                password: {
                    required: '请输入密码.'
                }
            },
            // Form Processing via AJAX
            submitHandler: function (form) {
                $.ajax({
                    url: "/main/check-login",
                    method: 'POST',
                    dataType: 'json',
                    async: false,
                    data: {
                        mobile: $(form).find('#mobile').val(),
                        password: $(form).find('#password').val(),
                        _csrf: '<?= Yii::$app->request->csrfToken ?>',
                        autoLogin: autoLogin
                    },
                    success: function (resp) {
                        if (resp.code == 'A0001') {
                            show_loading_bar({
                                delay: .5,
                                pct: 100,
                                finish: function () {
                                    window.location.href = '/main/index';
                                }
                            });
                        }
                        // Show errors
                        if (resp.code != 'A0001') {
                            $("span[name=mention]").html(resp.msg);
                            setTimeout(function () {
                                $("span[name=mention]").html('&nbsp;');
                            }, 1800);
                        }
                    }
                });
            }
        });
        // Set Form focus
        $("form#login .form-group:has(.form-control):first .form-control").focus();
    });
</script>


<!-- Bottom Scripts -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/TweenMax.min.js"></script>
<script src="/js/resizeable.js"></script>
<script src="/js/joinable.js"></script>
<script src="/js/xenon-api.js"></script>
<script src="/js/xenon-toggles.js"></script>
<script src="/js/jquery-validate/jquery.validate.min.js"></script>
<script src="/js/toastr/toastr.min.js"></script>
<script src="/js/xenon-custom.js"></script>
</body>
</html>