Skip to content

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

拨打电话修改

parent 6562bf05
Hide whitespace changes
Inline Side-by-side
Showing with 1543 additions and 85 deletions
application/index/view/cell_phone/index.html
View file @ d142e834
...@@ -638,3 +638,56 @@ ...@@ -638,3 +638,56 @@
<!-- /.modal --> <!-- /.modal -->
</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>
<!--/拨打电话弹框相关-->
<div id="genjin_modal">
<div class="genjin-modal-main">
<div class="call-hide-area">
<p>请使用<span></span>的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p></p>
</div>
<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="-1">无效</a>
<a data-markid="1">已租</a>
<a data-markid="0">求租</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>
application/index/view/member/users_list.html
View file @ d142e834
...@@ -659,7 +659,7 @@ ...@@ -659,7 +659,7 @@
</div> </div>
<!--客户详情 客户跟进 不可编辑--> <!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal-record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-record" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details"> <div class="modal-dialog modal-body-details">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
...@@ -717,7 +717,7 @@ ...@@ -717,7 +717,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" href="#modal-call" data-toggle="modal">拨打</a>--> <!--<a class="fore-span btn-primary user_call" data-toggle="modal">拨打</a>-->
<a class="fore-span btn-primary user_call" >拨打</a> <a class="fore-span btn-primary user_call" >拨打</a>
</td> </td>
</tr> </tr>
...@@ -1222,7 +1222,7 @@ ...@@ -1222,7 +1222,7 @@
<td> <td>
<span class="fore-span ld-Marheight">电话:</span> <span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span> <span class="fore-span ld-Marheight cus_phone"></span>
<!--<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-call" data-toggle="modal">拨打</a>--> <!--<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>-->
</td> </td>
</tr> </tr>
<tr> <tr>
......
application/index/view/myCollectionUser/myCollectionUserList.html
View file @ d142e834
...@@ -401,7 +401,7 @@ ...@@ -401,7 +401,7 @@
<td> <td>
<span class="fore-span ld-Marheight">电话:</span> <span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span> <span class="fore-span ld-Marheight cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-call" data-toggle="modal">拨打</a> <a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -796,6 +796,61 @@ ...@@ -796,6 +796,61 @@
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</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>
<!--/拨打电话弹框相关-->
<div id="genjin_modal">
<div class="genjin-modal-main">
<div class="call-hide-area">
<p>请使用<span></span>的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p></p>
</div>
<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="-1">无效</a>
<a data-markid="1">已租</a>
<a data-markid="0">求租</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 class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details"> <div class="modal-dialog modal-body-details">
...@@ -847,7 +902,7 @@ ...@@ -847,7 +902,7 @@
<td> <td>
<span class="fore-span ld-Marheight">电话:</span> <span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span> <span class="fore-span ld-Marheight cus_phone"></span>
<!--<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-call" data-toggle="modal">拨打</a>--> <!--<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>-->
</td> </td>
</tr> </tr>
<tr> <tr>
......
application/index/view/remark/remark_follow_index.html
View file @ d142e834
...@@ -392,7 +392,7 @@ ...@@ -392,7 +392,7 @@
</div> </div>
<!--客户详情 客户跟进 不可编辑--> <!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal-record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-record" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details"> <div class="modal-dialog modal-body-details">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
...@@ -450,7 +450,7 @@ ...@@ -450,7 +450,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" href="#modal-call" data-toggle="modal">拨打</a> <a class="fore-span btn-primary user_call" data-toggle="modal">拨打</a>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -663,6 +663,62 @@ ...@@ -663,6 +663,62 @@
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</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>
<!--/拨打电话弹框相关-->
<div id="genjin_modal">
<div class="genjin-modal-main">
<div class="call-hide-area">
<p>请使用<span></span>的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p></p>
</div>
<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="-1">无效</a>
<a data-markid="1">已租</a>
<a data-markid="0">求租</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 class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
...@@ -714,7 +770,7 @@ ...@@ -714,7 +770,7 @@
<td> <td>
<span class="fore-span ld-Marheight">电话:</span> <span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span> <span class="fore-span ld-Marheight cus_phone"></span>
<!--<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-call" data-toggle="modal">拨打</a>--> <!--<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>-->
</td> </td>
</tr> </tr>
<tr> <tr>
......
public/resource/js/RemarkFollowIndex.js
View file @ d142e834
define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/remark_follow_template_tpl.html', 'css!style/home.css', 'css!style/call_genjin_modal.css', 'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var _doc = $(document),
_token = user_info_obj.AuthToken;
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 = Number(user_info_obj.id),//当前用户id
isCallFlag = true,//是否是电话跟进，默认不是
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list'),//添加电话列表对象dom
_userPhone = user_info_obj.phone,//当前用户的手机号
_selectPhone = '',//拨号列表里选择的号码,也是当前用户对应的手机号，可能和_userPhone是一样的
_customerPhone = '',//当前客户的手机号
_backPhone = '';//绑定之后返回的号码
var user = { var user = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde ...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde
agent_id2: 0, agent_id2: 0,
agent_id_infor: 0, agent_id_infor: 0,
isAjaxSaving: false, isAjaxSaving: false,
customerInfo: {},
init: function() { init: function() {
//初始化dot //初始化dot
$("body").append(template); $("body").append(template);
...@@ -425,6 +447,437 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde ...@@ -425,6 +447,437 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id')); _this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_this.parent().html('').hide(); _this.parent().html('').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');
};
if(_this.attr('data-markid') == '1'){
//如果选择了未打通，则直接关闭
if(_this.parent().parent().index() === 0){
//只有在.genjin-mark-area-putong,电话跟进特有,下的标签才会隐藏
genjinSave('sp1');
return false;
}
};
});
//跟进的提交按钮点击事件
_btnSave.click(function(e){
e.preventDefault();
e.stopPropagation();
genjinSave();
});
function genjinSave(type){
var _genjinMarkOBj = $('.genjin-mark-area-zhuangtai .genjin-mark-active'),
_genjinMarkOBj2 = $('.genjin-mark-area-putong .genjin-mark-active'),
_beizhuObjVal = $.trim(_beizhuObj.val()),
_isFreeFlag = true;//是否释放
//取消自动关闭
// if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
// //如果选择了未打通，或取消拨打，则直接关闭
// if(isCallFlag&&_isFreeFlag){
// //释放
// freePhone();
// };
// _genjinModal.hide();//跟进模态框关闭
// return false;
// };
if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
}else{
if(_genjinMarkOBj.length == 0){
layerTipsX('请选择状态跟进标签');
return false;
};
};
var _data = {
'AuthToken': _token,
'content': _beizhuObjVal,
'user_id': user.customerInfo.user_id,
'agent_id': _userId,
'user_status': _genjinMarkOBj.attr('data-markid')
};
if(type === 'sp1'){
if(_beizhuObjVal){
}else{
_data['content'] = '未打通';
};
if(_genjinMarkOBj.length == 0){
_data['user_status'] = user.customerInfo.user_status;
};
};
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 + '/index/agentsUnBind',
data: {
'AuthToken': _token,
'phone_x': _backPhone,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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('请求超时');
};
}
});
};
//获取跟进标签列表信息
console.log(_userId);
_userId && $.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('请求超时');
};
}
});
//拨打电话模态框，获取电话列表
_userId && $.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="/app/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('请求超时');
};
}
});
//拨打电话模态框，取消按钮点击事件
_doc.on('click', '#call_btn_cancel', function(e){
e.preventDefault();
e.stopPropagation();
_callModal.hide();
});
_doc.on('click', '#call_list_open_btn', 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="/app/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;
_doc.on('click', '#call_btn_ok', 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 && user.customerInfo.user_phone){
$.ajax({
type: 'POST',
url: '/index/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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']['data']['phone'];
console.log(_backPhone);
$('.call-hide-area>p:nth-of-type(1)>span').html(_selectPhone);
$('.call-hide-area>p:nth-of-type(3)').html(_backPhone);
_beizhuObj.val('');//清空跟进输入框内容
_markAreaObj.find('a').removeClass('genjin-mark-active');//清空状态跟进标签选择数据
_markAreaObj2.find('a').removeClass('genjin-mark-active');//清空普通跟进标签选择数据
_callModal.hide();
_genjinModal.show();//跟进模态框打开
}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('请求超时');
};
}
});
};
});
//拨打电话相关
}, },
addphone: function(obj) {//新增客户 input赋值 addphone: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html(); var user_ht = $(obj).html();
...@@ -592,29 +1045,9 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde ...@@ -592,29 +1045,9 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde
}); });
}, },
user_Call: function() { //客户详情 点击拨打按钮 user_Call: function() { //客户详情 点击拨打按钮
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 $('#call_modal_phone_self').val(user_info_obj.phone);
console.log(user_info_obj);
var params = {}; _callModal.show();
params.phone_a = user_info_obj.phone;
$('#phone_title').html(user_info_obj.phone);
params.AuthToken = user_info_obj.AuthToken;
params.user_id = user.user_id;
console.log(params);
$.ajax({
'type': 'POST',
'url': '/index/bindAXB',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
}, },
unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通 unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
...@@ -792,6 +1225,7 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde ...@@ -792,6 +1225,7 @@ define(['doT', 'text!temp/remark_follow_template_tpl.html', 'ckfinder', 'ckfinde
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间 $(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别 $(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip $(".user_vip2").val(data.data.user_info.vip); //是否vip
user.customerInfo = data.data.user_info;
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话 $(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间 $(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间 $(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
......
public/resource/js/callPhoneIndex.js
View file @ d142e834
define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/callPhone_template_tpl.html', 'css!style/home.css', 'css!style/call_genjin_modal.css', 'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var _doc = $(document),
_token = user_info_obj.AuthToken;
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 = Number(user_info_obj.id),//当前用户id
isCallFlag = true,//是否是电话跟进，默认不是
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list'),//添加电话列表对象dom
_userPhone = user_info_obj.phone,//当前用户的手机号
_selectPhone = '',//拨号列表里选择的号码,也是当前用户对应的手机号，可能和_userPhone是一样的
_customerPhone = '',//当前客户的手机号
_backPhone = '';//绑定之后返回的号码
var user = { var user = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta ...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta
agent_id2: 0, agent_id2: 0,
agent_id_infor: 0, agent_id_infor: 0,
isAjaxSaving: false, isAjaxSaving: false,
customerInfo: {},
init: function() { init: function() {
//初始化dot //初始化dot
$("body").append(template); $("body").append(template);
...@@ -437,6 +459,432 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta ...@@ -437,6 +459,432 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id')); _this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_this.parent().html('').hide(); _this.parent().html('').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');
};
if(_this.attr('data-markid') == '1'){
//如果选择了未打通，则直接关闭
if(_this.parent().parent().index() === 0){
//只有在.genjin-mark-area-putong,电话跟进特有,下的标签才会隐藏
genjinSave('sp1');
return false;
}
};
});
//跟进的提交按钮点击事件
_btnSave.click(function(e){
e.preventDefault();
e.stopPropagation();
genjinSave();
});
function genjinSave(type){
var _genjinMarkOBj = $('.genjin-mark-area-zhuangtai .genjin-mark-active'),
_genjinMarkOBj2 = $('.genjin-mark-area-putong .genjin-mark-active'),
_beizhuObjVal = $.trim(_beizhuObj.val()),
_isFreeFlag = true;//是否释放
//取消自动关闭
// if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
// //如果选择了未打通，或取消拨打，则直接关闭
// if(isCallFlag&&_isFreeFlag){
// //释放
// freePhone();
// };
// _genjinModal.hide();//跟进模态框关闭
// return false;
// };
if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
}else{
if(_genjinMarkOBj.length == 0){
layerTipsX('请选择状态跟进标签');
return false;
};
};
var _data = {
'AuthToken': _token,
'content': _beizhuObjVal,
'user_id': user.customerInfo.user_id,
'agent_id': _userId,
'user_status': _genjinMarkOBj.attr('data-markid')
};
if(type === 'sp1'){
if(_beizhuObjVal){
}else{
_data['content'] = '未打通';
};
if(_genjinMarkOBj.length == 0){
_data['user_status'] = user.customerInfo.user_status;
};
};
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 + '/index/agentsUnBind',
data: {
'AuthToken': _token,
'phone_x': _backPhone,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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('请求超时');
};
}
});
};
//获取跟进标签列表信息
console.log(_userId);
_userId && $.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('请求超时');
};
}
});
//拨打电话模态框，获取电话列表
_userId && $.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="/app/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('请求超时');
};
}
});
//拨打电话模态框，取消按钮点击事件
_doc.on('click', '#call_btn_cancel', function(e){
e.preventDefault();
e.stopPropagation();
_callModal.hide();
});
_doc.on('click', '#call_list_open_btn', 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="/app/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;
_doc.on('click', '#call_btn_ok', 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 && user.customerInfo.user_phone){
$.ajax({
type: 'POST',
url: '/index/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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']['data']['phone'];
console.log(_backPhone);
$('.call-hide-area>p:nth-of-type(1)>span').html(_selectPhone);
$('.call-hide-area>p:nth-of-type(3)').html(_backPhone);
_beizhuObj.val('');//清空跟进输入框内容
_markAreaObj.find('a').removeClass('genjin-mark-active');//清空状态跟进标签选择数据
_markAreaObj2.find('a').removeClass('genjin-mark-active');//清空普通跟进标签选择数据
_callModal.hide();
_genjinModal.show();//跟进模态框打开
}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('请求超时');
};
}
});
};
});
//拨打电话相关
}, },
addphone: function(obj) {//新增客户 input赋值 addphone: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html(); var user_ht = $(obj).html();
...@@ -604,29 +1052,9 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta ...@@ -604,29 +1052,9 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta
}); });
}, },
user_Call: function() { //客户详情 点击拨打按钮 user_Call: function() { //客户详情 点击拨打按钮
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 $('#call_modal_phone_self').val(user_info_obj.phone);
console.log(user_info_obj);
var params = {}; _callModal.show();
params.phone_a = user_info_obj.phone;
$('#phone_title').html(user_info_obj.phone);
params.AuthToken = user_info_obj.AuthToken;
params.user_id = user.user_id;
console.log(params);
$.ajax({
'type': 'POST',
'url': '/index/bindAXB',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
}, },
unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通 unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
...@@ -788,6 +1216,7 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta ...@@ -788,6 +1216,7 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'ckfinder', 'ckfinderSta
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间 $(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别 $(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip $(".user_vip2").val(data.data.user_info.vip); //是否vip
user.customerInfo = data.data.user_info;
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话 $(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间 $(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间 $(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
......
public/resource/js/myCollectionUserList.js
View file @ d142e834
define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/home.css', 'css!style/call_genjin_modal.css', 'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var _doc = $(document),
_token = user_info_obj.AuthToken;
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 = Number(user_info_obj.id),//当前用户id
isCallFlag = true,//是否是电话跟进，默认不是
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list'),//添加电话列表对象dom
_userPhone = user_info_obj.phone,//当前用户的手机号
_selectPhone = '',//拨号列表里选择的号码,也是当前用户对应的手机号，可能和_userPhone是一样的
_customerPhone = '',//当前客户的手机号
_backPhone = '';//绑定之后返回的号码
var user = { var user = {
pageNo: 1, pageNo: 1,
/*第几页*/ /*第几页*/
...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck ...@@ -14,6 +35,7 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck
agent_id2: 0, agent_id2: 0,
agent_id_infor: 0, agent_id_infor: 0,
isAjaxSaving: false, isAjaxSaving: false,
customerInfo: {},
init: function() { init: function() {
//初始化dot //初始化dot
$("body").append(template); $("body").append(template);
...@@ -433,6 +455,435 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck ...@@ -433,6 +455,435 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id')); _this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_this.parent().html('').hide(); _this.parent().html('').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');
};
if(_this.attr('data-markid') == '1'){
//如果选择了未打通，则直接关闭
if(_this.parent().parent().index() === 0){
//只有在.genjin-mark-area-putong,电话跟进特有,下的标签才会隐藏
genjinSave('sp1');
return false;
}
};
});
//跟进的提交按钮点击事件
_btnSave.click(function(e){
e.preventDefault();
e.stopPropagation();
genjinSave();
});
function genjinSave(type){
var _genjinMarkOBj = $('.genjin-mark-area-zhuangtai .genjin-mark-active'),
_genjinMarkOBj2 = $('.genjin-mark-area-putong .genjin-mark-active'),
_beizhuObjVal = $.trim(_beizhuObj.val()),
_isFreeFlag = true;//是否释放
//取消自动关闭
// if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
// //如果选择了未打通，或取消拨打，则直接关闭
// if(isCallFlag&&_isFreeFlag){
// //释放
// freePhone();
// };
// _genjinModal.hide();//跟进模态框关闭
// return false;
// };
if((_genjinMarkOBj2.attr('data-markid') == '1') || (_genjinMarkOBj2.attr('data-markid') == '4')){
}else{
if(_genjinMarkOBj.length == 0){
layerTipsX('请选择状态跟进标签');
return false;
};
};
var _data = {
'AuthToken': _token,
'content': _beizhuObjVal,
'user_id': user.customerInfo.user_id,
'agent_id': _userId,
'user_status': _genjinMarkOBj.attr('data-markid')
};
if(type === 'sp1'){
if(_beizhuObjVal){
}else{
_data['content'] = '未打通';
};
if(_genjinMarkOBj.length == 0){
_data['user_status'] = user.customerInfo.user_status;
};
};
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 + '/index/agentsUnBind',
data: {
'AuthToken': _token,
'phone_x': _backPhone,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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('请求超时');
};
}
});
};
//获取跟进标签列表信息
console.log(_userId);
_userId && $.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('请求超时');
};
}
});
//拨打电话模态框，获取电话列表
_userId && $.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="/app/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('请求超时');
};
}
});
//拨打电话模态框，取消按钮点击事件
_doc.on('click', '#call_btn_cancel', function(e){
e.preventDefault();
e.stopPropagation();
_callModal.hide();
});
_doc.on('click', '#call_list_open_btn', 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="/app/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;
_doc.on('click', '#call_btn_ok', 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 && user.customerInfo.user_phone){
$.ajax({
type: 'POST',
url: '/index/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'user_id': user.customerInfo.user_id
},
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']['data']['phone'];
console.log(_backPhone);
$('.call-hide-area>p:nth-of-type(1)>span').html(_selectPhone);
$('.call-hide-area>p:nth-of-type(3)').html(_backPhone);
_beizhuObj.val('');//清空跟进输入框内容
_markAreaObj.find('a').removeClass('genjin-mark-active');//清空状态跟进标签选择数据
_markAreaObj2.find('a').removeClass('genjin-mark-active');//清空普通跟进标签选择数据
_callModal.hide();
_genjinModal.show();//跟进模态框打开
}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('请求超时');
};
}
});
};
});
//拨打电话相关
}, },
addphone: function(obj) {//新增客户 input赋值 addphone: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html(); var user_ht = $(obj).html();
...@@ -600,29 +1051,9 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck ...@@ -600,29 +1051,9 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck
}); });
}, },
user_Call: function() { //客户详情 点击拨打按钮 user_Call: function() { //客户详情 点击拨打按钮
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 $('#call_modal_phone_self').val(user_info_obj.phone);
console.log(user_info_obj);
var params = {}; _callModal.show();
params.phone_a = user_info_obj.phone;
$('#phone_title').html(user_info_obj.phone);
params.AuthToken = user_info_obj.AuthToken;
params.user_id = user.user_id;
console.log(params);
$.ajax({
'type': 'POST',
'url': '/index/bindAXB',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
}, },
unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通 unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
...@@ -788,6 +1219,7 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck ...@@ -788,6 +1219,7 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ck
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间 $(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别 $(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip $(".user_vip2").val(data.data.user_info.vip); //是否vip
user.customerInfo = data.data.user_info;
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话 $(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间 $(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间 $(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
......
public/resource/js/user.js
View file @ d142e834
define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', 'css!style/call_genjin_modal.css', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) { define(['doT', 'text!temp/user_template_tpl.html', 'css!style/home.css', 'css!style/call_genjin_modal.css', 'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj); console.log(user_info_obj);
var _doc = $(document), var _doc = $(document),
_token = user_info_obj.AuthToken, _token = user_info_obj.AuthToken;
_customerId = getUrlParam('customerId');
var _genjinModal = $('#genjin_modal'),//跟进模态框dom var _genjinModal = $('#genjin_modal'),//跟进模态框dom
_callModal = $('#call_modal'),//拨打电话模态框dom _callModal = $('#call_modal'),//拨打电话模态框dom
_markAreaObj = $('.genjin-mark-area-zhuangtai>.genjin-mark-area-alink'),//跟进标签列表状态标签区域dom _markAreaObj = $('.genjin-mark-area-zhuangtai>.genjin-mark-area-alink'),//跟进标签列表状态标签区域dom
...@@ -542,7 +541,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -542,7 +541,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
var _data = { var _data = {
'AuthToken': _token, 'AuthToken': _token,
'content': _beizhuObjVal, 'content': _beizhuObjVal,
'user_id': _customerId, 'user_id': user.customerInfo.user_id,
'agent_id': _userId, 'agent_id': _userId,
'user_status': _genjinMarkOBj.attr('data-markid') 'user_status': _genjinMarkOBj.attr('data-markid')
}; };
...@@ -866,7 +865,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -866,7 +865,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
success: function(data) { success: function(data) {
if(typeof data === 'object') { if(typeof data === 'object') {
if (data.code == 200) { if (data.code == 200) {
_backPhone = data['data']['phone']; _backPhone = data['data']['data']['phone'];
console.log(_backPhone); console.log(_backPhone);
$('.call-hide-area>p:nth-of-type(1)>span').html(_selectPhone); $('.call-hide-area>p:nth-of-type(1)>span').html(_selectPhone);
$('.call-hide-area>p:nth-of-type(3)').html(_backPhone); $('.call-hide-area>p:nth-of-type(3)').html(_backPhone);
......
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