Skip to content

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

客户列表修改

parent 87304e6d
Hide whitespace changes
Inline Side-by-side
Showing with 133 additions and 52 deletions
application/index/view/member/users_list.html
View file @ f2b358d1
...@@ -266,6 +266,21 @@ ...@@ -266,6 +266,21 @@
.btn-user-details{ .btn-user-details{
background-color: orange; background-color: orange;
} }
/*上一条 下一条 样式*/
#user_up,#user_down{
/*font-size:14px;*/
color: #337ab7;
cursor: pointer;
}
.detail-modal-header-tab{
width: 220px;
float: left;
}
.user_up_con{
float: left;
margin-top: 5px;
font-size: 16px;
}
</style> </style>
<!--导航star--> <!--导航star-->
...@@ -602,12 +617,18 @@ ...@@ -602,12 +617,18 @@
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
× ×
</button> </button>
<h4 class="modal-title text-info"> <h4 class="modal-title text-info detail-modal-header-tab">
客户详情 <a href="javascript:;" class="btn btn-default">客户详情/跟进</a>
<a href="javascript:;" class="btn btn-info">约带看</a>
</h4> </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>
</div>
</div> </div>
<div class="modal-body modal-body1"> <div class="modal-body modal-body1">
<table class="" id="caozuo_hide" border='0'> <div class="detail-modal-body-sec">
<table class="" id="caozuo_hide" border='0'>
<thead> <thead>
<tr> <tr>
<td width="40%"> <td width="40%">
...@@ -757,7 +778,60 @@ ...@@ -757,7 +778,60 @@
</div> </div>
</div> </div>
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<table class="table table-striped table-bordered table-hover table-condensed" id=" ">
<thead>
<tr>
<td>
<form id="form1">
<span class="fore-span ld-Marheight">姓名:</span>
<span class="fore-span ld-Marheight" id="take_look_name"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight" id="take_look_phone"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight" id="take_look_id"></span>
<div class="clear"></div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<span class="fore-span ld-Marheight">约带看商铺：</span>
<div class=" ">
<!--选择式-->
<input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul"></ul>
<!--下拉列表-->
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div class="clear"></div>
<span class="fore-span ld-Marheight">预计到场时间:</span>
<!--bootstrap 时间控件-->
<input type="text" value=" " class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly">
<div class="clear"></div>
<div class="textarea-con ld-Marheight">
<span class="fore-span">备注:</span>
<textarea name=" " rows="5" cols="50" id="note_look"></textarea>
</div>
</form>
</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
<button type="button" class="btn btn-primary save-look">
保存
</button>
</div>
</div> </div>
<!--<div class="modal-footer"> <!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭 <button type="button" class="btn btn-default" data-dismiss="modal">关闭
...@@ -802,7 +876,7 @@ ...@@ -802,7 +876,7 @@
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!-- /#跟进 --> <!-- /#跟进 -->
<div class="modal fade" id="modal-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <!--<div class="modal fade" id="modal-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
...@@ -821,9 +895,9 @@ ...@@ -821,9 +895,9 @@
</div> </div>
<label class="col-sm-3 control-label">状态标签：</label> <label class="col-sm-3 control-label">状态标签：</label>
<div class="col-sm-9"> <div class="col-sm-9">
<!--<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">
<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="-1">
<span class="text-danger">(必填)</span> <span class="text-danger">(必填)</span>
</div> </div>
<div class="clear"> <div class="clear">
...@@ -844,10 +918,8 @@ ...@@ -844,10 +918,8 @@
</button> </button>
</div> </div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> </div>-->
</div>
<!-- #批量修改客方--> <!-- #批量修改客方-->
<div class="modal fade" id="modal_modify_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal_modify_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one"> <div class="modal-dialog modal-dialog-one">
...@@ -888,7 +960,7 @@ ...@@ -888,7 +960,7 @@
<!-- /.modal --> <!-- /.modal -->
</div> </div>
<!--约带看--> <!--约带看-->
<div class="modal fade" id="modal-takeLook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <!--<div class="modal fade" id="modal-takeLook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
...@@ -919,29 +991,17 @@ ...@@ -919,29 +991,17 @@
<div class="form-group detail-modal-bargaininfo-commission-sec"> <div class="form-group detail-modal-bargaininfo-commission-sec">
<span class="fore-span ld-Marheight">约带看商铺：</span> <span class="fore-span ld-Marheight">约带看商铺：</span>
<div class=" "> <div class=" ">
<!--选择式-->
<input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 "> <input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul"></ul> <ul class="look-shop-ul"></ul>
<!--下拉列表-->
</div> </div>
<!--<mark href="javascript:; " class="detail-modal-bargaininfo-commission-cancel-pic "><img src="/resource/image/search_gb.png " /></mark>-->
</div> </div>
</div> </div>
<div id="bargaininfo_commission_add_btn"> <div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" /> <img src="/resource/image/jia2@2x.png" />
</div> </div>
</div> </div>
<!--<div class="form-group ">
<span class="fore-span ld-Marheight ">约带看商铺:</span>
<input type="text " class="form-control btn6 ld-Marheight " name=" " autocomplete="off " id="look_shop " placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul "></ul>
</div>-->
<div class="clear"></div> <div class="clear"></div>
<span class="fore-span ld-Marheight">预计到场时间:</span> <span class="fore-span ld-Marheight">预计到场时间:</span>
<!--<input class="form-control btn6 ld-Marheight " value=" " data-rule-phoneus="false " data-rule-required="false " id=" " name=" " type="datetime-local ">-->
<!--datetime-local-->
<!--bootstrap 时间控件-->
<input type="text" value=" " class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly"> <input type="text" value=" " class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly">
<div class="clear"></div> <div class="clear"></div>
...@@ -959,18 +1019,13 @@ ...@@ -959,18 +1019,13 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<!--<button type="button " class="btn btn-default " data-dismiss="modal ">关闭
</button>-->
<button type="button" class="btn btn-primary save-look"> <button type="button" class="btn btn-primary save-look">
<!--data-dismiss="modal "-->
保存 保存
</button> </button>
</div> </div>
</div> </div>
<!-- /.modal-content -->
</div> </div>
<!-- /.modal --> </div>-->
</div>
<!--拨打手机号--> <!--拨打手机号-->
<div class="modal fade" id="modal-call" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-call" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
......
public/resource/js/user.js
View file @ f2b358d1
...@@ -74,17 +74,17 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -74,17 +74,17 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
_doc.on('click', '#look_shop_date', function() { _doc.on('click', '#look_shop_date', function() {
$('.datetimepicker').show(); $('.datetimepicker').show();
}); });
_doc.on('click', '.take-look', function(e) {//点击约带看 获取 客户姓名 编号 电话 // _doc.on('click', '.take-look', function(e) {//点击约带看 获取 客户姓名 编号 电话
e.preventDefault(); // e.preventDefault();
e.stopPropagation(); // e.stopPropagation();
$('#take_look_name').html($(this).attr("data-name")); // $('#take_look_name').html($(this).attr("data-name"));
$('#take_look_phone').html($(this).attr("data-phone")); // $('#take_look_phone').html($(this).attr("data-phone"));
$('#take_look_id').html($(this).attr("data-id")); // $('#take_look_id').html($(this).attr("data-id"));
$('#look_shop_date').val(''); // $('#look_shop_date').val('');
$('#note_look').val(''); // $('#note_look').val('');
$('.look-shop').val(''); // $('.look-shop').val('');
$('.look-shop').removeAttr('data-id'); // $('.look-shop').removeAttr('data-id');
}); // });
//二级联动 //二级联动
user.getDistrict(function() { user.getDistrict(function() {
_doc.on('input', '#district_id, #district_id2', function() { _doc.on('input', '#district_id, #district_id2', function() {
...@@ -171,7 +171,21 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -171,7 +171,21 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情 $(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id"); user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone"); user.user_phone = $(this).attr("data-phone");
$('#take_look_name').html($(this).attr("data-name"));
$('#take_look_phone').html($(this).attr("data-phone"));
$('#take_look_id').html($(this).attr("data-id"));
$('#look_shop_date').val('');
$('#note_look').val('');
$('.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');
user.detailTabIndex = 0;
$('.detail-modal-body-sec:nth-of-type(1)').show().siblings().hide();
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
user.Caozuo(); user.Caozuo();
}); });
// 点击缓存 // 点击缓存
$(document).delegate(".caozuo-add-color", "click", function() { //点击操作跟进详情 $(document).delegate(".caozuo-add-color", "click", function() { //点击操作跟进详情
...@@ -230,7 +244,20 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -230,7 +244,20 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
user.search_phone_look(this); user.search_phone_look(this);
} }
}); });
//查看弹出框里的tab点击事件,查看商铺，商铺跟进
_doc.on('click', '.detail-modal-header-tab>a', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
user.detailTabIndex = _this.index();
$('.detail-modal-body-sec:nth-of-type('+(user.detailTabIndex+1)+')').show().siblings().hide();
if(user.detailTabIndex == 1){
}else if(user.detailTabIndex == 0){
user.Caozuo();
user.getGenjincon();
}
});
$(document).on("input", ".cus_fang", function() { //手机号搜索客方2 编辑 $(document).on("input", ".cus_fang", function() { //手机号搜索客方2 编辑
if($(".cus_fang").val() == '') { if($(".cus_fang").val() == '') {
user.agent_id2=''; user.agent_id2='';
...@@ -346,10 +373,10 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -346,10 +373,10 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
} }
} }
if(user_info_obj.id==1){ // if(user_info_obj.id==1){
alert('当前用户没有权限提交约带看'); // alert('当前用户没有权限提交约带看');
return false; // return false;
} // }
if(arr_look.length<0||arr_look.length==0){ if(arr_look.length<0||arr_look.length==0){
alert('请选择约带看商铺'); alert('请选择约带看商铺');
...@@ -469,7 +496,6 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -469,7 +496,6 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
user_ul2 += '<li class="addphone3" data-id="' + item.id + '">' + item.id + '-' + item.title + '-' + item.address + '</li>'; user_ul2 += '<li class="addphone3" data-id="' + item.id + '">' + item.id + '-' + item.title + '-' + item.address + '</li>';
}); });
$(n).next('.look-shop-ul').html(user_ul2); $(n).next('.look-shop-ul').html(user_ul2);
// $(".look-shop-ul").html(user_ul2);
} else { } else {
...@@ -495,10 +521,8 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -495,10 +521,8 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
dataType: "json", dataType: "json",
success: function(data) { success: function(data) {
if(data.code == 200) { if(data.code == 200) {
// alert('修改成功');
console.log(data.data.data.phone); console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone); $('#phone_title2').html(data.data.data.phone);
// $("#modal-record").modal('hide'); // $("#modal-record").modal('hide');
} else { } else {
alert(data.msg) alert(data.msg)
...@@ -585,7 +609,9 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -585,7 +609,9 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
success: function(data) { success: function(data) {
if(data.code == 200) { if(data.code == 200) {
alert('修改成功'); alert('修改成功');
$("#modal-record").modal('hide'); user.getGenjincon();
$('#genj_text').val('');
// $("#modal-record").modal('hide');
} else { } else {
alert(data.msg); alert(data.msg);
} }
...@@ -964,7 +990,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -964,7 +990,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
type: 'GET', type: 'GET',
async: true, async: true,
data: { data: {
parent_code:310100
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
......
public/resource/template/user_template_tpl.html
View file @ f2b358d1
...@@ -42,13 +42,13 @@ ...@@ -42,13 +42,13 @@
<td width="16%"> <td width="16%">
[% if((check_auth('auth_vip') && it[item]['vip']) || (it[item]['agent_id'] == 0) || (it[item]['agent_id'] == it[item]['current_agent_id']) || check_auth('index/useraction_search') ) { %] [% if((check_auth('auth_vip') && it[item]['vip']) || (it[item]['agent_id'] == 0) || (it[item]['agent_id'] == it[item]['current_agent_id']) || check_auth('index/useraction_search') ) { %]
<a class="btn1 caozuo genj_ure caozuo-add-color [%= getLoaclId(it[item]['id']) %]" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]'>详情/跟进</a>&nbsp; <a class="btn1 caozuo genj_ure caozuo-add-color [%= getLoaclId(it[item]['id']) %]" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</a>&nbsp;
<a class="btn1 btn-success caozuo" href="#modal-record-edit" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]'>客户编辑</a>&nbsp; <a class="btn1 btn-success caozuo" href="#modal-record-edit" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]'>客户编辑</a>&nbsp;
<!--<a class="btn1 btn-success genj_ure" href="#modal-add" data-toggle="modal" data-id='[%= it[item]["id"] %]'>跟进</a>&nbsp;--> <!--<a class="btn1 btn-success genj_ure" href="#modal-add" data-toggle="modal" data-id='[%= it[item]["id"] %]'>跟进</a>&nbsp;-->
<a class="btn1 btn-success take-look" href="#modal-takeLook" data-toggle="modal" data-id='[%= it[item]["id"] %]' data-name='[%= it[item]["user_name"] %]' data-phone='[%= it[item]["user_phone"] %]'>约带看</a> <!--<a class="btn1 btn-success take-look" href="#modal-takeLook" data-toggle="modal" data-id='[%= it[item]["id"] %]' data-name='[%= it[item]["user_name"] %]' data-phone='[%= it[item]["user_phone"] %]'>约带看</a>-->
[% } %] [% } %]
<!--<a class="btn1 btn-danger " href="#modal-delete" data-toggle="modal" onclick="delete_user(this)" data-id='[%= it[item]["id"] %]'>--> <!--<a class="btn1 btn-danger " href="#modal-delete" data-toggle="modal" onclick="delete_user(this)" data-id='[%= it[item]["id"] %]'>-->
......
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