Skip to content

T
tl_estate
Commit 29a7a94e authored by xishifeng's avatar xishifeng
Browse files
Options

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

parent 4dff3798
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1246 additions and 7 deletions
application/app_broker/controller/Index.php
View file @ 29a7a94e
......@@ -89,6 +89,21 @@ class Index
{
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()
{
......
application/app_broker/view/index/customerinfo_customer_add.html 0 → 100644
View file @ 29a7a94e
<!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
application/app_broker/view/index/customerinfo_details_new.html 0 → 100644
View file @ 29a7a94e
<!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
application/app_broker/view/index/xiazai.html 0 → 100644
View file @ 29a7a94e
<!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>
application/route.php
View file @ 29a7a94e
......@@ -44,6 +44,9 @@ Route::group('app_broker',[
'daily_achieve_ywy' => [ 'app_broker/index/daily_achieve_ywy', [ 'method' => 'get' ] ],
'customerinfo_genjin' => [ 'app_broker/index/customerinfo_genjin', [ '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', [
......
public/app/css/customerinfo_details_new.css 0 → 100644
View file @ 29a7a94e
@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
View replaced file @ 4dff3798 View file @ 29a7a94e
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
public/app/js/customerinfo_customer_add.js 0 → 100644
View file @ 29a7a94e
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');
}
});
});
};
public/app/js/customerinfo_details_new.js 0 → 100644
View file @ 29a7a94e
This diff is collapsed.
public/resource/css/login.css
View file @ 29a7a94e
......@@ -2,6 +2,7 @@
body{
margin: 0;
min-width: 580px;
display: none;
}
p{
margin: 0;
......@@ -19,24 +20,28 @@ header>div{
margin: 0 auto;
width: 1200px;
height: 115px;
overflow: hidden;
display: flex;
align-items: center;
}
header.small-screen>div{
height: 80px;
}
header>div>img{
float: left;
width: 200px;
padding-top: 34px;
height: 49px;
}
.main-area{
overflow: hidden;
width: 100%;
height: 750px;
position: relative;
top: 115px;
min-height: 610px;
height: 100%;
background-color: #aaa;
}
.main-area>img{
float: left;
width: 100%;
height: 850px;
/*height: 850px;*/
height: 100%;
object-fit: cover;
}
......@@ -143,3 +148,6 @@ footer>p{
font-size: 14px;
color: #999;
}
footer.small-screen>p{
line-height: 80px;
}
public/resource/js/login.js
View file @ 29a7a94e
$(function(){
var _heightTemp = $(window).height();
if(_heightTemp<680){
$('header,footer').addClass('small-screen');
}
$('.main-area').height(_heightTemp);
$(document.body).show();//页面显示出来
//以上针对不同屏幕高度动态处理一些样式
var _loginBtn = $('#btn_login'),
_loginTempBtn = $('#btn_login_temp');
$('.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