<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
|
<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<!--[if lte IE 10]>系统检测到你的浏览器版本过低，无法正常登录本平台,<a href="http://down.360safe.com/se/sedh.exe">点击下载新版本浏览器</a><![endif]-->
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>掌骏云管理后台</title>
|
<link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
|
<link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
|
<link href="css/plugins/iCheck/custom.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
|
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
|
<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
|
<link href="css/jquery.numberedtextarea.css" rel="stylesheet">
|
<script src="js/jquery.min.js?v=2.1.4"></script>
|
<script src="js/json.js"></script>
|
<script src="js/bootstrap.min.js?v=3.3.6"></script>
|
<script src="js/content.min.js?v=1.0.0"></script>
|
<script src="js/plugins/iCheck/icheck.min.js"></script>
|
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
|
<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
|
<script type="text/javascript" src="js/jquery-loading.js"></script>
|
<script type="text/javascript" src="js/jquery-form.js"></script>
|
<style type="text/css">
|
/*旧的*/
|
.top-content .text
|
{
|
color: #fff;
|
margin-top: 70px;
|
}
|
.top-content .text h1
|
{
|
color: #fff;
|
}
|
.top-content .description
|
{
|
margin: 20px 0 10px 0;
|
}
|
.top-content .description p
|
{
|
opacity: 0.8;
|
}
|
.top-content .description a
|
{
|
color: #fff;
|
}
|
.top-content .description a:hover, .top-content .description a:focus
|
{
|
border-bottom: 1px dotted #fff;
|
}
|
.form-box
|
{
|
margin-top: 35px;
|
}
|
.form-top
|
.form-content{ position:absolute; width:500px;height:200px; border:solid 1px red; left:200px;top:400px;}{
|
overflow: hidden;
|
padding: 0 25px 15px 25px;
|
background: #fff;
|
-moz-border-radius: 4px 4px 0 0;
|
-webkit-border-radius: 4px 4px 0 0;
|
border-radius: 4px 4px 0 0;
|
text-align: left;
|
}
|
.form-top-left
|
{
|
float: left;
|
width: 75%;
|
padding-top: 45px;
|
}
|
.form-top-left h3
|
{
|
margin-top: 0;
|
}
|
.form-top-right
|
{
|
float: left;
|
width: 25%;
|
padding-top: 5px;
|
font-size: 66px;
|
color: #ddd;
|
line-height: 100px;
|
text-align: right;
|
}
|
.form-bottom
|
{
|
padding: 25px 25px 30px 25px;
|
background: #eee;
|
-moz-border-radius: 0 0 4px 4px;
|
-webkit-border-radius: 0 0 4px 4px;
|
border-radius: 0 0 4px 4px;
|
text-align: left;
|
}
|
.form-bottom form textarea
|
{
|
height: 100px;
|
}
|
.form-bottom form button.btn
|
{
|
width: 100%;
|
}
|
.form-bottom form .input-error
|
{
|
border-color: #4aaf51;
|
}
|
.social-login
|
{
|
margin-top: 35px;
|
}
|
.social-login h3
|
{
|
color: #fff;
|
}
|
.social-login-buttons
|
{
|
margin-top: 25px;
|
}
|
/*.obtain-hidden { display: none; }*/.countdown-hidden
|
{
|
display: none;
|
}
|
.again-hidden
|
{
|
display: none;
|
}
|
/*旧的*//*重写css*//*新的CSS*/
|
body
|
{
|
background: url(img/zjun_bg.jpg) no-repeat center center fixed;
|
-webkit-background-size: cover;
|
-moz-background-size: cover;
|
-o-background-size: cover;
|
background-size: cover;
|
}
|
|
.top
|
{
|
|
width:500px;
|
height:500px;
|
margin-top:200px;
|
margin-left:480px;
|
}
|
|
.loginbg
|
{
|
width: 300px;
|
height: 380px;
|
border: solid 1px transparent;
|
margin-left: 870px;
|
margin-top: 210px;
|
}
|
|
</style>
|
<script>
|
$(function() {
|
|
$(".code-image").on("click", function() {
|
$(this).attr("src", "code.aspx?r=" + Math.random());
|
});
|
|
$(".login-form").ajaxForm({ success: function(r) {
|
//0不需要验证
|
if (r.OK) {
|
//1 IP验证 2不需要验证
|
//mytek.alert(r.Message.Content, r.OK, function () {
|
window.location.replace("index.aspx");
|
//});
|
} else {
|
if (r.Message.Tstatus == 1) {
|
mytek.alert(r.Message.Content, false, function() {
|
$("#userDialog").modal("show");
|
});
|
} else {
|
mytek.alert(r.Message.Content, false, function() {
|
$(".code-image").attr("src", "code.aspx?r=" + Math.random());
|
});
|
}
|
}
|
}
|
});
|
|
//点击确定
|
$(document).on("click", ".action-save", function() {
|
var mobile = $("#mobile").val();
|
var smscode = $("#smscode").val();
|
$.ajax({
|
url: "session.ashx",
|
type: "POST",
|
data: { action: "mobileLogin", mobile: mobile, smscode: smscode },
|
success: function(result) {
|
if (result.OK) {
|
//mytek.alert(result.Message, result.OK, function () {
|
window.location.replace("index.aspx");
|
//});
|
} else {
|
mytek.alert(result.Message, false);
|
}
|
}
|
});
|
})
|
|
var countdown = 60;
|
function settime(times) {
|
if (times == 0) {
|
$("#countdown").addClass("countdown-hidden ");
|
$("#again").removeClass("again-hidden");
|
$("#again").html("重新获取验证码");
|
} else {
|
$("#countdown").removeClass("countdown-hidden ");
|
$("#countdown").html(times + "秒后重新获取");
|
times--;
|
setTimeout(function() {
|
settime(times)
|
}, 1000)
|
}
|
}
|
|
$(document).on("click", "#obtain", function() {
|
var mobile = $("#mobile").val();
|
$.ajax({
|
url: "session.ashx",
|
type: "POST",
|
data: { action: "mobileCode", mobile: mobile },
|
success: function(result) {
|
if (result.OK) {
|
$("#obtain").hide();
|
settime(countdown);
|
mytek.alert(result.Message, result.OK);
|
} else {
|
mytek.alert(result.Message, result.False);
|
}
|
}
|
});
|
});
|
|
//倒计时完后出现再次获取验证码
|
$(document).on("click", "#again", function() {
|
var mobile = $("#mobile").val();
|
$.ajax({
|
url: "session.ashx",
|
type: "POST",
|
data: { action: "mobileCode", mobile: mobile },
|
success: function(result) {
|
if (result.OK) {
|
$("#again").addClass("again-hidden");
|
settime(countdown);
|
mytek.alert(result.Message, result.OK);
|
} else {
|
mytek.alert(result.Message, result.False);
|
}
|
}
|
});
|
})
|
|
$(document).on("click", ".close", function() {
|
$("#mobile").val("");
|
$("#smscode").val("");
|
})
|
});
|
</script>
|
</head>
|
<body>
|
<!--
|
|
<div class="top-content">
|
<div class="inner-bg">
|
<div class="container">
|
<div class="row">
|
<div class="text-center text">
|
<h1>
|
<strong>掌骏云 v3.3</strong></h1>
|
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-6 col-sm-offset-3 form-box">
|
<div class="form-top">
|
<div class="form-top-left">
|
<h3>
|
登录到掌骏云后台管理系统</h3>
|
|
</div>
|
<div class="form-top-right">
|
<i class="fa fa-key"></i>
|
</div>
|
</div>
|
<div class="form-bottom">
|
<form role="form" action="session.ashx?action=login" method="post" class="login-form">
|
<div class="form-group">
|
<label class="sr-only" for="form-username">
|
账号</label>
|
<input name="account" placeholder="账号..." class="form-username form-control" id="form-username"
|
type="text">
|
</div>
|
<div class="form-group">
|
<label class="sr-only" for="form-password">
|
密码</label>
|
<input name="password" placeholder="密码..." class="form-password form-control" id="form-password"
|
type="password">
|
</div>
|
<div class="form-group">
|
<label class="sr-only" for="form-code">
|
验证码</label>
|
<div class="input-group m-b">
|
<input name="code" placeholder="验证码" class="form-code form-control col-md-6" id="code"
|
type="text"><span class="input-group-addon"><img src="code.aspx" class="code-image" /></span></div>
|
</div>
|
<button type="submit" class="btn">
|
登录</button>
|
</form>
|
</div>
|
</div>
|
<div class="modal inmodal fade" id="userDialog" style="top: 200px;" tabindex="-1"
|
role="dialog" aria-hidden="true">
|
<div class="modal-dialog form-horizontal">
|
<div class="modal-content ">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal">
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
<h4 class="modal-title">
|
短信验证</h4>
|
</div>
|
<div class="modal-body">
|
<div class="form-group">
|
<label class="col-sm-3 control-label">
|
账号预留手机</label>
|
<div class="col-sm-9">
|
<input type="text" name="mobile" id="mobile" value="" class="form-control" />
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">
|
验证码</label>
|
<div class="col-sm-7">
|
<div class="input-group">
|
<input type="text" class="form-control" name="smscode" id="smscode" value="" maxlength="6" />
|
<span class="input-group-addon obtain-hidden" id="obtain">获取验证码</span> <span class="input-group-addon countdown-hidden"
|
id="countdown">500秒 </span><span class="input-group-addon again-hidden" id="again">重新获取
|
</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="modal-footer">
|
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">
|
取消</button>
|
<button class="btn btn-primary action-save">
|
确定</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 900px;
|
width: 1903px; z-index: -999999; position: fixed;" class="backstretch">
|
<img src="img/bg.jpg" style="position: absolute; margin: 0px; padding: 0px; border: medium none;
|
width: 1903px; height: 280px;
|
left: 0px;">
|
</div>
|
-->
|
|
<div class="background" style="width: 100%; height: 100%;">
|
<div style="margin:0 auto; width:100%;height:100%;display: flex;justify-content: center; ">
|
<div class="top">
|
<div style=" margin-top:90px; text-align:center;">
|
<span style=" font-size:xx-large; color:White">掌骏云管理后台 v4.0</span>
|
</div>
|
<form role="form" action="session.ashx?action=login" method="post" class="login-form">
|
<div style="text-align:center; margin-top:40px;">
|
<input type="text" name="account" placeholder="账号..." style="width:370px; height:50px; border-radius:4px; font-size:20px; border: 0px; padding:0 0 0 20px;" />
|
</div>
|
<div style=" text-align:center; margin-top:18px;">
|
<input type="password" name="password" placeholder="登录密码" style="width:370px; height:50px; border-radius:4px; font-size:20px;border: 0px;padding:0 0 0 20px;" />
|
</div>
|
<div style="text-align:center; margin-top:18px;">
|
<input type="text" name="code" placeholder="验证码" style="width:180px; height:50px; border-radius:4px; font-size:20px;border: 0px;padding:0 0 0 20px;" />
|
<img src="code.aspx" class="code-image" style="height:50px;border-radius:6px; margin-top:-8px;" />
|
</div>
|
|
<div style=" text-align:center; margin-top:25px;">
|
<button type="submit" style="width:370px; height:60px; border-radius:6px; font-size:25px; color:White;border: 0px; background-color:#1989f9">登录</button>
|
</div>
|
|
</form>
|
</div>
|
</div>
|
</div>
|
|
</body>
|
</html>
|
