Commit 29a7a94e authored by xishifeng's avatar xishifeng

首页样式处理及老版本一些页面转移

parent 4dff3798
...@@ -89,6 +89,21 @@ class Index ...@@ -89,6 +89,21 @@ class Index
{ {
return view('index/timeline_pc'); return view('index/timeline_pc');
} }
public function customerinfo_details_new()
{
return view('index/customerinfo_details_new');
}
public function customerinfo_customer_add()
{
return view('index/customerinfo_customer_add');
}
public function xiazai()
{
return view('index/xiazai');
}
public function __construct() public function __construct()
{ {
......
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="/app/css/common.css?rev=14ba5c1d4b1452ee5b804c1b98270acc">
<link href="/app/css/customerinfo_sub_page.css?new1" rel="stylesheet">
<script src="/app/js/vconsole.min.js"></script>
<script>
if(~location.origin.indexOf('api.')) {
console.log('正式服');
} else {
var vConsole = new VConsole();
}
</script>
</head>
<body>
<header id="header">
<a class="ps-back" href="javascript:(history.length>1?history.go(-1):window.location='/');" id="back_btn"></a>
<h2 id="title"></h2>
</header>
<div class="header_seat"></div>
<ul class="main-ul">
<li>
<div>
<div class="left-area">姓名</div>
<div class="right-area">
<input type="text" id="name" placeholder="请输入" maxlength="10" />
</div>
</div>
</li>
<li>
<div>
<div class="left-area">性别</div>
<div class="right-area">
<div class="sex-select1">
<mark data-sex="1"></mark>
<mark data-sex="2"></mark>
</div>
</div>
</div>
</li>
<li>
<div>
<div class="left-area">手机号</div>
<div class="right-area">
<input type="tel" id="phone" placeholder="请输入" maxlength="11" />
</div>
</div>
</li>
<li class="li-kefang-area">
<div>
<div class="left-area">客方</div>
<div class="right-area after-content-arrow-right" id="kefang"></div>
</div>
</li>
</ul>
<div id="search_mask">
<section>
<input placeholder="请输入经纪人姓名或手机号" id="search_input" />
<div id="search_cancel_btn">取消</div>
</section>
<ul class="list-area">
<!--<li>
<div>周小雨-13611112222</div>
</li>
<li>
<div>周小雨-13611112222</div>
</li>
<li>
<div>周小雨-13611112222</div>
</li>
<li>
<div>周小雨-13611112222</div>
</li>-->
</ul>
<div id="loading_pic" class="loading_pic">
<img src="/app/images/jz2.gif" />
<p>正在加载...</p>
</div>
<div id="no_more" class="no_more">没有更多了</div>
</div>
<div class="customerinfo-submit-btn hide-btn">
<a href="javascript:;" id="btn_save">提交</a>
<a href="javascript:;" id="btn_save_temp">正在保存...</a>
</div>
<script type="text/javascript" src="/app/js/jquery-1122-min.js"></script>
<script src="/app/js/common.js?new40" charset="utf-8"></script>
<script src="/app/js/customerinfo_customer_add.js?new34"></script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="/app/css/common.css?rev=14ba5c1d4b1452ee5b804c1b98270acc">
<link href="/app/css/customerinfo_details_new.css?new8" rel="stylesheet">
<script src="/app/js/vconsole.min.js"></script>
<script>
if(~location.origin.indexOf('admin.')) {
console.log('正式服');
} else {
var vConsole = new VConsole();
}
</script>
</head>
<body>
<header id="header">
<a class="ps-back" href="javascript:(history.length>1?history.go(-1):window.location='/');" id="back_btn"></a>
<h2 id="title"></h2>
</header>
<div class="header_seat"></div>
<div class="info-area">
<div><img src="/app/images/ic_default_headpic.png" onerror="javascript:this.src='images/ic_default_headpic.png'" id="customer_pic" /></div>
<div>
<p>客户姓名:<span id="name"></span></p>
<p>客户电话:
<a href="javascript:;" id="call_list_open_btn"><span id="customer_phone"></span><img src="/app/images/ic_tel.png" /></a>
</p>
</div>
</div>
<div class="tab-area">
<div class="tab-active">客源动态</div>
<div>基本信息</div>
</div>
<div class="main-area">
<section class="sec-dynamic">
<ul>
<!--<li>
<div class="li-top">
<div class="li-top-left"><img src="/app/images/ic_default_headpic.png" onerror="javascript:this.src='images/ic_default_headpic.png'" /></div>
<div class="li-top-right">
<div class="li-top-right-header">
<div>顾倾城【南京东路店】</div>
<div>2018-10-30</div>
</div>
<p>带看了宝山万达广场</p>
<p>属于哪类客户:<span>A类</span></p>
<p>补充说明:<span>补充说明内容</span></p>
<ol class="li-img-list">
<li>
<a href="imagebody.html?path=remarksImg&amp;img_name=20171011160206.png&amp;address=3"><img src="/app/images/1.jpg"></a>
</li>
<li>
<a href="imagebody.html?path=remarksImg&amp;img_name=20171011160206.png&amp;address=3"><img src="/app/images/1.jpg"></a>
</li>
<li>
<a href="imagebody.html?path=remarksImg&amp;img_name=20171011160206.png&amp;address=3"><img src="/app/images/1.jpg"></a>
</li>
</ol>
</div>
</div>
<div class="li-bottom"></div>
</li>-->
</ul>
</section>
<section class="sec-info">
<div class="info-main">
<p>客源编号:<span id="customer_code"></span></p>
<p>客户姓名:<span class="edit-btn"><span id="customer_name"></span><img class="edit-icon" src="/app/images/ic_bianji.png" /></span>
</p>
<p>性别:<span class="edit-btn"><span id="customer_sex"></span><img src="/app/images/boy_ic@2x.png" class="sex-icon" /><img class="edit-icon" src="/app/images/ic_bianji.png" /></span>
</p>
<p>客方:<span class="edit-btn"><span id="kefang"></span><img class="edit-icon" src="/app/images/ic_bianji.png" /></span>
</p>
<p>新增时间:<span id="add_time"></span></p>
</div>
<div class="record-main">
<p>修改客方日志</p>
<ul>
<!--<li>
<div>
<p>操作时间</p>
<p>2018-12-12</p>
</div>
<div>
<span class="dot-block"><mark></mark></span>
<p>客方修改为白夫子-13636508977客方修改为白夫子-13636508977</p>
<p>操作人:李青青</p>
</div>
</li>-->
</ul>
</div>
</section>
</div>
<div class="bottom-btn-area">
<a href="javascript:;" id="baobei_btn"><img src="/app/images/img_look@2x.png" /></a>
<a href="javascript:;" id="genjin_btn"><img src="/app/images/but_genjin_new.png" /></a>
</div>
<div id="genjin_modal">
<div class="genjin-modal-main">
<div class="genjin-content-area"><textarea placeholder="请输入跟进信息" id="content"></textarea></div>
<div class="genjin-mark-area">
<div class="genjin-mark-area-putong">
<div class="genjin-mark-area-title">普通标签:(必选)</div>
<div class="genjin-mark-area-alink"></div>
</div>
<div class="genjin-mark-area-zhuangtai">
<div class="genjin-mark-area-title">状态标签:(必选)</div>
<div class="genjin-mark-area-alink">
<a data-markid="0">求租</a>
<a data-markid="1">已租</a>
<a data-markid="-1">无效</a>
</div>
</div>
</div>
<div class="genjin-submit-area">
<a href="javascript:;" id="btn_save">提交</a>
<a href="javascript:;" id="btn_save_temp">正在保存...</a>
</div>
</div>
<div id="close_btn"><img src="/app/images/ic_cha.png" /></div>
</div>
<div id="call_modal">
<div class="call-modal-main">
<p class="call-modal-main-title">选择本机手机号</p>
<ol id="call_modal_phone_list">
<li class="call-select"><input placeholder="请输入本机手机号" maxlength="11" type="tel" id="call_modal_phone_self" readonly="" />
<div class="call-edit-icon">完成</div>
<div class="call-submit-ing-icon">提交中ing</div>
<div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png" /></div>
</li>
</ol>
<div id="add_phone_btn">增加手机号</div>
<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同,否则提示为空号</p>
</div>
<div class="call-btn-area">
<div id="call_btn_cancel">取消</div>
<div id="call_btn_ok">确认</div>
<div id="call_btn_ok_temp">等待拨打 ing</div>
</div>
</div>
<script type="text/javascript" src="/app/js/jquery-1122-min.js"></script>
<script src="/app/js/common.js?new39" charset="utf-8"></script>
<script src="/app/js/customerinfo_details_new.js?new43"></script>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="/app/css/common.css">
<link rel="stylesheet" href="/app/css/xiazai.css">
</head>
<body>
<div class="header_seat"></div>
<div class="headerbox">
<img alt="" id="app_ban">
<!-- 按键-->
<a href="javascript:;" id="android_link" class="img_a" style="display:none"><img src="/app/images/android_download.png" alt=""></a>
<a href="https://itunes.apple.com/cn/app/fu-ju-hao-fang-an-chang-gong-ju/id1292445456?l=en&mt=8" id="ios_link" class="img_a2" style="display:none"><img src="/app/images/iphone_download.png" alt=""></a>
</div>
<!--编辑器输出-->
<!-- android-->
<footer onclick='cancleshare()' style='' id="footer_and" class="footer_xia">
<div style='width: 100%;' class='fl'>
<img id="andimg" src="/app/images/xiazai.png">
</div>
</footer>
<!-- iso-->
<footer onclick='cancleshare()' id="footerid_ios" class="footer_xia">
</footer>
<script src="/app/js/jquery-1122-min.js" charset="utf-8"></script>
<script src="/app/js/common.js" charset="utf-8"></script>
<script>
window.onload = function() {
$('#app_ban').attr('src','/app/images/bg_download.png');
$('title').html('下载');
$('.xiazai-p-fuju').show();
$.ajax({
type: "post",
url: ServerHostTempC+"/AppTab5/versions",
timeout: 10000,
dataType: "json",
beforeSend: function() {},
success: function(data) {
$('#android_link').attr('href',data.apk_url);
},
error: function() {
},
complete: function(xhr, textStatus){
if(textStatus === "timeout"){
//处理超时的逻辑
alert("请求超时");
}
}
});
var u = navigator.userAgent;
// alert(u);
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机
//alert("安卓手机");
if (u.indexOf('MicroMessenger') > -1) {
$("#footer_and").show();
}
$(".img_a").css("top", "9rem").show();
//alert(123);
} else if (u.indexOf('iPhone') > -1) { //苹果手机
//alert("苹果手机");
if (u.indexOf('MicroMessenger') > -1) {
}
$(".img_a2").css("top", "9rem").show();
} else if (u.indexOf('Windows Phone') > -1) { //winphone手机
// alert("winphone手机");
$("#footer_and").show();
} else if (u.indexOf('Windows NT') > -1) { //pc端
//alert('pc');
$(".img_a2,.img_a").show();
}
}
function cancleshare() {
$(".footer_xia").hide();
}
</script>
</body>
</html>
...@@ -44,6 +44,9 @@ Route::group('app_broker',[ ...@@ -44,6 +44,9 @@ Route::group('app_broker',[
'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ], 'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ],
'customerinfo_genjin' => [ 'app_broker/index/customerinfo_genjin', [ 'method' => 'get' ] ], 'customerinfo_genjin' => [ 'app_broker/index/customerinfo_genjin', [ 'method' => 'get' ] ],
'timeline_pc' => [ 'app_broker/index/timeline_pc', [ 'method' => 'get' ] ], 'timeline_pc' => [ 'app_broker/index/timeline_pc', [ 'method' => 'get' ] ],
'customerinfo_customer_add' => [ 'app_broker/index/customerinfo_customer_add', [ 'method' => 'get' ] ],
'customerinfo_details_new' => [ 'app_broker/index/customerinfo_details_new', [ 'method' => 'get' ] ],
'xiazai' => [ 'app_broker/index/xiazai', [ 'method' => 'get' ] ],
]); ]);
Route::group('index', [ Route::group('index', [
......
@charset "utf-8";
body{
background-color: #f0f0f0;
display: none;
}
.info-area{
overflow: hidden;
height: 2.2rem;
box-sizing: border-box;
background-color: white;
padding: .5rem .3rem;
border-bottom: 1px solid #e6e6e6;
}
.info-area>div{
float: left;
}
.info-area>div:nth-of-type(1){
overflow: hidden;
margin-right: .3rem;
}
.info-area>div:nth-of-type(1)>img{
width: 1.2rem;
height: 1.2rem;
object-fit: cover;
border-radius: 50%;
float: left;
}
.info-area>div:nth-of-type(2){
}
.info-area>div:nth-of-type(2)>p{
font-size: .3rem;
color: #999;
padding-top: .13rem;
}
.info-area>div:nth-of-type(2)>p>span,
.info-area>div:nth-of-type(2)>p>a{
color: #333;
}
.info-area>div:nth-of-type(2)>p:nth-of-type(2)>a>img{
width: .3rem;
height: .3rem;
margin-left: .2rem;
position: relative;
top: -0.03rem;
}
.tab-area{
height: .9rem;
box-sizing: border-box;
padding-top: .25rem;
background: white;
}
.tab-area>div{
width: 50%;
box-sizing: border-box;
line-height: .4rem;
text-align: center;
color: #999;
font-size: .3rem;
float: left;
}
.tab-area>div:nth-of-type(1){
border-right: 1px solid #e6e6e6;
}
.tab-area>div:nth-of-type(2){
border-left: 1px solid #e6e6e6;
}
.tab-area>div.tab-active{
color: #333;
}
/*客源动态sec*/
.main-area>section{
margin-top: .2rem;
padding-bottom: 1.7rem;
}
.sec-dynamic{}
.sec-dynamic>ul>li{
overflow: hidden;
font-size: .3rem;
padding: .35rem .3rem;
background-color: white;
}
.sec-dynamic>ul>li+li{
margin-top: .2rem;
}
.sec-dynamic>ul>li>.li-top>div{
float: left;
}
.sec-dynamic>ul>li>.li-top>div.li-top-right{
width: 6.05rem;
}
.li-top-left{
overflow: hidden;
padding-right: .2rem;
box-sizing: border-box;
}
.li-top-left>img{
float: left;
width: .65rem;
height: .65rem;
border-radius: 50%;
object-fit: cover;
}
.li-top-right-header{
color: #999;
font-size: .32rem;
overflow: hidden;
width: 6.05rem;
}
.li-top-right-header>div:nth-of-type(1){
float: left;
}
.li-top-right-header>div:nth-of-type(2){
float: right;
font-size: .28rem;
}
/*图片部分,暂时未用*/
.li-img-list{
overflow: hidden;
}
.li-img-list>li{
float: left;
width: 1rem;
height: 1rem;
padding-right: 0.2rem;
padding-top: 0.2rem;
}
.li-img-list>li>a{
display: block;
width: 100%;
height: 100%;
}
.li-img-list>li>a>img{
display: block;
width: 100%;
height: 100%;
}
/*基本信息部分*/
.sec-info{
font-size: .3rem;
display: none;
}
.sec-info>div{
background-color: white;
padding: 0 .3rem;
}
.sec-info>.info-main>p{
color: #999;
line-height: .6rem;
}
.sec-info>.info-main>p>span{
color: #333;
cursor: pointer;
}
.sec-info>.info-main>p>span>img.sex-icon{
width: .2rem;
height: .3rem;
padding-left: .1rem;
vertical-align: middle;
}
.sec-info>.info-main>p>span>img.edit-icon{
width: .26rem;
height: .21rem;
padding-left: .1rem;
vertical-align: middle;
display: none;
}
.sec-info>.record-main{
margin-top: .2rem;
font-size: .3rem;
color: #333;
}
.sec-info>.record-main>p{
font-size: .3rem;
line-height: .8rem;
height: .8rem;
border-bottom: 1px solid #e6e6e6;
}
.sec-info>.record-main>ul{
margin-top: .6rem;
}
.sec-info>.record-main>ul>li{
overflow: hidden;
}
.sec-info>.record-main>ul>li>div{
float: left;
box-sizing: border-box;
position: relative;
}
.sec-info>.record-main>ul>li>div:nth-of-type(1){
width: 1.6rem;
padding-top: .1rem;
}
.sec-info>.record-main>ul>li>div:nth-of-type(1)>p{
line-height: .4rem;
font-size: .24rem;
}
.sec-info>.record-main>ul>li>div:nth-of-type(1)>p:nth-of-type(1){
text-indent: 1em;
}
.sec-info>.record-main>ul>li>div:nth-of-type(2){
width: 5.3rem;
padding-left: .42rem;
border-left: 2px solid #d6d6d6;
padding-bottom: .6rem;
}
.sec-info>.record-main>ul>li:nth-last-of-type(1)>div:nth-of-type(2){
border-left: 2px solid white;
}
.sec-info>.record-main>ul>li:nth-last-of-type(1)>div:nth-of-type(2)::before{
content: '';
width: 2px;
height: .4rem;
position: absolute;
left: -2px;
top: 0;
background-color: #d6d6d6;
}
.sec-info>.record-main>ul>li:nth-of-type(1)>div:nth-of-type(2)::before{
content: '';
width: 2px;
height: .4rem;
position: absolute;
left: -2px;
top: 0;
background-color: white;
}
span.dot-block{
position: absolute;
left: -0.13rem;
top: .3rem;
width: .24rem;
height: .24rem;
box-sizing: border-box;
padding: .06rem;
border-radius: 50%;
background-color: #d6d6d6;
overflow: hidden;
}
span.dot-block>mark{
width: .12rem;
height: .12rem;
float: left;
border-radius: 50%;
background-color: #999;
}
.sec-info>.record-main>ul>li>div:nth-of-type(2)>p:nth-of-type(1){
padding-bottom: .1rem;
}
.sec-info>.record-main>ul>li>div:nth-of-type(2)>p:nth-of-type(2){
font-size: .26rem;
color: #999;
}
/*底部按钮区域*/
.bottom-btn-area{
overflow: hidden;
position: fixed;
width: 7.5rem;
left: 0;
bottom: .1rem;
}
.bottom-btn-area>a{
overflow: hidden;
}
.bottom-btn-area>a:nth-of-type(1){
float: left;
margin-left: 1.04rem;
}
.bottom-btn-area>a:nth-of-type(2){
float: right;
margin-right: 1.04rem;
}
.bottom-btn-area>a>img{
float: left;
width: 2.24rem;
height: 1.6rem;
}
/*跟进模态框区域*/
#genjin_modal{
position: fixed;
background-color: rgba(0,0,0,.7);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 102;
display: none;
}
.genjin-modal-main{
width: 6.6rem;
/*height: 5.8rem;*/
padding: .4rem .3rem;
/*margin-top: 4.6rem;*/
margin-top: 2.5rem;
margin-left: .45rem;
background-color: white;
font-size: .3rem;
box-sizing: border-box;
}
.genjin-content-area{
overflow: hidden;
padding-bottom: .15rem;
}
.genjin-content-area>textarea{
width: 100%;
font-size: 0.26rem;
color: #999;
border: 1px dashed #e6e6e6;
box-sizing: border-box;
min-height: 3rem;
height: auto;
overflow-y: auto;
padding: 0.3rem;
float: left;
}
.genjin-mark-area{
overflow: hidden;
padding-bottom: .15rem;
/*display: none;*/
}
.genjin-mark-area-title{
font-size: .24rem;
}
.genjin-mark-area-alink{
overflow: hidden;
}
.genjin-mark-area-alink>a{
float: left;
height: .6rem;
border-radius: .08rem;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 0 .2rem;
line-height: .6rem;
font-size: .24rem;
margin: .15rem;
color: #999;
cursor: pointer;
}
/*.genjin-mark-area-alink>a+a{
margin-left: .3rem;
}*/
.genjin-mark-area-alink>a.genjin-mark-active{
background-color: #FF9419;
color: white;
border: 1px solid #FF9419;
}
.genjin-submit-area{}
.genjin-submit-area>a{
border-radius: 0.15rem;
color: white;
font-size: 0.36rem;
height: 0.9rem;
line-height: 0.9rem;
text-align: center;
width: 6rem;
display: block;
}
.genjin-submit-area>#btn_save{
background-color: #ff9419;
}
.genjin-submit-area>#btn_save_temp{
background-color: #ccc;
display: none;
}
#close_btn{
overflow: hidden;
width: .38rem;
height: .38rem;
margin-top: .5rem;
margin-left: 3.56rem;
display: none;
}
#close_btn>img{
float: left;
width: 100%;
height: 100%;
}
/*拨打电话模态框*/
#call_modal{
position: fixed;
background-color: rgba(0,0,0,.7);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 102;
display: none;
}
.call-modal-main{
width: 6.6rem;
height: 6.54rem;
padding: .4rem .3rem;
margin-top: 2.8rem;
margin-left: .45rem;
background-color: white;
font-size: .3rem;
box-sizing: border-box;
}
.call-modal-main>p.call-modal-main-title{
font-size: .3rem;
color: #333;
text-align: center;
padding-bottom: .3rem;
}
.call-modal-main>p.call-modal-main-tip{
font-size: .24rem;
color: #F13D2F;
text-align: center;
padding-top: .3rem;
}
.call-modal-main>ol{
max-height: 4rem;
overflow-y: scroll;
padding-bottom: .3rem;
}
.call-modal-main>ol>li{
height: .8rem;
line-height: .8rem;
background-color: #f0f0f0;
margin-bottom: .3rem;
box-sizing: border-box;
padding: 0 .2rem;
cursor: pointer;
}
.call-modal-main>ol>li>input{
float: left;
line-height: .8rem;
height: .8rem;
width: 3.5rem;
font-size: .28rem;
color: #333;
}
.call-modal-main>ol>li>div{
float: right;
}
.call-modal-main>ol>li>.call-select-icon{
overflow: hidden;
padding-top: .23rem;
display: none;
}
.call-modal-main>ol>li>.call-select-icon>img{
float: left;
width: .34rem;
height: .34rem;
}
.call-modal-main>ol>li>.call-edit-icon,
.call-modal-main>ol>li>.call-submit-ing-icon{
width: .8rem;
height: .5rem;
line-height: .5rem;
border-radius: .14rem;
text-align: center;
font-size: .24rem;
color: white;
background-color: #F13D2F;
margin-top: .15rem;
display: none;
cursor: pointer;
}
.call-modal-main>ol>li>.call-submit-ing-icon{
width: 1.2rem;
background-color: #333;
}
.call-modal-main>ol>li.call-select>.call-select-icon,
.call-modal-main>ol>li.call-add>.call-edit-icon{
display: block;
}
.call-modal-main>ol>li.call-select>.call-edit-icon,
.call-modal-main>ol>li.call-add>.call-select-icon{
display: none!important;
}
.call-modal-main>div{
text-align: center;
color: #FF9419;
box-sizing: border-box;
border: 1px solid #FF9419;
line-height: .8rem;
height: .8rem;
}
.call-btn-area{
overflow: hidden;
margin-left: .45rem;
margin-top: .3rem;
}
.call-btn-area>div{
float: left;
width: 3.15rem;
height: .8rem;
line-height: .8rem;
border-radius: .08rem;
text-align: center;
font-size: .32rem;
}
.call-btn-area>div#call_btn_cancel{
background-color: white;
color: #FF9419;
}
.call-btn-area>div#call_btn_ok{
background-color: #FF9419;
color: white;
margin-left: .3rem;
}
.call-btn-area>div#call_btn_ok_temp{
background-color: #ccc;
color: white;
margin-left: .3rem;
display: none;
}
public/app/images/bg_download.png

65 KB | W: | H:

public/app/images/bg_download.png

64.6 KB | W: | H:

public/app/images/bg_download.png
public/app/images/bg_download.png
public/app/images/bg_download.png
public/app/images/bg_download.png
  • 2-up
  • Swipe
  • Onion skin
var _doc = $(document),
_appToken = getUrlParam("token");
$(function() {
$(document.body).show();
if(_appToken !== null) {
$('#title').html('新增客户');
h5PageC(_appToken, function(data) {
loadMain();
});
} else {
$('#title').html('编辑客户');
loadMain();
};
//返回键,和原生对接
//****************此页面和app交互时,苹果的要特殊处理,和其他页面用的方法不一致,这个页面需要url跳转来传递参数***************
_doc.on("click", "#back_btn", function(e) {
e.preventDefault();
e.stopPropagation();
if(_appToken == null) {
history.go(-1);
} else {
localStorage.removeItem('appVersion');
localStorage.removeItem('isPos');
Compatible({
paraIos: {
'route': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
};
});
});
function loadMain(){
var _token = localStorage.getItem('token'),
_customerId = getUrlParam('customerId'),
_userId = localStorage.getItem('id'), //用户id
_userName = localStorage.getItem('realname'),
_userPhone = localStorage.getItem('phone'),
_kefangObj = $('#kefang'),
ulHtml = $('.list-area'),
loadItem = $("#loading_pic"),
noMoreItem = $("#no_more"),
pageInit = 1,
stopstatus = true,
valueCurrent = '',
ajaxObj,
_btnSave = $('#btn_save'),
_btnSaveTemp = $('#btn_save_temp'),
_nameObj = $('#name'),
_sexObj = $('.sex-select1'),
_phoneObj = $('#phone'),
_kefangObj = $('#kefang');
if(_appToken !== null) {
$('mark[data-sex="1"]').addClass('mark-active').siblings().removeClass('mark-active');//默认性别为男
_kefangObj.attr('data-id', _userId).html(_userName+'-'+_userPhone);//默认客方姓名和电话为当前登录用户的
} else {
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/editClient',
data: {
'AuthToken': _token,
'id': _customerId
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
_nameObj.val(data['data']['start']['user_nick']);
_phoneObj.val(hideTel(data['data']['start']['user_phone'])).attr('readonly','readonly');
if(data['data']['start']['sex'] == '2'){
$('mark[data-sex="2"]').addClass('mark-active').siblings().removeClass('mark-active');
}else{
$('mark[data-sex="1"]').addClass('mark-active').siblings().removeClass('mark-active');
};
_kefangObj.attr('data-id', data['data']['start']['agent_id']).html(data['data']['start']['agents']);
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
};
//性别选择的点击事件
$('.sex-select1>mark').click(function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
if(_this.hasClass('mark-active')){
_this.removeClass('mark-active').siblings().addClass('mark-active');
}else{
_this.addClass('mark-active').siblings().removeClass('mark-active');
};
});
$('.li-kefang-area').click(function(e){
e.preventDefault();
e.stopPropagation();
$('#search_mask,#search_mask>section').animate({
'left': 0
},200);
});
$('#search_cancel_btn').click(function(e){
e.preventDefault();
e.stopPropagation();
$('#search_mask,#search_mask>section').animate({
'left': '100%'
},200);
});
$('#search_input').on('input',function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
valueCurrent = _this.val();
if(valueCurrent != ''){
resetLoad();
loadUl(valueCurrent, scroll);
}else{
ulHtml.html('');
loadItem.hide();
noMoreItem.show();
return false;
}
});
_doc.on('click','#search_mask>.list-area>li',function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_kefangObj.attr('data-id', _this.attr('data-id')).html(_this.find('a').html());
$('#search_mask,#search_mask>section').animate({
'left': '100%'
},200);
});
function resetLoad(){
ajaxObj && ajaxObj.abort();
ulHtml.html('');
loadItem.hide();
noMoreItem.show();
pageInit = 1;
stopstatus = true;
};
function loadUl(keyword, fn) {
ajaxObj = $.ajax({
type: 'get',
url: ServerHostTempC + '/broker/agentSearch',
data: {
'AuthToken': _token,
'search': keyword,
'pageNo': pageInit,
'pageSize': 15
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
loadItem.show();
noMoreItem.hide();
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
if(data['data']['list'].length > 0){
stopstatus = true;
pageInit++;//页数+1
var _html = '';
$.each(data['data']['list'], function(i, item) {
_html += '<li data-id="{0}"><a href="javascript:;">{1}-{2}</a></li>'.stringFormatObj({
'0': item['id'],
'1': item['realname'],
'2': item['phone']
});
});
$(".list-area").append(_html);
if(data['data'].length < 10){
stopstatus = false;
};
fn && fn();//下拉加载事件
}else{
stopstatus = false;
}
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
loadItem.hide();
noMoreItem.show();
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
};
function scroll(){
$('#search_mask').scroll(function(){
var _this = $(this),
scrollTop = _this.scrollTop(),
scrollHeight = $(document).height(),
windowHeight = _this.height();
var distance = Math.max(scrollHeight - scrollTop - windowHeight);
if(distance < 100&& stopstatus == true) {
stopstatus = false;
loadUl(valueCurrent);
}
});
};
_btnSave.click(function(e){
e.preventDefault();
e.stopPropagation();
var _nameVal = $.trim(_nameObj.val()),
_sexVal = _sexObj.find('.mark-active').attr('data-sex'),
_phoneVal = $.trim(_phoneObj.val()),
_kefangVal = _kefangObj.attr('data-id');
if(_nameVal == ''){
layerTipsX('请输入姓名');
return false;
};
if(_appToken !== null){
if(_phoneVal == ''){
layerTipsX('请输入手机号');
return false;
};
if(is_mobile(_phoneVal) == 0){
layerTipsX('手机号码格式不正确');
return false;
};
};
var _data = {
'AuthToken': _token,
'user_nick': _nameVal,
'sex': _sexVal,
'agents_id': _kefangVal,
'ccr_id': _userId
};
if(_appToken == null){
_data['id'] = getUrlParam('customerId');
}else{
_data['user_phone'] = _phoneVal;
};
$.ajax({
type: 'POST',
url: ServerHostTempC + "/broker/editClient",
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_btnSave.css('display','none');
_btnSaveTemp.css('display','block');
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
layer.open({
content: '添加成功',
btn: ['确定', '取消'],
yes: function(_index){
if(_appToken == null) {
location.href = ServerHost+'/mobile4.0/customerinfo_details_new.html?customerId='+_customerId+'&token='+_token;
} else {
Compatible({
paraIos: {
'route': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
};
layer.close(_index);
}
});
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
_btnSaveTemp.css('display','none');
_btnSave.css('display','block');
}
});
});
};
var _doc = $(document),
_token = getUrlParam("token"),
_customerId = getUrlParam('customerId');
$(function(){
$(document.body).show();
if(_token !== null) {
h5PageC(_token, function(data) {
loadMain();
});
} else {
loadMain();
};
//返回键,和原生对接
//****************此页面和app交互时,苹果的要特殊处理,和其他页面用的方法不一致,这个页面需要url跳转来传递参数***************
_doc.on("click", "#back_btn", function(e) {
e.preventDefault();
e.stopPropagation();
localStorage.removeItem('appVersion');
localStorage.removeItem('isPos');
Compatible({
paraIos: {
'route': 'back'
},
fnAndroid: function() {
window.android.onBackPressed();
},
fn: function() {
console.warn('error');
}
});
});
});
function loadMain(){
var _genjinModal = $('#genjin_modal'),//跟进模态框dom
_callModal = $('#call_modal'),//拨打电话模态框dom
_markAreaObj = $('.genjin-mark-area-zhuangtai>.genjin-mark-area-alink'),//跟进标签列表状态标签区域dom
_markAreaObj2 = $('.genjin-mark-area-putong>.genjin-mark-area-alink'),//跟进标签列表普通标签区域dom
_beizhuObj = $('#content'),//跟进的备注内容
_genjinCloseBtn = $('#close_btn'),//跟进模态框关闭按钮
_btnSave = $('#btn_save'),//跟进的保存按钮
_btnSaveTemp = $('#btn_save_temp'),//跟进保存按钮临时
_userId = localStorage.getItem('id'),//当前用户id
isCallFlag = true,//是否是电话跟进,默认不是
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list'),//添加电话列表对象dom
_userPhone = localStorage.getItem('phone'),//当前用户的手机号
_selectPhone = '',//拨号列表里选择的号码,也是当前用户对应的手机号,可能和_userPhone是一样的
_customerPhone = '',//当前客户的手机号
_backPhone = '';//绑定之后返回的号码
//获取客户基本信息
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/useraction_search',
data: {
'AuthToken': _token,
'user_id': Number(_customerId)
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
console.log(data);
if(typeof data === 'object') {
if (data.code == 200) {
$('#customer_code').html(data['data']['user_info']['user_id']);
$('#customer_name, #name').html(data['data']['user_info']['user_nick']);
if(data['data']['user_info']['sex']==2){
$('#customer_sex').html('女').next().attr('src','images/girl_ic@2x.png');
}else{
$('#customer_sex').html('男').next().attr('src','images/boy_ic@2x.png');
};
$('#kefang').html(data['data']['user_info']['agentinfo']);
$('#add_time').html(data['data']['user_info']['create_time']);
$('#customer_pic').attr('src',data['data']['user_info']['user_pic']);
_customerPhone = data['data']['user_info']['user_phone'];//当前客户手机号
$('#customer_phone').html(hideTel(data['data']['user_info']['user_phone']));
$('#call_modal_phone_self').val(_userPhone);
if(data['data']['user_info']['agent_id'] == _userId || localStorage.getItem('level') != '10'){
//客方和当前登录用户一致,或者当前登录用户为店长或者总监时,才能进行编辑客户
$('.edit-icon').show();
$('.edit-btn').click(function(e){
e.preventDefault();
e.stopPropagation();
location.href = 'customerinfo_customer_add.html?customerId='+_customerId;
});
};
//动态详情列表
function dealSp(obj){
console.log(obj['img_path']+obj['explain_img']);
return '<p>属于哪类客户:{0}</p><p>第一决策人:{1}</p><p>租商铺做什么:{2}</p><p>对面积的要求:{3}</p><p>对价格的要求:{4}</p><p>所在区域:{5}</p><p>补充说明:{6}</p>{7}'.stringFormatObj({
'0': obj['user_type'],
'1': obj['decision_maker'],
'2': obj['industry_type'],
'3': obj['area_requirement'],
'4': obj['price_requirement'],
'5': obj['area_detail'],
'6': obj['explain'],
'7': obj['explain_img']?'<ol class="li-img-list"><li><a href="imagebody.html?fullUrl='+obj['img_path']+obj['explain_img']+'"><img src="'+obj['img_path']+obj['explain_img']+'" /></a></li></ol>':''
});
};
var _htmlTemp = '';
if(data['data']['user_date'] && data['data']['user_date'].length > 0){
$.each(data['data']['user_date'], function(i, item) {
_htmlTemp += '<li><div class="li-top"><div class="li-top-left"><img src="{0}" onerror="javascript:this.src=\'images/ic_default_headpic.png\'" /></div><div class="li-top-right"><div class="li-top-right-header"><div>{1}</div><div>{3}</div></div><p>{2}{5}</p>{6}</div></div></li>'.stringFormatObj({
'0': data['data']['agent_path']+item['img'],
'1': item['name'],
'2': item['step_name']=='phone_fllow_up'?'电话跟进:':(item['step_name']=='fllow_up'?'跟进:':''),
'3': (item['create_time']==null?null:item['create_time']),
'5': item['step'],
'6': item['step_name']=='follow_up_log'?dealSp(item):''
});
});
$('.sec-dynamic>ul').html(_htmlTemp);
}else{
$('.sec-dynamic>ul').html('<div id="zanwu_data" class="zanwu_data" style="display: block;">暂无数据...</div>');
};
//客方修改日志
var _htmlTemp2 = '';
if(data['data']['user_history'].length > 0){
$.each(data['data']['user_history'], function(i, item) {
_htmlTemp2 += '<li><div><p>操作时间</p><p>{0}</p></div><div><span class="dot-block"><mark></mark></span><p>{1}</p><p>操作人:{2}</p></div></li>'.stringFormatObj({
'0': item['create_time']?item['create_time'].split(' ')[0]:item['create_time'],
'1': item['remark'],
'2': item['name']
});
});
$('.record-main>ul').html(_htmlTemp2);
}else{
$('.record-main>ul').html('<div id="zanwu_data" class="zanwu_data" style="display: block;">暂无数据...</div>');
}
//添加报备的点击事件
$('#baobei_btn').click(function(){
Compatible({
paraIos: {
'route': 'baobei',
'name': data['data']['user_info']['user_nick'],
'phone': data['data']['user_info']['user_phone'],
'sex': data['data']['user_info']['sex'],
'userId': data['data']['user_info']['user_id']
},
fnAndroid: function() {
window.android.onProjectReport(data['data']['user_info']['user_nick'],data['data']['user_info']['user_phone'],data['data']['user_info']['sex'],data['data']['user_info']['user_id']);
},
fn: function() {
console.warn('error');
}
});
});
if(data['data']['user_info']['user_status'] == 0 || data['data']['user_info']['user_status'] == 1 || data['data']['user_info']['user_status'] == -1 ){
_markAreaObj.find('a[data-markid="'+data['data']['user_info']['user_status']+'"]').addClass('genjin-mark-active').siblings().removeClass('genjin-mark-active');
}else{
layerTipsX('状态标签返回有误');
}
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
console.log('aa');
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
//获取跟进标签列表信息
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/getULabelsListApp',
data: {
'AuthToken': _token
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
var _htmlTemp = '';
$.each(data['data']['list'], function(i, item) {
_htmlTemp += '<a data-markid="{1}" data-free="{2}">{0}</a>'.stringFormatObj({
'0':item['name'],
'1':item['id'],
'2':item['free']
});
});
_markAreaObj2.html(_htmlTemp);
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
//tab栏点击事件
$('.tab-area>div').click(function(e){
e.preventDefault();
e.stopPropagation();
var _index = $(this).index();
$('.tab-area>div').eq(_index).addClass('tab-active').siblings().removeClass('tab-active');
$('.main-area>section').eq(_index).show().siblings().hide();
});
//跟进按钮点击事件
$('#genjin_btn').click(function(e){
e.preventDefault();
e.stopPropagation();
isCallFlag = false;//改为非电话跟进
_markAreaObj2.parent().hide();//普通跟进的时候普通标签区域隐藏
_genjinCloseBtn.show();
_genjinModal.show();//跟进模态框显示
_beizhuObj.val('');//清空跟进输入框内容
//_markAreaObj.find('a').removeClass('genjin-mark-active');//清空跟进标签选择数据
});
//跟进模态框关闭按钮点击事件
_genjinCloseBtn.click(function(e){
isCallFlag = true;//改为非电话跟进
_genjinModal.hide();
});
//跟进模态框,列表标签的点击事件
_doc.on('click', '.genjin-mark-area-alink>a', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
if(!_this.hasClass('genjin-mark-active')){
_this.addClass('genjin-mark-active').siblings().removeClass('genjin-mark-active');
};
});
//跟进的提交按钮点击事件
_btnSave.click(function(e){
e.preventDefault();
e.stopPropagation();
var _genjinMarkOBj = $('.genjin-mark-area-zhuangtai .genjin-mark-active'),
_genjinMarkOBj2 = $('.genjin-mark-area-putong .genjin-mark-active'),
_beizhuObjVal = $.trim(_beizhuObj.val()),
_isFreeFlag = true;//是否释放
// if(_beizhuObjVal == '' && _genjinMarkOBj.length == 0){
// layerTipsX('请填写跟进内容或选择跟进标签');
// return false;
// };
if(_genjinMarkOBj.length == 0){
layerTipsX('请选择状态跟进标签');
return false;
};
var _data = {
'AuthToken': _token,
'content': _beizhuObjVal,
'user_id': _customerId,
'agent_id': _userId,
'user_status': _genjinMarkOBj.attr('data-markid')
};
if(isCallFlag){
//电话跟进
if(_genjinMarkOBj2.length == 0){
layerTipsX('请选择普通跟进标签');
return false;
}else{
_data['labels_id'] = _genjinMarkOBj2.attr('data-markid');
_data['type'] = 0;
(_genjinMarkOBj2.attr('data-free') == 0) && (_isFreeFlag = false);
}
}else{
//普通跟进
if(_beizhuObjVal == ''){
layerTipsX('请填写跟进信息');
return false;
}else{
_data['type'] = 1;
}
};
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/add_phone_follow_up',
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_btnSave.hide();
_btnSaveTemp.css('display','block');
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
if(isCallFlag&&_isFreeFlag){
//释放
freePhone();
}else{
layer.open({
content: '提交成功',
btn: ['确定'],
yes: function(_index){
location.reload();
layer.close(_index);
}
});
};
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
_btnSaveTemp.hide();
_btnSave.css('display','block');
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
});
function freePhone(obj){
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsUnBind',
data: {
'AuthToken': _token,
'phone_x': _backPhone,
'phone_a': _selectPhone,
'phone_b': _customerPhone
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
console.log('释放成功');
layer.open({
content: '提交成功',
btn: ['确定'],
yes: function(_index){
location.reload();
layer.close(_index);
}
});
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
};
//拨打电话模态框,获取电话列表
$.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _token,
'agents_id': _userId
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
var _htmlTemp = '';
$.each(data['data'], function(i, item) {
_htmlTemp += '<li class="{0}"><input placeholder="请输入本机手机号" maxlength="11" type="tel" value="{1}" {2} /><div class="call-edit-icon">完成</div><div class="call-submit-ing-icon">提交中ing</div><div class="call-select-icon"><img src="images/ic_duigou_gre.png" /></div></li>'.stringFormatObj({
'0': '',
'1': item['phone'],
'2': 'readonly',
});
});
$('.call-modal-main>ol').append(_htmlTemp);
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
//拨打电话模态框,取消按钮点击事件
$('#call_btn_cancel').click(function(e){
e.preventDefault();
e.stopPropagation();
_callModal.hide();
});
$('#call_list_open_btn').click(function(e){
e.preventDefault();
e.stopPropagation();
_callModal.show();
});
_doc.on('click','#call_modal_phone_list>li',function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
if(_this.find('input')[0].readOnly){
if(!_this.hasClass('call-select')){
_this.addClass('call-select').siblings().removeClass('call-select');
};
};
});
_addPhoneBtn.click(function(e){
e.preventDefault();
e.stopPropagation();
if(_addPhoneListObj.find('li').length>=3){
layerTipsX('可添加的号码最多为3');
return false;
}else{
_addPhoneBtn.hide();
_addPhoneListObj.append('<li class="call-add"><input placeholder="请输入本机手机号" maxlength="11" type="tel" /><div class="call-edit-icon">完成</div><div class="call-submit-ing-icon">提交中ing</div><div class="call-select-icon"><img src="images/ic_duigou_gre.png" /></div></li>').find('.call-add>input').focus();
};
});
_doc.on('click', '#call_modal_phone_list>li>.call-edit-icon', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this),
_phoneTemp = $.trim(_this.prev().val());
if(!is_mobile(_phoneTemp)){
layerTipsX('请输入正确的手机号码');
return false;
};
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _token,
'agents_id': _userId,
'phone': _phoneTemp
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.hide();
_this.next().show();
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
_this.prev().attr('readonly','readonly').parent().removeClass('call-add').addClass('call-select').siblings().removeClass('call-select');
_addPhoneBtn.show();
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
_this.next().hide();
_this.parent().hasClass('call-add') && _this.show();
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
});
var _callFlag = true;
$('#call_btn_ok').click(function(e){
e.preventDefault();
e.stopPropagation();
if(!_callFlag){
return false;
};
var _selectObj = $('.call-select');
if(_selectObj.length != 1){
layerTipsX('选择出错');
return false;
}else{
_selectPhone = $.trim(_selectObj.find('input').val());
};
if(_selectPhone && _customerPhone){
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'phone_b': _customerPhone
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_callFlag = false;
$('#call_btn_ok').hide();
$('#call_btn_ok_temp').show();
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
_backPhone = data['data']['phone'];
console.log(_backPhone);
Compatible({
paraIos: {
'route': 'call',
'phone': _backPhone
},
fnAndroid: function() {
window.android.onPhoneCall(_backPhone);
},
fn: function() {
console.warn('error');
}
});
_callModal.hide();//拨打电话模态框隐藏
_genjinCloseBtn.hide();//跟进模态框关闭按钮隐藏
_markAreaObj2.parent().show();//普通跟进标签列表显示
_beizhuObj.val('');//清空跟进输入框内容
_markAreaObj2.find('a').removeClass('genjin-mark-active');//清空普通跟进标签选择数据
setTimeout(function(){
_genjinModal.show();//跟进模态框打开
},1000);
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
$('#call_btn_ok_temp').hide();
$('#call_btn_ok').show();
_callFlag = true;
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
};
});
};
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
body{ body{
margin: 0; margin: 0;
min-width: 580px; min-width: 580px;
display: none;
} }
p{ p{
margin: 0; margin: 0;
...@@ -19,24 +20,28 @@ header>div{ ...@@ -19,24 +20,28 @@ header>div{
margin: 0 auto; margin: 0 auto;
width: 1200px; width: 1200px;
height: 115px; height: 115px;
overflow: hidden; display: flex;
align-items: center;
}
header.small-screen>div{
height: 80px;
} }
header>div>img{ header>div>img{
float: left;
width: 200px; width: 200px;
padding-top: 34px; height: 49px;
} }
.main-area{ .main-area{
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 750px; min-height: 610px;
position: relative; height: 100%;
top: 115px; background-color: #aaa;
} }
.main-area>img{ .main-area>img{
float: left; float: left;
width: 100%; width: 100%;
height: 850px; /*height: 850px;*/
height: 100%;
object-fit: cover; object-fit: cover;
} }
...@@ -143,3 +148,6 @@ footer>p{ ...@@ -143,3 +148,6 @@ footer>p{
font-size: 14px; font-size: 14px;
color: #999; color: #999;
} }
footer.small-screen>p{
line-height: 80px;
}
$(function(){ $(function(){
var _heightTemp = $(window).height();
if(_heightTemp<680){
$('header,footer').addClass('small-screen');
}
$('.main-area').height(_heightTemp);
$(document.body).show();//页面显示出来
//以上针对不同屏幕高度动态处理一些样式
var _loginBtn = $('#btn_login'), var _loginBtn = $('#btn_login'),
_loginTempBtn = $('#btn_login_temp'); _loginTempBtn = $('#btn_login_temp');
$('.input-area>input').focus(function(){ $('.input-area>input').focus(function(){
......
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