94 lines
3.4 KiB
Go
94 lines
3.4 KiB
Go
|
<!DOCTYPE html>
|
|||
|
|
<html class="login_page_html">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<title>登录</title>
|
|||
|
|
<link rel='shortcut icon' href="/static/img/favicon.png"/>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="/static/login/style.css" />
|
|||
|
|
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|||
|
|
</head>
|
|||
|
|
<!--登录超时，跳出框架显示登录页 start-->
|
|||
|
|
<script>
|
|||
|
|
if(self.location !== top.location){
|
|||
|
|
top.location = self.location;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
/**
|
|||
|
|
* 提示信息框
|
|||
|
|
*/
|
|||
|
|
.message{
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0px;
|
|||
|
|
top: 0px;
|
|||
|
|
z-index: 9999;
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.message .box{
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0%;
|
|||
|
|
top: 0%;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 40px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
<!--登录超时，跳出框架显示登录页 end-->
|
|||
|
|
<body class="login_page">
|
|||
|
|
<div class="login_page_bg">
|
|||
|
|
<div class="login_page_panel">
|
|||
|
|
<h1 style="color: #fff;font-size: 40px;text-align:center;">定时任务管理</h1>
|
|||
|
|
<form action="/login" method="post">
|
|||
|
|
<div class="username">
|
|||
|
|
<input type="text" name="username" id="username" class="box_sizing" autofocus="autofocus" autocomplete="off" placeholder="账号" required />
|
|||
|
|
</div>
|
|||
|
|
<div class="password">
|
|||
|
|
<input type="password" name="password" id="password" class="box_sizing" placeholder="密码" required />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="remember" style="margin-top: 10px;color: #fff">
|
|||
|
|
<input type="checkbox" name="remember" id="remember" value="yes"> 一周内自动登录
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="login_button">
|
|||
|
|
<button id="login_button" class="box_sizing">登 录</button>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!--message start-->
|
|||
|
|
<div class="message">
|
|||
|
|
<div class="alert alert-danger box" role="alert">
|
|||
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|||
|
|
<strong id="message">保存成功</strong>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!--message end-->
|
|||
|
|
<script src="/static/js/jquery-1.11.1.min.js"></script>
|
|||
|
|
<script src="/static/bootstrap/js/bootstrap.js"></script>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//alert-success alert-danger
|
|||
|
|
function alert_message(message,addClass,removeClass)
|
|||
|
|
{
|
|||
|
|
$('.box').addClass(addClass);
|
|||
|
|
$('.box').removeClass(removeClass);
|
|||
|
|
$("#message").html(message);
|
|||
|
|
$('.message').fadeIn(1000);
|
|||
|
|
$('.message').fadeOut(4000);
|
|||
|
|
}
|
|||
|
|
var error_info = "{{.flash.error}}";
|
|||
|
|
if(error_info)
|
|||
|
|
{
|
|||
|
|
alert_message(error_info,"alert-danger","alert-success");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|