Files
orico-official-website-old/app/admin/view/passport/index.html
2024-10-29 14:04:59 +08:00

158 lines
7.6 KiB
HTML
Executable File

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Log in</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="__PUBLIC__/adminlte/dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="__PUBLIC__/adminlte/js/html5shiv.min.js"></script>
<script src="__PUBLIC__/adminlte/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/adminlte/css/loading.css">
<!-- Google Font -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/adminlte/css/fonts.css">
<script src="__PUBLIC__/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="__PUBLIC__/adminlte/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="__PUBLIC__/adminlte/plugins/iCheck/icheck.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/adminlte/js/loading.js"></script>
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="login-logo">
<a href="./index.html"><b>Admin WEB</b> 应用</a>
</div>
<!-- /.login-logo -->
<div class="login-box-body" id="loading-box">
<p class="login-box-msg">从这里开始</p>
<!-- <form action="<?php echo url('/admin/passport/login');?>" method="post"> -->
<div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="用户名称" id="admin_username" name="admin_username" required="">
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<input type="password" class="form-control" placeholder="用户密码" id="admin_password" name="admin_password" required="">
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="form-group">
<div class="col-xs-3 no-padding">
<input type="text" class="form-control" name="captcha" id="captcha" required="" placeholder="请输入验证码">
</div>
<div class="col-xs-6 text-center">
<img id="verifyimg" src="<?php echo url('/captcha/authcode');?>" class="img-responsive" style="height: 35px;">
</div>
<div class="col-xs-3 no-padding text-center">
<button type="button" class="btn btn-primary" id="averifyimg">刷新</button>
</div>
</div>
<!-- <div class="clearfix"></div>
<div class="form-group">
<div class="col-xs-6 no-padding">
<div class="checkbox icheck">
<label>
<input type="checkbox" name="rememberMe"> 记住用户
</label>
</div>
</div>
<div class="col-xs-6 no-padding">
<div class="checkbox pull-right">
<a href="#">忘记密码</a>
<span>&nbsp;/&nbsp;</span>
<a href="#" class="text-center">注册</a>
</div>
</div>
</div>-->
<div class="clearfix margin"></div>
<div class="form-group">
<div class="col-xs-12 no-padding">
<button type="submit" id="login" class="btn btn-primary btn-block">登 录</button>
</div>
</div>
<div class="clearfix margin"></div>
<!-- </form> -->
<div class="clearfix"></div>
</div>
<!-- /.login-box-body -->
</div>
<!-- /.login-box -->
<script type="text/javascript">
$(function() {
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
$("#verifyimg,#averifyimg").click(function(event) {
event.preventDefault();
$img = $("#verifyimg");
$img.attr("src", "<?php echo url('/captcha/authcode');?>?t=" + Math.random());
//$img.attr("src", $img.attr("src").substring(0, 21) + "?" + Math.random());
//jQuery(this).attr("src", "<?php echo url('/admin/authcode/verify');?>?" + Math.random());
});
});
</script>
</body>
</html>
<script type="text/javascript">
$("#login").click(function() {
var url = '/admin/passport/login.html';
var admin_username = $("#admin_username").val();
var admin_password = $("#admin_password").val();
var captcha = $("#captcha").val();
var data = {
admin_username: admin_username,
admin_password: admin_password,
captcha: captcha
};
$("#loading-box").showLoading();
$.ajax({
url: url,
type: 'post',
dataType: 'json',
data: data,
success: function(res) {
$("#loading-box").hideLoading();
if (res.code == 200)
location.href = '/admin/index/index.html';
else if (res.code < 0)
{
alert(res.msg);
}
}
});
})
$(document).keyup(function(e) {
if (e.keyCode == 13)
$("#login").trigger('click');
})
</script>