|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>{:C('WEB_SITE_TITLE')}</title>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="description" content="">
|
|
|
|
<meta name="author" content="">
|
|
|
|
|
|
|
|
<!-- CSS -->
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="__CSS__/reset.css">
|
|
|
|
<link rel="stylesheet" href="__CSS__/supersized.css">
|
|
|
|
<link rel="stylesheet" href="__CSS__/loginnews1711.css">
|
|
|
|
<script src="__JS__/jquery-3.0.0.min.js" ></script>
|
|
|
|
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
|
|
|
|
<script src="__JS__/cloud.js" type="text/javascript"></script>
|
|
|
|
<style>
|
|
|
|
#sendSasfeCode {
|
|
|
|
border-radius:3px;
|
|
|
|
width:29%;
|
|
|
|
cursor:pointer;
|
|
|
|
border:1px solid;
|
|
|
|
position:absolute;
|
|
|
|
top:0;
|
|
|
|
right:0;
|
|
|
|
height:48px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 50px;
|
|
|
|
}
|
|
|
|
.g-btntn{
|
|
|
|
border-color: grey;
|
|
|
|
color: grey;
|
|
|
|
}
|
|
|
|
.g-btn{
|
|
|
|
border-color: #2697FF;
|
|
|
|
color: #2697FF;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body style="background-color:#1c77ac; background-image:url(__IMG__/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="mainBody">
|
|
|
|
<div id="cloud1" class="cloud"></div>
|
|
|
|
<div id="cloud2" class="cloud"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="logintop" style="display: none">
|
|
|
|
<span>欢迎登录后台管理界面平台</span>
|
|
|
|
<ul>
|
|
|
|
<li><a href="http://xue.vlcms.com/" target="_blank">帮助</a></li>
|
|
|
|
<li><a href="http://www.vlcms.com/" target="_blank">关于</a></li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="loginbody" >
|
|
|
|
|
|
|
|
<span class="systemlogo"></span>
|
|
|
|
|
|
|
|
<div class="loginbox">
|
|
|
|
<form class="inputlogin">
|
|
|
|
<div class="wrap">
|
|
|
|
<h3><span>手机号码快捷登录</span><span>User Login</span><a href="{:U('login')}">账号登录</a></h3>
|
|
|
|
<ul>
|
|
|
|
<li>
|
|
|
|
<img src="__IMG__/login_name.png" class="icon icon-user">
|
|
|
|
<input name="mobile" type="text" id="mobile" class="login_input" value="" autocomplete="off" placeholder="请输入手机号码" />
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<img src="__IMG__/login_code.png" class="icon icon-code">
|
|
|
|
<input name="verify" type="text" class="login_input verify" value="" placeholder="请填写验证码"/>
|
|
|
|
<div id="sendSasfeCode" class="g-btn">获取验证码</div>
|
|
|
|
</li>
|
|
|
|
<li><input name="" type="submit" class="loginbtn" value="登录" /></li>
|
|
|
|
<li style="color: grey"><input type="checkbox" name="auto_login" id="">下次自动登录</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div class="loginbm"><i>©徐州梦创信息科技有限公司 版权所有</i>2016 <a href="http://www.vlcms.com/" target="_blank">vlcms.com</a> ©版权所有</div> -->
|
|
|
|
|
|
|
|
<div id="tip" class="tip"><a class="tipclose hidden" ></a><div class="tipmain"><div class="tipicon"></div><div class="tipinfo">这是内容</div></div></div>
|
|
|
|
<script>
|
|
|
|
$('#sendSasfeCode').on('click',function() {
|
|
|
|
if ($(this).hasClass('g-btntn')) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
var phone = $.trim($('#mobile').val());
|
|
|
|
if (phone == '') {
|
|
|
|
alert("手机号不能为空");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
if (phone.length !== 11 || !(/^[1][35789][0-9]{9}$/.test(phone))) {
|
|
|
|
pmsg.msg("格式不正确");
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
$.ajax({
|
|
|
|
type:'post',
|
|
|
|
dataType:'json',
|
|
|
|
data:'phone='+phone,
|
|
|
|
url:'{:U("telsafecode")}',
|
|
|
|
success:function(data) {
|
|
|
|
if (data.status ==1) {
|
|
|
|
r(1);
|
|
|
|
} else {
|
|
|
|
alert(data.msg);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
error:function() {
|
|
|
|
alert('服务器开小差了,请稍后再试。');
|
|
|
|
}
|
|
|
|
});
|
|
|
|
var r = function(i, t) {
|
|
|
|
if (i>0) {
|
|
|
|
var r = 60;
|
|
|
|
e='#sendSasfeCode';
|
|
|
|
$(e).removeClass('g-btn').addClass('g-btntn');
|
|
|
|
var a = setInterval(function() {
|
|
|
|
r--;
|
|
|
|
$(e).text(r + '秒');
|
|
|
|
0 == r && ($(e).removeClass('g-btntn').addClass('g-btn'),
|
|
|
|
$(e).text('获取验证码'),
|
|
|
|
clearInterval(a))
|
|
|
|
},1000)
|
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**顶部警告栏*/
|
|
|
|
var content = $('#main');
|
|
|
|
var top_alert = $('#tip');
|
|
|
|
|
|
|
|
top_alert.find('.tipclose').on('click', function () {
|
|
|
|
top_alert.removeClass('block').slideUp(200);
|
|
|
|
});
|
|
|
|
|
|
|
|
window.updateAlert = function (text,c) {
|
|
|
|
text = text||'default';
|
|
|
|
c = c||false;
|
|
|
|
if ( text!='default' ) {
|
|
|
|
top_alert.find('.tipinfo').text(text);
|
|
|
|
if (top_alert.hasClass('block')) {
|
|
|
|
} else {
|
|
|
|
top_alert.addClass('block').slideDown(200);
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
if (top_alert.hasClass('block')) {
|
|
|
|
top_alert.removeClass('block').slideUp(200);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if ( c!=false ) {
|
|
|
|
top_alert.removeClass('tip_error tip_right').addClass(c);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
$(function(){
|
|
|
|
$(".inputlogin").unbind('submit').submit(function(){
|
|
|
|
$.ajax({
|
|
|
|
type: 'POST',
|
|
|
|
async: true,
|
|
|
|
dataType: 'json',
|
|
|
|
url: "{:U('phone_login')}",
|
|
|
|
data: $(".inputlogin").serialize(),
|
|
|
|
success: function(data) {
|
|
|
|
if(data.status!=1){
|
|
|
|
var msg = data.info ? data.info : data.msg;
|
|
|
|
alert(msg)
|
|
|
|
}else{
|
|
|
|
window.location.href = data.url;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
error:function(){
|
|
|
|
updateAlert("服务器故障!",'tip_error');
|
|
|
|
setTimeout(function(){
|
|
|
|
$('#tip').find('.tipclose').click();
|
|
|
|
},1500);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|