Skip to content

T
tl_estate
Commit 9c2f867d authored by agping's avatar agping
Browse files
Options

客户列表 优化

parent 561338e0
Hide whitespace changes
Inline Side-by-side
Showing with 85 additions and 36 deletions
application/index/view/member/user_genjing_modal.html
View file @ 9c2f867d
......@@ -240,11 +240,18 @@
width: 30px;
border-radius: 3px;
line-height: 20px;
margin-top: 2px;
font-size: 10px;
font-size: 14px;
text-align: center;
cursor: pointer;
margin-left: 2px;
color: #FF8018;
text-decoration: none;
font-weight: 600;
}
.user_call:hover{
text-decoration: none;
color: #FF8018;
}
/*客户动态*/
......@@ -311,13 +318,14 @@
/*上一条 下一条 样式*/
#user_up,
#user_down {
color: #337ab7;
cursor: pointer;
margin-right: 30px;
}
.detail-modal-header-tab {
width: 220px;
width: 240px;
float: left;
margin-top: 8px;
}
.user_up_con {
......@@ -397,8 +405,6 @@
}
/*收藏样式*/
#user_is_collect{
margin-left: 30px;
font-weight: 600;
cursor: pointer;
}
......@@ -407,26 +413,75 @@
margin: 0 auto;
background-color: white;
}
/*客户详情 样式优化*/
.btn-info-liu{
font-size: 18px;
color: #FF8018;
}
.btn-default-liu{
opacity: 0.4;
font-size: 18px;
color: #1F3865;
}
.detail-modal-header-tab span{
cursor: pointer;
font-weight: 600;
}
.public-box-liu-88{
display: block;
width: 88px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #D8DBED;
border-radius: 3px;
font-size: 12px;
color: #A4ACCF;
float: left;
}
.public-box-liu-73{
display: block;
width: 73px;
height: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #D8DBED;
border-radius: 3px;
font-size: 12px;
color: #A4ACCF;
float: left;
}
#edit_add{
display: inline-block;
width: 66px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 12px;
color: #fff;
background-image: linear-gradient(-146deg, #FFDC0F 0%, #FF750E 91%);
border-radius: 3px;
}
</style>
<div>
<div class="modal-header">
<h4 class="modal-title text-info detail-modal-header-tab">
<a href="javascript:;" class="btn btn-info">客户详情/跟进</a>
<a href="javascript:;" class="btn btn-default caozuo-yue">约带看</a>
<span class="btn-info-liu" style="margin-right: 30px;">客户详情/跟进</span>
<span class="btn-default-liu caozuo-yue">约带看</span>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 10px;width: 30px;height: 30px;">
×
</button>
</h4>
<div class="user_up_con">
<span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
<span id="user_down" class="ld-Marheight text-primary ld-Marheight">下一条客户</span>
<span id='user_is_collect' class='ld-Marheight text-primary'>收藏</span>
<a id='user_add_relational' class='ld-Marheight text-primary' style="margin-left: 32px;cursor: pointer;" href="#modal-addRelational" data-toggle="modal">添加关联客户</a>
<span id="user_up" class="public-box-liu-73">上一条客户</span>
<span id="user_down" class="public-box-liu-73">下一条客户</span>
<span id='user_is_collect' class='public-box-liu-73'>收藏</span>
<a id='user_add_relational' class='public-box-liu-88' style="margin-left: 32px;cursor: pointer;" href="#modal-addRelational" data-toggle="modal">添加关联客户</a>
</div>
</div>
<div class="modal-body modal-body1">
<div class="modal-body modal-body1" style="color: #061C43;font-size: 14px;">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
......@@ -476,7 +531,7 @@
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
<a class="fore-span btn-primary user_call" >拨打</a>
<a class="fore-span user_call" >拨打</a>
</td>
<td>
......@@ -556,7 +611,7 @@
</table>
<!--关联客户-->
<div>
<div class="text-info" style="font-size: 16px;">
<div style="font-size: 16px;color: #061C43;font-weight: 600;">
关联客户
</div>
<div class="user-detail-relational" style="overflow: hidden;">
......@@ -564,7 +619,7 @@
</div>
<!--客户详情 最近一条带看动态-->
<div>
<div class="text-info" style="margin: 2px;font-size: 16px;">最近一条带看动态</div>
<div style="margin: 2px;font-size: 16px;color: #061C43;font-weight: 600;">最近一条带看动态</div>
<table class="table table-striped table-bordered table-hover table-condensed" style="margin-bottom: 0;">
<tbody class="text-center user-log-detail">
</tbody>
......@@ -572,7 +627,7 @@
</div>
<div class="clear modal-title-genjing">
<span class="modal-title-genjing-con">
<span class="text-info">客户动态</span>
<span class="btn-info-liu">客户动态</span>
<span>带看动态</span>
</span>
......@@ -599,24 +654,18 @@
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进<span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<textarea class="form-control" rows="2" id="genj_text"></textarea>
<div class="col-sm-12">
<textarea class="form-control" rows="2" id="genj_text" placeholder="请输入客户跟进信息(必填)"></textarea>
</div>
<label class="col-sm-3 control-label">状态标签 <span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<!--<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">-->
<div class="col-sm-12">
<label class="control-label">已租</label><input type="radio" name="user_status" value="1">
<label class="control-label">求租</label><input type="radio" name="user_status" value="0">
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
<span id="edit_add">保存</span>
<!--<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>-->
</div>
</div>
......
public/resource/js/user_genjing_modal.js
View file @ 9c2f867d
......@@ -119,9 +119,9 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
$('.detail-modal-header-tab>a:nth-of-type(1)').removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
$('.detail-modal-header-tab>span:nth-of-type(1)').removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
$('.modal-title-genjing-con>span:nth-of-type(1)').removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
user.detailTabIndex = 0;
$('.detail-modal-body-sec:nth-of-type(1)').show().siblings().hide();
//初始化客户动态 带看动态两个表格切换
......@@ -146,11 +146,11 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
});
//查看弹出框里的tab点击事件,查看客户详情，客户约带看
_doc.on('click', '.detail-modal-header-tab>a', function(e){
_doc.on('click', '.detail-modal-header-tab>span', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
_this.removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
user.detailTabIndex = _this.index();
$('.detail-modal-body-sec:nth-of-type('+(user.detailTabIndex+1)+')').show().siblings().hide();
if(user.detailTabIndex == 1){
......@@ -303,7 +303,7 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
_doc.on('click', '#user_up', function() {
user_type='last';
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
$('.modal-title-genjing-con>span:nth-of-type(1)').removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
//初始化客户动态 带看动态两个表格切换
$('.follow-up-modal-list-area:nth-of-type(1)').show().siblings().hide();
if(_tempUrl === '/index/users_list'){
......@@ -316,7 +316,7 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
_doc.on('click', '#user_down', function() {
user_type='next';
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
$('.modal-title-genjing-con>span:nth-of-type(1)').removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
//初始化客户动态 带看动态两个表格切换
$('.follow-up-modal-list-area:nth-of-type(1)').show().siblings().hide();
if(_tempUrl === '/index/users_list'){
......@@ -625,7 +625,7 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.addClass('text-info').siblings().removeClass('text-info');
_this.removeClass('btn-default-liu').addClass('btn-info-liu').siblings().removeClass('btn-info-liu').addClass('btn-default-liu');
user.detailTabIndexFollow = _this.index();
$('.follow-up-modal-list-area:nth-of-type('+(user.detailTabIndexFollow+1)+')').show().siblings().hide();
if(user.detailTabIndexFollow){
......@@ -1459,7 +1459,7 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'bootstrapJs']
$('.is-show-more-followlog').hide();
//如果第一次 进来 没有数据 表格显示暂无跟进信息
if(user.isExitsNewInfo==1){
$("#caozuo_table2").html('暂无跟进信息!!!');
$("#caozuo_table2").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