<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="admin/css/pearForm.css" />
<link rel="stylesheet" href="component/layui/css/layui.css" />
<link rel="stylesheet" href="admin/css/pearButton.css" />
<link rel="stylesheet" href="assets/login.css" />
</head>
<body style="background-image: url(admin/images/bg.jpg);">
	<div class="layui-form-item">
		<div class="title">开票系统管理平台</div>
		<div class="desc"></div>
	</div>
	<div class="loginform">
		<div class="sysname">
		</div>
		<form class="layui-form" action="javascript:void(0);">
			<div class="layui-form-item">
				<input name="username" hover class="layui-input" placeholder="用户名" autocomplete="off" autofocus="autofocus" />
			</div>
			<div class="layui-form-item">
				<input name="password" type="password" hover class="layui-input" placeholder="密码" autocomplete="off" />
			</div>
			<div class="layui-form-item loginbtn">
				<button class="pear-btn pear-btn-primary login" lay-submit="" lay-filter="login" >登 录</button>
			</div>
		</form>
	</div>
	<script src="component/layui/layui.js"></script>
	<script>
		layui.use([ 'form', 'jquery', 'layer' ], function() {
			let form = layui.form;
			let $ = layui.jquery;
			let layer = layui.layer;

			form.on('submit(login)', function(data) {
				let loader = layer.load();
				$(".login").html("<i class='layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-icon-loading' />");
				$.ajax({
					url : 'auth/login',
					data : data.field,
					type : "post",
					dataType : 'json',
					success : function(result) {
						layer.close(loader);
						if (result.success) {
							layer.msg(result.msg, {
								icon : 1,
								time : 2000
							}, function() {
								location.href = "index";
							})
						} else {
							layer.msg(result.msg, {
								icon : 2,
								time : 3000
							});
						}
						$(".login").html("登 录")
					}
				});
				return false;
			});
		})
	</script>
</body>
</html>