Skip to content

F
fenzhan_zsb
Commit c9faa755 authored by liuqiao's avatar liuqiao
Browse files
Options

二维码

parent 6c61d795
Hide whitespace changes
Inline Side-by-side
Showing with 180 additions and 3 deletions
new_admincp/applications/zsb/views/nj/login.php
View file @ c9faa755
......@@ -40,6 +40,85 @@ $phone = getPhone(4);
#demo{height: 270px;position: relative;overflow:hidden;}
#demo1,#demo2{ height: auto;}
.notice-close{ position: absolute; border: 1px solid #666; bottom: 0px; padding:2px; cursor:pointer;left:0}
.qrcode_login {
}
.box {
}
.box::after {
content:"";
clear:both;/*清除浮动*/
display:block;/*确保该元素是一个块级元素*/
}
.qrcode_left {
float: left;
width: 50%
}
.qrcode_left::after {
content:"";
clear:both;/*清除浮动*/
display:block;/*确保该元素是一个块级元素*/
}
.qrcode_right {
float: left;
width: 46%
}
.qrcode_right .account-btn {
font-size: 14px;
color: #fff;
height: 35px;
padding: 0 15px;
background-color: #07c160;
border: 1px solid #07c160;
line-height: 2;
text-align: center;
border-radius: 2px;
cursor: pointer;
transition: opacity 0.2s;
outline: none;
position: relative;
}
.qrcode_login .qrcode_text {
font-size: 16px;
margin-top: 20px;
text-align: center
}
.qrcode_text_color {
color: #fe8b41
}
.qr-code-btn {
font-size: 14px;
color: #fff;
padding: 0 15px;
background-color: #07c160;
border: 1px solid #07c160;
line-height: 2;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: opacity 0.2s;
outline: none;
width: 110px;
position: relative;
margin-right: 10px;
}
.qrcode-item {
margin-top: 30px;
}
.qrcode-item .findPow {
color: #808080;
line-height: 30px;
}
.qrcode-item .register {
color: #0096ff;
font-weight: bold;
line-height: 30px;
}
</style>
<div class="notice">
<div class="noticewap">
......@@ -117,8 +196,26 @@ $phone = getPhone(4);
<div id="errorBlock"><span class="ico">&nbsp;</span><span id="errorInner"></span></div>
<div class="forms">
<div class="qrcode_login">
<div class="box">
<div class="qrcode_left">
<img id="qrcode_img" src="<?php echo $default_login_qr_code; ?>" alt=""
style="width: 150px;height: 150px">
</div>
<div class="qrcode_right">
<div class="qrcode_text">打开<span class="qrcode_text_color">租售宝APP</span></div>
<div class="qrcode_text">扫描二维码安全登录</div>
<div class="qrcode_text account-btn">账户登录</div>
</div>
</div>
<div class="qrcode-item clearfix">
<div class=" clearfix" style="width: 110px;margin: 0 auto">
<a class="findPow" href="/login/findpw/" target="_blank">找回密码</a><span class="fg">|</span><a
class="register" href="<?= GB_BROKER_REG ?>" target="_blank">立即注册</a>
</div>
</div>
</div>
<div class="forms" style="display: none">
<div class="item clearfix">
<?php
$login_citys = array(
......@@ -182,11 +279,16 @@ $phone = getPhone(4);
</div>
<div class="item clearfix">
<div class="item_relative clearfix">
<div class="qrcode_text qr-code-btn" style="float: left">扫码登录</div>
<button type="button" class="submit" id="login_submit">登录</button>
<div id="new_login_btn_none">正在登录</div>
<a class="findPow" href="/login/findpw/" target="_blank">找回密码</a><span class="fg">|</span><a class="register" href="<?=GB_BROKER_REG?>" target="_blank">立即注册</a>
</div>
</div>
<div class="item clearfix"
style="width:280px;margin:15px auto 10px auto;border-top:1px solid #d9d9d9;">
<div class="item_relative clearfix" style="width: 130px;margin: 0 auto">
<a class="findPow" href="/login/findpw/" target="_blank">找回密码</a><span class="fg">|</span><a
class="register" href="<?= GB_BROKER_REG ?>" target="_blank">立即注册</a>
</div>
</div>
......@@ -244,6 +346,9 @@ $phone = getPhone(4);
<!--<script type='text/javascript'>var isa_website = '2,16,43';var isa_city = 'nj';var isa_addones = '';var isa_context_id = '';var _analyze365 = (('https:' == document.location.protocol) ? ' https://': ' http://');document.write(unescape('%3Cscript src="'+ _analyze365 + 'isa.house365.com/js/analyze.js?v=2.1" type="text/javascript"%3E%3C/script%3E'));</script>-->
<script src="/source/zsb/js/layer-v3.1.1/layer/layer.js"></script>
<link href="/source/zsb/layui/css/mylayui.css" rel="stylesheet" type="text/css">
<script src="/source/zsb/layui/layui.js"></script>
<?php //if($google_analytics != '' ){ echo $google_analytics ;}?>
<script type="text/javascript">
......@@ -357,6 +462,78 @@ var _hmt = _hmt || [];
$(this).find(".select_list").hide();
});
$('.account-btn').click(function (){
$('.qrcode_login').hide();
$('.forms').show();
})
$('.qr-code-btn').click(function () {
$('.qrcode_login').show();
$('.forms').hide();
})
$.ajax({
url: '/login/qrCode',
type: 'get',
dataType: 'json',
sync: true,
success: function (response) {
console.log(response);
if (response.result === '0') {
layer.msg(response.msg);
}
$("#qrcode_img").attr('src',response.login_img);
var uuid = response.key;
var qrcodeLogin = setInterval(function (){
$.ajax({
url: '/login/qrCodeLogin',
type: 'post',
dataType: 'json',
data: {uuid:uuid},
sync: true,
success: function (response) {
console.log(response);
var msg = response.msg;
if (msg === 'expired') {
clearInterval(qrcodeLogin);
layer.msg('登录失败,请刷新二维码重新登录');
return;
}
if (msg === 'wait') {
return;
}
if (msg === 'success' || msg === 'has_login') {
clearInterval(qrcodeLogin);
layer.msg('登录成功',{
icon: 1,
time: 2000
},function (){
location.href = "/";
})
} else {
var errorMsg = '';
switch(msg) {
case 'u_p_error':
errorMsg = '账号不正确,请刷新二维码重新扫描';
break;
case 'vad_error':
case 'exp_error':
errorMsg = '该账号已到期，请联系网站工作人员！';
break;
default:
errorMsg = '登陆失败，请稍后再试！';
break;
}
clearInterval(qrcodeLogin);
layer.msg(errorMsg);
}
}
})
},1000 * 10)
}
})
})
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment