zhh
/
huahuibao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!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">
				<script type="text/javascript">
					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 ?>',
									},
									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>
				<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">
						<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>

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

	<!-- JavaScripts initializations and stuff -->
	<script src="/js/xenon-custom.js"></script>

</body>
</html>