OpenAuth.Net/OpenAuth.Mvc/Views/Login/Index.cshtml

238 lines
8.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@model OpenAuth.Mvc.Models.BjuiResponse
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>系统登录</title>
<script src="~/BJUI/js/jquery-1.7.2.min.js"></script>
<script src="~/BJUI/js/jquery.cookie.js"></script>
<script src="~/BJUI/js/sha256.js"></script>
<link href="~/BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
* {
font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
}
body {
background: url(/BJUI/images/loginbg_01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
a:link {
color: #285e8e;
}
.main_box {
position: absolute;
top: 50%;
left: 50%;
margin-top: -260px;
margin-left: -300px;
padding: 30px;
width: 600px;
height: 460px;
background: #FAFAFA;
background: rgba(255,255,255,0.5);
border: 1px #DDD solid;
border-radius: 5px;
-webkit-box-shadow: 1px 5px 8px #888888;
-moz-box-shadow: 1px 5px 8px #888888;
box-shadow: 1px 5px 8px #888888;
}
.main_box .setting {
position: absolute;
top: 5px;
right: 10px;
width: 10px;
height: 10px;
}
.main_box .setting a {
color: #FF6600;
}
.main_box .setting a:hover {
color: #555;
}
.login_logo {
margin-bottom: 20px;
height: 45px;
text-align: center;
}
.login_logo img {
height: 45px;
}
.login_msg {
text-align: center;
font-size: 16px;
}
.login_form {
padding-top: 20px;
font-size: 16px;
}
.login_box .form-control {
display: inline-block;
*display: inline;
zoom: 1;
width: auto;
font-size: 18px;
}
.login_box .form-control.x319 {
width: 319px;
}
.login_box .form-control.x164 {
width: 164px;
}
.login_box .form-group {
margin-bottom: 20px;
}
.login_box .form-group label.t {
width: 120px;
text-align: right;
cursor: pointer;
}
.login_box .form-group.space {
padding-top: 15px;
border-top: 1px #FFF dotted;
}
.login_box .form-group img {
margin-top: 1px;
height: 32px;
vertical-align: top;
}
.login_box .m {
cursor: pointer;
}
.bottom {
text-align: center;
font-size: 12px;
}
</style>
<script type="text/javascript">
var COOKIE_NAME = 'sys__username';
$(function () {
choose_bg();
//changeCode();
if ($.cookie(COOKIE_NAME)) {
$("#j_username").val($.cookie(COOKIE_NAME));
$("#j_password").focus();
$("#j_remember").attr('checked', true);
} else {
$("#j_username").focus();
}
/*$("#captcha_img").click(function(){
changeCode();
});*/
$("#login_form").submit(function () {
var issubmit = true;
var i_index = 0;
$(this).find('.in').each(function (i) { //检测为空
if ($.trim($(this).val()).length == 0) {
$(this).css('border', '1px #ff0000 solid');
issubmit = false;
if (i_index == 0)
i_index = i;
}
});
if (!issubmit) {
$(this).find('.in').eq(i_index).focus();
return false;
}
var $remember = $("#j_remember");
if ($remember.attr('checked')) {
$.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
} else {
$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie
}
$("#login_ok").attr("disabled", true).val('登陆中..');
// window.location.href = '/Home/Index'; /*注意:生产环境时请删除此行*/
return true;
});
});
function genTimestamp() {
var time = new Date();
return time.getTime();
}
function changeCode() {
//$("#captcha_img").attr("src", "/captcha.jpeg?t="+genTimestamp());
}
function choose_bg() {
var bg = Math.floor(Math.random() * 4 + 1);
$('body').css('background-image', 'url(/BJUI/images/loginbg_0' + bg + '.jpg)');
}
</script>
</head>
<body>
<!--[if lte IE 7]>
<style type="text/css">
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
#errorie div a {color: #459f79;font-size: 14px;}
#errorie div a:hover {text-decoration: underline;}
</style>
<div id="errorie"><div>您还在使用老掉牙的IE请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器:<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
<div class="main_box">
<div class="setting">
<a href="javascript:;" onclick=" choose_bg(); " title="更换背景">
<span class="glyphicon glyphicon-th-large"></span>
</a>
</div>
<div class="login_box">
<div class="login_logo">
<img src="/BJUI/images/logo.png">
</div>
@if (Model != null && Model.statusCode == "300")
{
<div class="login_msg">
<font color="red">@Model.message</font>
</div>
}
<div class="login_form">
<input type="hidden" value="${randomKey }" id="j_randomKey" />
<form action="/Login/Index" id="login_form" method="post">
<input type="hidden" name="jfinal_token" value="${jfinal_token }" />
<div class="form-group">
<label for="j_username" class="t">用户名:</label>
<input id="j_username" value="" name="username" type="text" class="form-control x319 in" autocomplete="off">
</div>
<div class="form-group">
<label for="j_password" class="t">密 码:</label>
<input id="j_password" value="" name="password" type="password" class="form-control x319 in">
</div>
<div class="form-group">
<label class="t"></label>
<label for="j_remember" class="m"><input id="j_remember" type="checkbox" value="true">&nbsp;记住登陆账号!</label>
</div>
<div class="form-group space">
<label class="t"></label>
<input type="submit" id="login_ok" value="&nbsp;登&nbsp;录&nbsp;" class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">
</div>
</form>
</div>
</div>
<div class="bottom">Copyright &copy; 2015 <a href="/Login/LoginByDev">基于精典DDD的权限管理 - 点击以开发者账号登录</a></div>
</div>
</body>
</html>