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