Commit 1f498eac authored by 梅玉龙's avatar 梅玉龙

短信登录增加弹窗

parent 323b9e59
......@@ -127,7 +127,7 @@ else
{
define("NewStatisticsUrl","http://zjj182.house365.com:2093/xxx-sell-count-api");
}
define("WebsiteVersion","4.4.8");
define("WebsiteVersion","4.4.9");
//echo NewStatisticsUrl;die;
......
......@@ -549,19 +549,30 @@ class Login extends MY_Controller {
public function code_login()
{
$response = array('account_list' => array());
$this->load->model('zsb_api_model');// 租售宝API调用类
$params = $this->input->post();
$params['city'] = GB_CITY;
$data = $this->zsb_api_model->getRequrstData('code_login',$params);
$username = isset($data['data']['login_info']['username']) ? $data['data']['login_info']['username'] : '';
if ($data['result'] && $username) {
$this->load->model('broker_model');
$codeData = $this->broker_model->qrCodeLogin($username);
$response = array('msg' => $codeData);
echo json_encode($response);exit;
$data = $this->zsb_api_model->getRequrstData('code_login', $params);
if ($data['result'] == 1) {
$accountList = isset($data['data']['account_list']) ? $data['data']['account_list'] : array();
if (count($accountList) > 0) {
$response['account_list'] = array_reverse($accountList);
echo json_encode($response);
exit();
}
$username = isset($data['data']['login_info']['username']) ? $data['data']['login_info']['username'] : '';
if ($data['result'] && $username) {
$this->load->model('broker_model');
$codeData = $this->broker_model->qrCodeLogin($username);
$response = array('msg' => $codeData, 'account_list' => array());
echo json_encode($response);
exit;
}
}
$response = array('msg' => $data['msg']);
echo json_encode($response);exit();
$response = array('msg' => $data['msg'], 'account_list' => array());
echo json_encode($response);
exit();
}
}
......
......@@ -216,7 +216,7 @@
</div>
<div class="item clearfix">
<div class="get-verfiy-code-box item_relative clearfix">
<label class="label" for="password">请输入验证码</label>
<label class="label" for="verify_code">请输入验证码</label>
<input id="verify_code" name="verify_code" class="inputText js_intextInput" type="text" autocomplete="off">
<span class="get-code-text">获取验证码</span>
</div>
......
......@@ -759,4 +759,101 @@
button#telnoSubmitForm {
margin-bottom: 8px;
}
.choose-account-list .list-left{
float:left;
}
.choose-account-list .head-img{
float:left;
}
.choose-account-list .truename-bk{
float:left;
}
.choose-account-list .list-right{
float:right;
}
.choose-account-list .head-img img{
width:50px;
height:50px;
border-radius:50%;
object-fit: cover;
}
.choose-account-list ul {
width: 400px;
margin: 0 auto 20px auto;
}
.truename-bk {
margin:3px 0 0 10px;
}
.truename-bk p.p1 {
font-size:14px;
font-weight:700;
margin-bottom:3px;
}
.choose-account-list ul li{
height:50px;
margin: 25px 0 0 0;
}
.list-right {
position: relative;
}
.list-right .radio {
position: relative;
display: inline-block;
font-weight: 400;
color: #0c4757;
padding-left: 25px;
cursor: pointer;
}
.list-right .radio input {
position: absolute;
left: -9999px;
}
.list-right .radio i {
display: block;
position: absolute;
top: 3px;
left: 0;
width: 15px;
height: 15px;
outline: 0;
border: 1px solid #e4e4e4;
background: #ffffff;
border-radius: 50%;
transition: border-color .3s;
-webkit-transition: border-color .3s;
}
.list-right .radio input[checked="checked"]+i {
border-color: #F57D3A;
}
.list-right .radio input+i:after {
position: absolute;
content: '';
top: 3px;
left: 3px;
width: 9px;
height: 9px;
border-radius: 50%;
background-color: #F57D3A;
opacity: 0;
transition: opacity .1s;
-webkit-transition: opacity .1s;
}
.list-right .radio input:checked+i:after {
opacity: 1;
}
a.layui-layer-btn0 {
width: 50px;
margin-right: 25px;
}
a.layui-layer-btn1 {
width: 50px;
}
\ No newline at end of file
......@@ -264,6 +264,8 @@ $("#name,#password,#code,#verify_code,#telno").focus(function(){
$("#telnoSubmitForm").click(function (){
$("#errorInner").html('');
$("#errorBlock").hide();
var telno = $.trim($("#telno").val());
var code = $.trim($("#verify_code").val());
var city = $(".js_select_v").val();
......@@ -285,34 +287,108 @@ $("#name,#password,#code,#verify_code,#telno").focus(function(){
telno: telno,
code: code
}
loginAction(postData);
});
function loginAction(data){
$.ajax({
url: '/login/code_login',
type: 'post',
data: postData,
data: data,
dataType: 'json',
success: function (ret) {
switch (ret.msg) {
case 'success':
layer.msg('登录成功');
window.location.href = '/login/enter/';
break;
case 'exp_error':
$("#errorInner").html("您的账号已到期。");
$("#errorBlock").show();
break;
case 'vad_error':
$("#errorInner").html("您的账号已禁用,请联系客服解决。");
$("#errorBlock").show();
break;
default:
$("#errorInner").html(ret.msg);
$("#errorBlock").show();
break;
var accountList = ret.account_list;
if(ret.account_list.length == 0){
switch (ret.msg) {
case 'success':
layer.msg('登录成功');
window.location.href = '/login/enter/';
break;
case 'exp_error':
$("#errorInner").html("您的账号已到期。");
$("#errorBlock").show();
break;
case 'vad_error':
$("#errorInner").html("您的账号已禁用,请联系客服解决。");
$("#errorBlock").show();
break;
default:
$("#errorInner").html(ret.msg);
$("#errorBlock").show();
break;
}
return false;
}
// 帐户列表
var popHtml = accountHtml(accountList);
layer.open({
type: 1,
title: '选择帐户', //不显示标题
skin: 'layer-skin-theme',
area:['450px'],
closeBtn: false,
btn:["确 定", '取 消'],
btnAlign: 'c', //按钮居中
content: popHtml, //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
yes: function () {
var accountId = $("input[name='accountUid']:checked").val();
if(!accountId){
layer.msg("请选择一个帐户登录")
return false
}
data.uid = accountId;
// 重新调用登录接口
loginAction(data);
layer.closeAll();
},
cancel: function () {
// close btn
}
});
// 改标题样式
$(".choose-account-list").parent(".layui-layer-content").siblings(".layui-layer-title").css({
"font-size": "16px",
"text-align": "center",
"font-weight": "700",
"padding": "0",
"background-color":"#f57d3a",
"color":"#FFF"
})
// 下面增加线条
$(".choose-account-list").parent(".layui-layer-content").css({
"border-bottom":"1px solid #eee"
})
// 改按钮样式
$(".choose-account-list").parent(".layui-layer-content").siblings(".layui-layer-btn").find(".layui-layer-btn0").css({
"background-color":"#f57d3a",
"color":"#FFF",
"border-color":"#f57d3a"
})
}
});
});
}
function accountHtml(list) {
var html= '<div class="choose-account-list"><ul>';
var lens = list.length;
for (var i=0;i<lens;i++){
var curr = list[i];
html += '<li>\n' +
' <div class="list-left">\n' +
' <div class="head-img"><img src="'+curr.pic+'" width="70" ></div>\n' +
' <div class="truename-bk">\n' +
' <p class="p1">'+curr.truename+'</p>\n' +
' <p>'+curr.username+'</p>\n' +
' </div>\n' +
' </div>\n' +
' <div class="list-right">\n' +
' <label class="radio"><input name="accountUid" class="uid-radio" type="radio" value="'+curr.uid+'"><i></i></label>\n' +
' </div>\n' +
' </li>';
}
html += '</ul></div>';
return html;
}
});
......
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