Commit de2d27dc authored by xishifeng's avatar xishifeng

补充2

parent 58bd9806
......@@ -387,240 +387,10 @@
<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-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<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 caozuo-yue">约带看</a>
</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 class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="32%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn6 ld-Marheight" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
<td>
<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="price_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight">元/月</span>
</td>
<td>
<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="area_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight registration_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户所属城市:</span>
<span class="shangpu_tags_area_detail fore-span ld-Marheight">
</span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<span class="user_details_label ld-Marheight fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span ld-Marheight">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight cus_fang_edit" name="pwd" autocomplete="off" disabled="disabled">
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span"></span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span"></span>
</td>
</tr>
<!--<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录:</label></td>
</tr>-->
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进:</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签:</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="0">
<span class="text-danger">(必填)</span>
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
</div>
</div>
</div>
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<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>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 10px;width: 30px;height: 30px;background-color: white!important;">
×
</button>
<iframe style="width: 100%;height: 786px;display: block;border: none;border-radius: 6px;"></iframe>
</div>
<!-- /.modal-content -->
</div>
......
......@@ -31,7 +31,6 @@
overflow-y: scroll;
}
.modal-body1 {
height: 750px;
overflow-y: auto;
padding-bottom: 60px;
}
......@@ -407,8 +406,8 @@
<div style="width: 818px; margin: 0 auto;">
<div class="modal-header">
<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 caozuo-yue">约带看</a>
<a href="javascript:;" class="btn btn-info">客户详情/跟进</a>
<a href="javascript:;" class="btn btn-default caozuo-yue">约带看</a>
</h4>
<div class="user_up_con">
<span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
......@@ -624,7 +623,7 @@
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<div class="detail-modal-body-sec" style="display: none;">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
......
......@@ -762,7 +762,7 @@
<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-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 0;width: 30px;height: 30px;background-color: white!important;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 10px;width: 30px;height: 30px;background-color: white!important;">
×
</button>
<iframe style="width: 100%;height: 786px;display: block;border: none;border-radius: 6px;"></iframe>
......
......@@ -355,259 +355,17 @@
<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-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<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 caozuo-yue">约带看</a>
</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 class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn6 ld-Marheight" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
<td>
<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="price_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight">元/月</span>
</td>
<td>
<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="area_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight registration_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户所属城市:</span>
<span class="shangpu_tags_area_detail fore-span ld-Marheight">
</span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<!--<input type="hidden" value='[%= it[item]["agent_img"] %]'>-->
<!--<img src='' class="diagram-image J_preview" data-bimg=''>-->
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<span class="user_details_label ld-Marheight fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span ld-Marheight">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight cus_fang_edit" name="pwd" autocomplete="off" disabled="disabled">
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span">
</span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span">
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户来源:</span>
<span class="user-source-details fore-span">网络</span>
</td>
<td></td>
<td></td>
</tr>
<!--<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录:</label></td>
</tr>-->
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进:</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签:</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="0">
<span class="text-danger">(必填)</span>
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
</div>
</div>
</div>
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<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="43" id="note_look"></textarea>
</div>
</form>
</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
<div class="center-btn">
<button type="button" class="btn btn-primary save-look">保存</button>
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 10px;width: 30px;height: 30px;background-color: white!important;">
×
</button>
<iframe style="width: 100%;height: 786px;display: block;border: none;border-radius: 6px;"></iframe>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
......
{layout name="global/frame_tpl" /}
<!--商铺标签页面-->
<input type="hidden" class="page-load" id="myCollectionUserList" />
<style>
.modal-body1 {
height: 716px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
.user-ul{
width: 100%;
height: auto;
/*padding-bottom: 15px;*/
float: left;
position: relative;
left: -40px;
}
.user-ul li,.user-ul-edit-introduce li{
list-style: none;
line-height: 30px;
}
.user-ul2,
.look-shop-ul,.user-ul-edit-introduce{
width: 100%;
height: auto;
padding-bottom: 6px;
float: left;
position: relative;
left: -40px;
}
.user-ul2 li,
.look-shop-ul li {
list-style: none;
line-height: 30px;
}
.input {
width: 16%!important;
}
/*.text-left {
float: left;
display: inline-block;
height: 26px;
line-height: 26px;
font-size: 14px;
}
*/
.text-right {
float: right;
display: inline-block;
}
#batch {
float: left;
height: 34px;
line-height: 34px;
}
.ld-Marheight {
margin-top: 15px;
}
.phone_list {
margin-top: 32px;
width: 182px;
margin-left: -182px;
}
.phone_jia {
width: 182px;
}
.phone_list li {
height: 22px;
line-height: 22px;
}
.phone_list li:nth-of-type(even) {
display: none;
}
.modal-dialog-one {
width: 668px;
}
.clear {
clear: both;
}
.left {
float: left;
font-size: 12px;
}
.bottom {
margin-top: 30px;
}
/*客户列表商 约带看*/
.detail-modal-bargaininfo-main-left {
float: left;
width: 340px;
line-height: 36px;
}
#bargaininfo_is_open,
#bargaininfo_type {
width: 100px !important;
display: inline-block;
}
#bargaininfo_expect_payback_time {
height: 32px;
}
.detail-modal-bargaininfo-main-right {
line-height: 36px;
width: 700px;
}
#bargaininfo_yetai {
width: 150px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
#bargaininfo_chengjiao_price,
#bargaininfo_total_commission {
width: 120px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.detail-modal-bargaininfo-form {
line-height: 48px;
width: 620px;
margin: 0 auto;
}
.detail-modal-bargaininfo-commission-inputpar {
width: 100%;
overflow: hidden;
clear: both;
}
.detail-modal-bargaininfo-commission-sec,
.addtax-modal-tax-commission-sec {
overflow: hidden;
}
.detail-modal-bargaininfo-commission-sec>label,
.addtax-modal-tax-commission-sec>label {
float: left;
}
.detail-modal-bargaininfo-commission-sec>label:nth-of-type(2),
.addtax-modal-tax-commission-sec>label:nth-of-type(2) {
margin-left: 50px;
}
.detail-modal-bargaininfo-commission-sec>div,
.addtax-modal-tax-commission-sec>div {
float: left;
width: 380px;
}
.detail-modal-bargaininfo-commission-sec>mark,
.addtax-modal-tax-commission-sec>mark {
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.detail-modal-bargaininfo-commission-sec>mark>img,
.addtax-modal-tax-commission-sec>mark>img {
float: left;
width: 20px;
}
#bargaininfo_commission_add_btn {
width: 70%;
margin-bottom: 20px;
}
#note_look{
margin-left: 67px;
}
#bargaininfo_commission_add_btn>img {
display: block;
margin: 0 auto;
}
.opacity-0 {
opacity: 0;
}
.user_call {
height: 20px;
width: 30px;
border-radius: 3px;
line-height: 20px;
margin-top: 22px;
font-size: 10px;
text-align: center;
cursor: pointer
}
/*客户动态*/
.followup-modal-list-area {
height: 268px;
overflow-y: scroll;
}
/*客户详情 头像*/
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
/*初始化 隐藏时间控件*/
/*.datetimepicker{
opacity: 0;
}*/
/*拨打电话样式*/
.modal-body-width {
width: 460px;
}
#phone_title2{
width: 100%;
height: 186px;
line-height: 186px;
text-align: center;
font-weight: 600;
font-size: 43px;
}
#phone_title{
font-weight: 600;
}
/*控制放大镜的*/
#preview{
z-index: 9999!important;
}
.modal-title-genjing{
height: 50px;
line-height: 50px;
border-top: 3px solid #ccc;
}
.center-btn{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
#caozuo_table_scroll{
height: 188px;
overflow-y: scroll;
}
/*查看过的 客户详情 按钮变色*/
.btn-user-details{
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;
}
#user_area_add{
margin-left: 5px;
}
.call-user-five {
color: red;
font-size: 20px;
font-weight: 700;
}
.btn6-yuedaikan{
width: 46% !important;
cursor: pointer;
}
.btn-guanbi{
margin-left: 20px;
}
</style>
<div id="page-content-wrapper">
<div class="container">
<div class="row">
<div class="">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li><a href="#">我收藏的客户</a></li>
<!--<li class="active">新增</li>-->
<div class="pull-right">
<ul class="bread_btn">
<li>
<!--<a href="#modal-edit" data-toggle="modal" class="btn btn-default edit_add"><i class="icon-plus"></i>
新增</a>-->
</li>
</ul>
</div>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed text-center">
<thead>
<tr>
<th class="text-center">客户ID</th>
<th class="text-center">客户姓名</th>
<th class="text-center">客户电话</th>
<!--<th class="text-center">创建时间</th>
<th class="text-center">最后跟进时间</th>-->
<th class="text-center">客户状态</th>
<th class="text-center">业态</th>
<th class="text-center">价格</th>
<th class="text-center">面积</th>
<!--<th class="text-center">产生类型</th>-->
<th class="text-center">操作</th>
</tr>
</thead>
<tbody id="label_list">
</tbody>
</table>
</div>
<!-- /#page-content-wrapper//分页 -->
<div class="text-right pageinfo" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--客户详情 客户跟进 不可编辑-->
<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-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<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 caozuo-yue">约带看</a>
</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 class="modal-body modal-body1">
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn6 ld-Marheight" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
<td>
<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="price_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight">元/月</span>
</td>
<td>
<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="area_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight registration_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户所属城市:</span>
<span class="shangpu_tags_area_detail fore-span ld-Marheight">
</span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<!--<input type="hidden" value='[%= it[item]["agent_img"] %]'>-->
<!--<img src='' class="diagram-image J_preview" data-bimg=''>-->
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<span class="user_details_label ld-Marheight fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span ld-Marheight">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight cus_fang_edit" name="pwd" autocomplete="off" disabled="disabled">
</div>
</div>
</td>
<td>
<span class="fore-span">是否转介绍:</span>
<span class="user-details-introduce fore-span">
</span>
</td>
<td>
<span class="fore-span">邀请人(介绍人):</span>
<span class="user-details-introduce-id fore-span">
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户来源:</span>
<span class="user-source-details fore-span">网络</span>
</td>
<td></td>
<td></td>
</tr>
<!--<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录:</label></td>
</tr>-->
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进:</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签:</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="0">
<span class="text-danger">(必填)</span>
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
</div>
</div>
</div>
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<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="43" id="note_look"></textarea>
</div>
</form>
</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
<div class="center-btn">
<button type="button" class="btn btn-primary save-look">保存</button>
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
删除
</h4>
</div>
<div class="modal-body">
<div class="modal-body">
<input type="hidden" value="" id="delete_id" /> 确认删除吗?
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="confirm_delete">
删除
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#跟进 -->
<!--<div class="modal fade" id="modal-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
跟进
</h4>
</div>
<div class="modal-body">
<label class="col-sm-3 control-label">跟进:</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签:</label>
<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="1">
<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">
<span class="text-danger">(必填)</span>
</div>
<div class="clear">
</div>
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="edit_add">
提交
</button>
</div>
</div>
</div>
</div>-->
<!-- #批量修改客方-->
<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-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
批量修改盘方
</h4>
</div>
<div class="modal-body modal-body-one">
<br>
<!-- ============添加========== -->
<div class="jian_class">
<input name="ues_id" placeholder="请输入经纪人姓名" type="tel" value="" class="phone_jia old_agents form-control">
<ul class="phone_list"></ul>
</div>
<span class="btn3" id="batch">批量修改为&nbsp;&nbsp;</span>
<div class="jian_class">
<input name="ues_id" placeholder="请输入经纪人姓名" type="tel" value="" class="phone_jia new_agents form-control">
<ul class="phone_list"></ul>
</div>
<br><br><br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="modify_add" data-dismiss="modal">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--约带看-->
<!--<div class="modal fade" id="modal-takeLook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
约带看
</h4>
</div>
<div class="modal-body">
<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>
<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>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary save-look">
保存
</button>
</div>
</div>
</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-dialog">
<div class="modal-content modal-body-width">
<div class="modal-header">
<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>-->
<h4 class="modal-title">
请使用
<span id="phone_title">
</span>
的手机拨打该虚拟号
</h4>
</div>
<div class="modal-body">
<!--<input type="hidden " value=" " id="delete_id " />-->
<div id="phone_title2">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="unbind_call">没打通
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">
已拨打
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</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-dialog modal-body-details">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title text-info">
客户编辑
</h4>
</div>
<div class="modal-body modal-body1">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2 user_vip2_1">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name cus_name_1" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex sex_1">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
<!--<a class="fore-span btn-primary ld-Marheight user_call" data-toggle="modal">拨打</a>-->
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn6 ld-Marheight industry_type_two_1" name="industry_type_two">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">价格:</span>
<input class="form-control btn6 ld-Marheight price_demand_1" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number"><span class="fore-span ld-Marheight">元/月</span>
</td>
<td>
<span class="fore-span ld-Marheight">面积:</span>
<input class="form-control btn6 ld-Marheight area_demand_1" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number"><span class="fore-span ld-Marheight"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight registration_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户来源:</span>
<select class="form-control btn6 fore-span ld-Marheight" id="user_source_edit">
<option value=''>请选择</option>
<option value="1">网络</option>
<option value="2">客户介绍</option>
<option value="3">朋友介绍</option>
<option value="4">上门挂牌</option>
<option value="5">打跟进</option>
<option value="6">驻守</option>
<option value="7">其他</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg=''/>
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签(选填):</span>
<select class="form-control btn6 fore-span ld-Marheight" id="user_label_edit">
<option value=''>请选择</option>
<option value="1">是租客也是房东</option>
<option value="2">纯房东</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<span class="fore-span ld-Marheight">客户所属城市:</span>
<div class="col-sm-9 shangpu_tags_area_edit ld-Marheight">
</div>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span ld-Marheight">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight cus_fang" name="pwd" autocomplete="off">
<ul class="user-ul2"></ul>
</div>
</div>
</td>
<td colspan="2">
<div class="form-group">
<span class="fore-span ld-Marheight">邀请人:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight" name="pwd" autocomplete="off" id="introduce_edit_user">
<ul class="user-ul-edit-introduce"></ul>
</div>
</div>
</td>
</tr>
<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录:</label></td>
</tr>
</thead>
</table>
<div id="caozuo_table_scroll">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table_edit"></tbody>
</table>
</div>
<div><label>邀请人(介绍人)修改记录:</label></div>
<div id="caozuo_table_scroll">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table_edit_introduce"></tbody>
</table>
</div>
<!--客户详情保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary submit_edit">保存</button>
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary submit_edit" data-dismiss="modal">
提交
</button>
</div>-->
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
删除
</h4>
</div>
<div class="modal-body">
<div class="modal-body">
<input type="hidden" value="" id="delete_id" /> 确认删除吗?
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="confirm_delete">
删除
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
......@@ -447,7 +447,7 @@
<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-content">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute;top: 0;right: 0;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;background-color: white!important;">
×
</button>
<iframe style="width: 100%;height: 786px;display: block;border: none;border-radius: 6px;"></iframe>
......
......@@ -246,10 +246,10 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'css!style/home.css', 'c
user.delete_user(params);
});
$(document).delegate(".genj_ure", "click", function() {
user.user_id = $(this).attr("data-id");
// $("#genj_text").val('');
// $("input[name = 'user_status']:checked").removeAttr("checked");
user.getGenjinLabel();
// user.user_id = $(this).attr("data-id");
// user.getGenjinLabel();
var _$this = $(this);
$('#modal-record iframe').attr('src', '/index/userModalList?data=' + _$this.attr('data-item') + '&id=' + _$this.attr('data-id')).show();
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
......@@ -286,7 +286,7 @@ define(['doT', 'text!temp/callPhone_template_tpl.html', 'css!style/home.css', 'c
});
//客户列表操作
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
$(document).delegate(".cao-zuo-record", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
console.log(user.user_id);
if(user.user_id== 'null'){
......
......@@ -240,10 +240,10 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/home
user.delete_user(params);
});
$(document).delegate(".genj_ure", "click", function() {
user.user_id = $(this).attr("data-id");
// $("#genj_text").val('');
// $("input[name = 'user_status']:checked").removeAttr("checked");
user.getGenjinLabel();
// user.user_id = $(this).attr("data-id");
// user.getGenjinLabel();
var _$this = $(this);
$('#modal-record iframe').attr('src', '/index/userModalList?data=' + _$this.attr('data-item') + '&id=' + _$this.attr('data-id')).show();
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
......@@ -285,7 +285,7 @@ define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/home
});
//客户列表操作
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
$(document).delegate(".cao-zuo-record", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone");
user.agent_id_infor = $(this).attr("data-agentId");
......
define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/home.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 = '',//绑定之后返回的号码
_temp_follow_id = '',//临时的跟进id
is_outpace_call_num = 1;//拨打电话0:未超过限制 1:超过限制
var user = {
pageNo: 1,
/*第几页*/
pageSize: 15,
/*每页显示多少条*/
user_id: 0,
user_id_var: '',
user_type: '',
user_phone:'',
urls: '',
agent_id_two: '',
agent_id2: 0,
agent_id_infor: 0,
user_id_edit_introduce:'',
isAjaxSaving: false,
customerInfo: {},
init: function() {
//初始化dot
$("body").append(template);
user.getList();
user.event();
//时间控件初始化
//bootstrap 时间控件选择
//汉化实现
;(function($){
$.fn.datetimepicker.dates['zh-CN'] = {
days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
months: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
monthsShort: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
today: "今日",
suffix: [],
meridiem: ["am", "pm"],
weekStart: 1,
};
}(jQuery));
$(".form_datetime").datetimepicker({
//format: 'yyyy-mm-dd hh:ii:ss',
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true,
language: 'zh-CN',
minView: 0,
minuteStep: 30
//hourStep: 1
});
$('.datetimepicker').hide();//初始化隐藏时间控件
},
event: function() {
var _doc = $(document);
//约带看列表 点击新增商铺
var _iYJAAObj = $('.detail-modal-bargaininfo-commission-addarea');
_doc.on('click', '#bargaininfo_commission_add_btn>img', function(e) {
e.preventDefault();
e.stopPropagation();
if($('.detail-modal-bargaininfo-commission-addarea>div').length >= 5) {
alert('最多添加5条');
return false;
} else {
_iYJAAObj.append('<div class="form-group detail-modal-bargaininfo-commission-sec"><span class="fore-span ld-Marheight opacity-0">约带看商铺:</span><div class=" "><input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词"><ul class="look-shop-ul"></ul></div><mark href="javascript:;"class="detail-modal-bargaininfo-commission-cancel-pic ld-Marheight"><img src="/resource/image/search_gb.png"/></mark></div>');
};
});
//详情弹出框,成交信息里的实收佣金相关的事件,点击x删除这条
_doc.on('click', '.detail-modal-bargaininfo-commission-cancel-pic', function(e) {
e.preventDefault();
e.stopPropagation();
$(this).parent().remove();
});
//收藏 取消收藏
$(document).delegate(".is_show", "click", function() { //点击禁用
if(!confirm('是否继续?')) {
return;
}
user.id = $(this).attr("data-id");
var params = {
};
params.id = $(this).attr("data-id");
var str = $.trim($(this).html());
if(str == "收藏") {
$(this).attr('class', 'btn1 btn-default is_show');
params.type = 1;
$(this).html('取消收藏');
} else if(str == "取消收藏") {
$(this).attr('class', 'btn1 btn-info is_show');
params.type = 2;
$(this).html('收藏');
} else {
params.type = 3;
}
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({ //禁用
'type': 'POST',
'url': '/broker/addCollectUser',//客户收藏 取消收藏
data: {
"agents_id": user_info_obj.id,
"status": params.type,
"user_id": user.id,
"AuthToken": user_info_obj.AuthToken
},
dataType: "json",
success: function(data) {
if(data.code != 200) {
alert(data.msg)
}
}
});
});
//城市 区域 筛选
_doc.on('input', '#user_city_add,#user_city_edit', function() {
console.log(222);
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
//新增 编辑
var _objTemp = _this.parent().next().find('select');
_objTemp.html(''); //先清空
if(_id && _id != '0') {
user.getCityAreaList(_id, function(_data) {
// var _str = '';
var _str = '<option value="">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.fullName + '">' + item.fullName + '</option>';
});
_objTemp.html(_str);
_this.next().html(_str);
});
} else {};
});
//点击input 出现时间控件
_doc.on('click', '#look_shop_date', function() {
$('.datetimepicker').show();
});
//上一页 获取客户详情
_doc.on('click', '#user_up', function() {
user_type='last';
user.getInfor();
});
//下一页 获取客户详情
_doc.on('click', '#user_down', function() {
user_type='next';
user.getInfor();
});
//客户列表 收藏夹
_doc.on('click', '.user-favorites', function() {
user.getUserFavorites();
});
// _doc.on('click', '.take-look', function(e) {//点击约带看 获取 客户姓名 编号 电话
// e.preventDefault();
// e.stopPropagation();
// $('#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');
// });
//二级联动
user.getDistrict(function() {
_doc.on('input', '#district_id, #district_id2', function() {
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
if(_id && _id != '0') {
user.getDistrictStoreList(_id, function(_data) {
// var _str = '';
var _str = '<option value="0">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.id + '">' + item.store_name + '</option>';
});
_this.next().html(_str);
});
} else {};
});
});
$(".Bannertu").click(function() {
BrowseServer('cover_image');
});
$("#search").click(function() {
user.getList(1);
});
$("#reset").click(function() {
document.getElementById("form_search").reset();
$('#guest_stores').html('');
$('#guest_stores2').html('');
});
//新增 客户 重置信息
// $("#close").click(function() {
// document.getElementById("add_user_form").reset();
// $(".user-ul").empty();
// });
//
// $(".close").click(function() {
// document.getElementById("add_user_form").reset();
// $(".user-ul").empty();
// });
$("#confirm_delete").click(function() {
var params = {};
params.id = $("#delete_id").val();
params.status = 1;
if(!params.id || params.id == null) {
alert("要删除的id不能为空");
return false;
}
user.delete_user(params);
});
$(document).delegate(".genj_ure", "click", function() {
user.user_id = $(this).attr("data-id");
// $("#genj_text").val('');
// $("input[name = 'user_status']:checked").removeAttr("checked");
user.getGenjinLabel();
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
document.getElementById("add_user_form").reset();
});
//新增客户
$(document).delegate("#add_user", "click", function() { //新增客户
user.user_id = $(this).attr("data-id");
user.add_user();
});
//点击新增客户 清除id
$(document).delegate(".add-user-new", "click", function() { //新增客户
user.agent_id='';
});
// 跟进的提交按钮 点击
$(document).delegate("#edit_add", "click", function(e) {
e.preventDefault();
e.stopPropagation();
user.edit_add();
});
// 批量修改客方
$(document).delegate("#modify_add", "click", function() {
user.modify_add();
});
// 客户编辑 修改记录
$(document).delegate(".cao-zuo-record", "click", function() {
user.user_id = $(this).attr("data-id");
user.Caozuorecord();
});
$(document).delegate(".caozuo-yue", "click", function() {
//约带看初始化
$('#look_shop_date').val('');
$('#note_look').val('');
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
user.Caozuo();
});
//客户列表操作
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone");
user.agent_id_infor = $(this).attr("data-agentId");
$('.call-user-five').html('');
$('.detail-modal-body-sec-2').show();
$('#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.getSiteTagsEdit();
});
// 点击缓存
$(document).delegate(".caozuo-add-color", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
$(this).removeClass('btn-success');
$(this).addClass('btn-warning');
//数组去重 的方法
function unique1(arr){
var hash=[];
for (var i = 0; i < arr.length; i++) {
if(hash.indexOf(arr[i])==-1){
hash.push(arr[i]);
}
}
return hash;
}
if(JSON.parse(localStorage.getItem('id_details_str')) == null){
var id_details_arr=[];
id_details_arr.push(user.user_id);
localStorage.setItem('id_details_str',JSON.stringify(id_details_arr));
}else{
var id_details_arr=JSON.parse(localStorage.getItem('id_details_str'));
id_details_arr.push(user.user_id);
localStorage.setItem('id_details_str',JSON.stringify(unique1(id_details_arr)));
}
});
$(document).on("input", "#set_father_id3", function() { //手机号新增搜索客方
if($("#set_father_id3").val() == '') {
user.agent_id='';
$(".user-ul").html('');
} else {
user.search_phone();
}
});
$(document).on("input", "#introduce_edit_user", function() { //编辑客户 转介绍人 搜索客户
if($("#introduce_edit_user").val() == '') {
user.user_id_edit_introduce='';
$(".user-ul-edit-introduce").html('');
} else {
user.introduce_userIdEdit();
}
});
//拨打手机号
$(document).on("click", ".user_call", function() {
if(is_outpace_call_num == '0'){
user.user_Call();
}else{
layerTipsX('该客户今日已达拨打上限,请明日再来');
}
});
//没打通手机号
$(document).on("click", "#unbind_call", function() {
user.unbind_Call();
});
//约带看 保存
$(document).on("click", ".save-look", function() { //手机号搜索客方
user.save_look();
});
//约带看 商铺选择
$(document).on("input", ".look-shop", function() { //手机号搜索客方
if($(this).val() == '') {
$(this).next('.look-shop-ul').html('');
$(this).removeAttr("data-id");
} else {
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 编辑
if($(".cus_fang").val() == '') {
user.agent_id2='';
$(".user-ul2").html('');
} else {
user.search_phone2();
}
});
$(document).delegate(".addphone", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
user.addphone(this);
});
$(document).delegate(".add-user-edit-li", "click", function() { //list消失编辑客户 点击li事件 获取客户id ul消失
user.addUserEditLi(this);
});
$(document).delegate(".addphone2", "click", function() { //list2消失
user.addphone2(this);
});
//点击列表 获取input的值
$(document).delegate(".addphone3", "click", function() { //list3消失
user.addphone3(this);
});
// =============================下拉列表===================
$(document).delegate(".submit_edit", "click", function(e) { //提交
e.preventDefault();
e.stopPropagation();
user.Submit_follow();
});
// =============下拉列表========================
var _ajaxObjTel = null;
_doc.on('input', '.phone_jia', function() {
var _this = $(this),
_thisVal = $.trim(_this.val());
_this.removeAttr('data-id'); //移除之前携带的信息
if(_thisVal != '') {
_ajaxObjTel && _ajaxObjTel.abort();
_ajaxObjTel = $.ajax({
type: 'GET',
url: '/index/getBroker_new',
data: {
'phone': $.trim(_this.val())
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
if(data['data'].length > 0) {
var _htmlTemp = '';
$.each(data['data'], function(i, item) {
_htmlTemp += '<li data-id="{3}">{2}{0}-{1}<li>'.stringFormatObj({
'0': item['name'],
'1': item['phone'],
'2': _this.parent().nextAll('.input-add-tel').data('hideid') ? '' : (item['id'] + '-'),
'3': item['id']
});
});
// 输出trim
_this.next().show().html(_htmlTemp);
} else {
_this.next().html('');
};
} else {
alert(data['msg']);
};
} else {
alert('数据错误');
};
},
error: function() {
//alert('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
alert('请求超时');
};
}
});
};
});
_doc.on('click', '.jian_class>ul>li', function() {
var _this = $(this);
_this.parent().prev().val(_this.html()).attr('data-id', _this.attr('data-id'));
_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.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;
_data['follow_id'] = _temp_follow_id;//跟进id
(_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{
alert('提交成功');
_genjinModal.hide();
_btnSaveTemp.hide();
_btnSave.css('display','block');
user.getGenjincon();
};
}else {
_btnSaveTemp.hide();
_btnSave.css('display','block');
layerTipsX(data['msg']);
};
}else{
_btnSaveTemp.hide();
_btnSave.css('display','block');
layerTipsX('数据错误');
};
},
error: function() {
_btnSaveTemp.hide();
_btnSave.css('display','block');
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
function freePhone(obj){
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsUnBind',
data: {
'AuthToken': _token,
'phone_x': _backPhone,
'phone_a': _selectPhone,
'user_id': user.user_id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
console.log('释放成功');
alert('提交成功');
_genjinModal.hide();
user.getGenjincon();
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
_btnSaveTemp.hide();
_btnSave.css('display','block');
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><div class="call-delete-icon"><img src="/app/images/search_gb.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');
};
};
});
//删除手机号按钮,点击事件
_doc.on('click','.call-delete-icon',function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
layer.open({
content: '确认删除此号码吗?',
btn: ['确定', '取消'],
yes: function(_index){
var _phoneTemp = _this.parent().find('input').val();
_this.parent().remove();
console.log(_phoneTemp);
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _token,
'agents_id': _userId,
'phone': _phoneTemp,
'type': 'delete'
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
layer.close(_index);
}
});
});
_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><div class="call-delete-icon"><img src="/app/images/search_gb.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: '/broker/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'user_id': user.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']['phone'];
_temp_follow_id = data['data']['follow_id'];//临时的跟进id
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赋值
var user_ht = $(obj).html();
$("#set_father_id3").val(user_ht);
$(".user-ul").html('');
user.agent_id = $(obj).attr("data-id");
},
addphone2: function(obj) {
var user_ht = $(obj).html();
$(".cus_fang").val(user_ht);
$(".user-ul2").html('');
user.agent_id2 = $(obj).attr("data-id");
},
addUserEditLi: function(obj) {//编辑客户 input赋值 搜索客户id
var user_ht = $(obj).html();
$("#introduce_edit_user").val(user_ht);
$(".user-ul-edit-introduce").html('');
user.user_id_edit_introduce = $(obj).attr("data-id");
},
//约带看 商铺名称搜索
addphone3: function(obj) {
var _obj = $(obj);
var user_ht = _obj.html();
_obj.parent().html('').prev().val(user_ht).attr('data-id', _obj.attr('data-id'));
},
save_look: function() { //约带看 点击保存
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var arr_look=[];
for(var i=0;i<$('.look-shop').length;i++){
if($('.look-shop').eq(i).attr('data-id')){//如果id为空 不提交空的数据
arr_look[i]=$('.look-shop').eq(i).attr('data-id');
}
}
// if(user_info_obj.id==1){
// alert('当前用户没有权限提交约带看');
// return false;
// }
if(arr_look.length<0||arr_look.length==0){
alert('请选择约带看商铺');
return false;
}
var look_shop_date_val = $("#look_shop_date").val();
if(look_shop_date_val==''){
alert('请选择预计到场时间');
return false;
}
var _temp_date =new Date(look_shop_date_val+':000');//格式为2018-07-14 10:30:05:000
console.log(_temp_date);
var start_time = _temp_date.getTime()*0.001;
console.log(start_time);
if(!user.isAjaxSaving){
user.isAjaxSaving = true;
$.ajax({
url: '/broker/report',
type: 'POST',
async: true,
timeout: 30000,
data: {
"AuthToken": user_info_obj.AuthToken,
"report_agent_id": user_info_obj.id,
"report_store_id": user_info_obj.store_id,
"vehicle": 10,
"intro": $("#note_look").val(),
"predict_see_time": start_time,
"user_id": $("#take_look_id").html(),
"house_ids": arr_look.join(','),
"report_agent_phone": user_info_obj.phone
},
beforeSend: function() {},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('提交成功');
$('#look_shop_date').val('');
$('#note_look').val('');
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
user.isAjaxSaving = false;//请求结束,再改为初始状态
$("#modal-takeLook").modal('hide');//提交成功后 关闭弹窗
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
},
search_phone: function() { //手机号新增客户
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#set_father_id3").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data, function(i, item) {
user_ul += '<li class="addphone" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + '</li>';
});
$(".user-ul").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
introduce_userIdEdit: function() { //编辑客户 转介绍 客户id搜索
$.ajax({
url: '/broker/searchUser',
type: 'GET',
async: true,
data: {
'AuthToken':_token,
"id": $("#introduce_edit_user").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data.user_date, function(i, item) {
user_ul += '<li class="add-user-edit-li" data-id="' + item.user_id + '">' + item.user_name + '-' + item.user_phone + '-' + item.user_id + '</li>';
});
$(".user-ul-edit-introduce").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
search_phone2: function() { //手机号 编辑是 客方搜索
// console.log($(".cus_fang").val());
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $(".cus_fang").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul2 = "";
$.each(data.data, function(i, item) {
user_ul2 += '<li class="addphone2" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + '</li>';
});
$(".user-ul2").html(user_ul2);
} else {
alert(data.msg);
}
}
});
},
search_phone_look: function(n) { //商铺名选择
$.ajax({
// url:"https://pre2.tonglianjituan.com"+ '/broker/getShopList',
url:'/broker/getShopList',
type: 'GET',
async: true,
data: {
'AuthToken' : user_info_obj.AuthToken,
"site_area":5,
"title":$(n).val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul2 = "";
$.each(data.data, function(i, item) {
user_ul2 += '<li class="addphone3" data-id="' + item.id + '">' + item.id + '-' + item.title + '-' + item.address + '</li>';
});
$(n).next('.look-shop-ul').html(user_ul2);
} else {
alert(data.msg);
}
}
});
},
user_Call: function() { //客户详情 点击拨打按钮
$('#call_modal_phone_self').val(user_info_obj.phone);
_callModal.show();
},
unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var params = {};
params.user_id = user.user_id;
params.phone_a = user_info_obj.phone;
$('#phone_title').html(user_info_obj.phone);
params.AuthToken = user_info_obj.AuthToken;
params.phone_x = $('#phone_title2').html()*1;
console.log(params);
$.ajax({
'type': 'POST',
'url': '/broker/agentsUnBind',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
// alert(data.msg);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
},
Submit_follow: function() { //提交
var params = {};
//站点标签验证(编辑客户)
var _siteTagArr = [];
$.each($('.roomTagEdit'), function(i, item) {
item.checked && _siteTagArr.push(item.getAttribute('data-id'));
});
params.site_id = _siteTagArr.join(','),
params.id = user.user_id;
params.user_name = $(".cus_name_1").val();
params.agents_id = user.agent_id2;
params.sex = $(".sex_1").val();
params.vip = $(".user_vip2_1").val();
params.industry_type = $(".industry_type_two_1").val();
params.price_demand = $(".price_demand_1").val();
params.area_demand = $(".area_demand_1").val();
params.source_intro=$("#user_source_edit").val();
params.referrer_id = user.user_id_edit_introduce;
params.referrer_source = 10;
if($('#user_city_edit').val() == 310100){
params.city = '上海市' ;
params.province = '上海市' ;
}
if($('#user_city_edit').val() == 330100){
params.city = '杭州市' ;
params.province = '浙江省' ;
}
// params.city = $("#user_city_edit").val();
params.disc = $("#user_area_edit").val();
params.user_label = $("#user_label_edit").val();
$.ajax({
'type': 'POST',
'url': '/index/pcEditClient',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('修改成功');
$("#modal-record-edit").modal('hide');
} else {
alert(data.msg)
}
}
});
},
edit_add: function() { //提交跟进
var user_status = $("input[name = 'user_status']:checked").val();
console.log(user_status);
var genj_text = $("#genj_text").val();
if(genj_text == '') {
alert('请填写内容');
return false;
}
if(user_status == undefined) {
alert('状态标签未选中');
return false;
}
$.ajax({
url: '/index/pcAddFollow',
type: 'POST',
async: true,
data: {
"user_id": user.user_id,
"content": genj_text,
"user_status": user_status
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('修改成功');
user.getGenjincon();
$('#genj_text').val('');
// $("#modal-record").modal('hide');
} else {
alert(data.msg);
}
}
});
},
//
// 批量修改客方
//
modify_add: function() { //modify_add批量修改客方
var old_agents_text = $('.old_agents').val();
var new_agents_text = $('.new_agents').val();
console.log($('.phone_jia:eq(0)').attr('data-id'));
console.log($('.phone_jia:eq(1)').attr('data-id'));
// console.log($('.old_agents').attr('name'));
if(old_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
if(new_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
$.ajax({
url: '/index/batchEditCustomer',
type: 'POST',
async: true,
data: {
"old_agents_id": $('.phone_jia:eq(0)').attr('data-id'),
"agents_id": $('.phone_jia:eq(1)').attr('data-id'),
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
console.log(666);
}else{
alert(data.msg)
}
}
});
},
// 新增客户页面
Caozuo: function() { //获取跟进详情的数据
$.ajax({
'type': 'GET',
'url': '/index/useraction_search',
data: {
"user_id": user.user_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
$(".cus_id").html(data.data.user_info.user_id); //客户编号
$(".cus_name").val(data.data.user_info.user_name); //姓名
$(".cus_nick").html(data.data.user_info.user_nick); //昵称
$(".user_pic").attr('src',data.data.user_info.user_pic); //头像
$(".user_pic").attr('data-bimg',data.data.user_info.user_pic); //鼠标放上去放大头像
$(".registration_time").html(data.data.user_info.registration_time);
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
$(".cus_fang_edit").val(data.data.user_info.agentinfo); //客方详情
$(".cus_fang").val(data.data.user_info.agentinfo); //客方编辑
$("select[name=industry_type_two]").val(data.data.user_info.industry_type);
$("input[name=price_demand]").val(data.data.user_info.price_demand * 1);
$("input[name=area_demand]").val(data.data.user_info.area_demand * 1);
// $(".user_details_label").val(data.data.user_info.source); //客方详情 标签
$("#take_look_name").html(data.data.user_info.user_name); //约带看姓名
$("#take_look_phone").html(data.data.user_info.user_phone); //约带看手机号
$("#take_look_id").html(data.data.user_info.user_id); //约带看id
//获取 站点城市(编辑)
data.data.user_info['site_ids'] && $.each($('.roomTagEdit'), function(i, item) {
~data.data.user_info['site_ids'].indexOf(item.getAttribute('data-id')) && (item.checked = 'checked');
});
//获取 站点城市(详情)
var site_detail= '';
data.data.user_info['site_ids'] && $.each($('.roomTagDetail'), function(i, item) {
if(~data.data.user_info['site_ids'].indexOf(item.getAttribute('data-id'))){
site_detail=item.value+','+site_detail ;
}
});
$('.shangpu_tags_area_detail').show();
$('.shangpu_tags_area_detail').html(site_detail);
var sw=function(s){
switch(Number(s))
{ case 0:return"";
case 1:return"网络";
case 2:return"客户介绍";
case 3:return"朋友介绍";
case 4:return"上门挂牌";
case 5:return"打跟进";
case 6:return"驻守";
case 7:return"其他";
default:return s}
};
$("#user_source_edit").val(data.data.user_info.source_intro);
$(".user-source-details").html(sw(data.data.user_info.source_intro));
// $("#user_area_edit").val(data.data.user_info.disc); //编辑区域
user.agent_id_2 = data.data.user_info.agent_id;
user.agent_id_two = data.data.user_info.agent_id;
if(data.data.user_info.source == 10) {
$(".source_type").html('APP注册'); //客方
}
if(data.data.user_info.source == 20) {
$(".source_type").html('经纪人新增');
}
if(data.data.user_info.source == 30) {
$(".source_type").html('老数据报备客户');
}
if(data.data.user_info.user_label == 1) {
$(".user_details_label").html('是租客也是房东');
$("#user_label_edit").val(1);
};
if(data.data.user_info.user_label == 2) {
$(".user_details_label").html('纯房东');
$("#user_label_edit").val(2);
};
$(".user-details-introduce-id").html(data.data.user_info.referrer_user); //转介绍详情
$("#introduce_edit_user").val(data.data.user_info.referrer_user); //转介绍编辑
if(data.data.user_invite_info.referrer_source == 10){
$(".user-details-introduce").html('是'); //转介绍详情
}else{
$(".user-details-introduce").html('否'); //转介绍详情
}
var caozuo_table = "";
$.each(data['data']['user_history'], function(i, item) {
caozuo_table += '<tr><td>' + item.remark + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
});
if(caozuo_table){
$("#caozuo_table_edit").html(caozuo_table);
}else{
$("#caozuo_table_edit").html('暂无数据(*^_^*)');
};
}
} else {
alert('获取失败!');
}
}
});
},
//客户编辑 修改记录
Caozuorecord: function() {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
checkLogin();
$.ajax({
url:'/broker/useraction_search',
type: 'POST',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
"user_id": user.user_id,
"agent_id": user_info_obj.id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
//转介绍人 记录
var caozuo_table_introduce = "";
$.each(data['data']['user_invite_history'], function(i, item) {
caozuo_table_introduce += '<tr><td>' + item.remark + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
});
if(caozuo_table_introduce){
$("#caozuo_table_edit_introduce").html(caozuo_table_introduce);
}else{
$("#caozuo_table_edit_introduce").html('暂无数据(*^_^*)');
}
}
}
});
},
//筛选
getList: function (pageNo) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
user.pageNo = pageNo;
console.log(user_info_obj);
var params = {};
params.agents_id = user_info_obj.id;
params.pageNo = user.pageNo;
params.pageSize = user.pageSize;
params.AuthToken = user_info_obj.AuthToken;
$.ajax ({
// url: 'https://pre2.tonglianjituan.com'+'/broker/getCollectUserListt',//我的收藏
url: '/broker/getCollectUserList',//列表数据
type: 'GET',
async: true,
data: params,
dataType: 'json',
success: function (data) {
var temp = document.getElementById ('my_collection_user_list_tpl').innerHTML;
var doTtmpl = doT.template (temp);
$ ("#label_list").html (doTtmpl (data.data.user_date));
/*分页代码*/
add_page(data.data.total,pageNo,user.pageSize,user.getList);
}
});
},
//获取站点 标签 (编辑)
getSiteTagsEdit: function() {
$('.shangpu_tags_area_edit').html('');
$('.shangpu_tags_area_detail').html('');
$.ajax({
type: 'GET',
url: '/index/getSiteList',
data: {},
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 += '<label class="checkbox-inline"><input type="checkbox" class="roomTagEdit" id="" value="{0}" data-id="{1}" name="shangpu_tags[]">{0}</label>'.stringFormatObj({
'0': item.city,
'1': item.id
});
});
$('.shangpu_tags_area_detail').hide();
var _htmlTempDetail = '';
$.each(_data.data.list, function(i, item) {
_htmlTempDetail += '<label class="checkbox-inline"><input type="checkbox" class="roomTagDetail" id="" value="{0}" data-id="{1}" name="shangpu_tags[]">{0}</label>'.stringFormatObj({
'0': item.city,
'1': item.id
});
});
$('.shangpu_tags_area_edit').append(_htmlTemp);
$('.shangpu_tags_area_detail').append(_htmlTempDetail);
user.Caozuo();
} else {
alert(_data['msg']);
}
} else {
alert('数据错误');
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
},
//城市 区域 筛选
getCityAreaList: function(id, fn) {
$.ajax({
url: '/index/regions',
type: 'GET',
async: true,
data: {
'parent_code': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
}
}
});
},
add_user: function() {
var params = {};
params.id = 0;
params.user_name = $("#add_user_form input[name='user_name']").val();
params.user_phone = $("#add_user_form input[name='user_phone']").val();
params.agents_id = user.agent_id; //客方
params.sex = $("#user_sex").val();
params.price_demand = $("#price_type2").val();
params.area_demand = $("#area_type2").val();
params.industry_type = $("#industry_type2").val();
params.vip = $("#user_vip").val();
params.type = 'add';
if($('#user_city_add').val() == 310100){
params.city = '上海市' ;
}
if($('#user_city_add').val() == 330100){
params.city = '杭州市' ;
}
params.disc = $("#user_area_add").val();
params.source = $("#user_label_add").val();
if(params.user_name == '') {
alert('姓名不能为空');
$("input[name='user_name']").focus();
return;
}
if(params.sex == '') {
alert('请选择性别');
$("#user_sex").focus();
return;
}
if(params.user_phone == '') {
alert('手机号不能为空');
$("input[name='user_phone']").focus();
return;
}
if(params.pwd == '') {
alert('密码不能为空');
$("input[name='pwd']").focus();
return;
}
if(params.user_phone.length != 11) {
alert('手机号错误');
$("input[name='user_phone']").focus();
return;
}
if(params.industry_type == '') {
alert('请选择业态');
$("#industry_type2").focus();
return;
}
if(params.price_demand == '') {
alert('请选择价格');
$("#price_type2").focus();
return;
}
if(params.area_demand == '') {
alert('请选择面积');
$("#area_type2").focus();
return;
}
if($('#set_father_id3').val()== '') {
alert('请选择客方');
$("#set_father_id3").focus();
return;
}
if(params.vip=='') {
alert('请选择vip');
$("#user_vip").focus();
return;
}
$.ajax({
url: '/index/pcEditClient',
type: 'POST',
async: true,
data: params,
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('提交成功');
user.getList(1);
$("#modal_add_user").modal('hide');
// document.getElementById("add_user_form").reset();
} else {
alert(data.msg);
}
}
});
},
delete_user: function(params) {
$.ajax({
url: '/index/del_user',
type: 'POST',
async: true,
data: params,
dataType: 'json',
success: function(data) {
$("#modal-delete").modal('hide');
if(data.code == "101") {
alert(data.msg);
return false;
}
user.getList(user.pageNo);
}
});
},
getUserFavorites: function(params) {//客户 收藏夹
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url: '/broker/getLastOrNextUserID',//上一页 下一页 调用接口
// url: 'https://pre2.tonglianjituan.com'+'/broker/getLastOrNextUserID',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"agent_id": user_info_obj.id,
"type":user_type,
"AuthToken":user_info_obj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200&&data.data) {
user.user_id=data.data.user_id;
user.Caozuo();
user.getGenjincon();
}else{
alert(data.msg)
}
}
});
},
getInfor: function(params) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url: '/broker/getLastOrNextUserID',//上一页 下一页 调用接口
// url: 'https://pre2.tonglianjituan.com'+'/broker/getLastOrNextUserID',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"agent_id": user_info_obj.id,
"type":user_type,
"AuthToken":user_info_obj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200 || data.code == 201) {
user.user_id=data.data.user_id;
if(data.code == 200){
$('.call-user-five').html('');
$('.detail-modal-body-sec-2').show();
}else{
$('.call-user-five').html(data.msg);
$('.detail-modal-body-sec-2').hide();
}
user.Caozuo();
user.getGenjincon();
if(data.data.user_id==data.data.max_user_id){
user.user_id=data.data.max_user_id-1;
};
if(data.data.user_id==data.data.min_user_id){
user.user_id=data.data.min_user_id+1;
}
}else{
alert(data.msg)
}
}
});
},
getGenjinLabel: function() {
$('#genj_text').val('');
$.ajax({
url: '/index/getUserLabel',
type: 'GET',
async: true,
data: {
"user_id": user.user_id
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
// $("input[type='radio'][name='user_status'][value=" + data.data + "]").prop("checked", "checked");
user.getGenjincon();
}
}
});
},
getGenjincon: function() {//获取客户动态
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url:'/broker/useraction_search',
// url: 'https://pre2.tonglianjituan.com'+'/broker/useraction_search',
type: 'POST',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
"user_id": user.user_id,
"agent_id": user_info_obj.id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
user.customerInfo = data.data.user_info;
is_outpace_call_num = data.data.is_outpace_call_num;
//客户动态 即跟进
var caozuo_table = "";
$.each(data['data']['user_date'], function(i, item) {
caozuo_table += '<tr><td class="text-left" width="70%">' + item.step + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
});
if(caozuo_table){
$("#caozuo_table2").html(caozuo_table);
}else{
$("#caozuo_table2").html('暂无跟进信息');
}
}
}
});
},
//调用部门 和 门店的接口
getDistrict: function(fn) {
$.ajax({
url: '/index/getDistrict',
type: 'GET',
async: true,
data: {
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
var str = '';
$.each(data.data, function(i, item) {
str += '<option value="' + item.id + '">' + item.district_name + '</option>';
});
$("#district_id").append(str);
$("#district_id2").append(str);
fn && fn();
}
}
});
},
getDistrictStoreList: function(id, fn) {
$.ajax({
url: '/index/getDistrictStoreList',
type: 'GET',
async: true,
data: {
'id': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
}
}
});
},
};
return user;
});
function delete_user(obj) {
$("#delete_id").val($(obj).attr("data-id"));
}
function edit(obj) {
var params = {}
params.id = $(obj).attr("data-id")
$.ajax({
url: '/index/usersList',
type: 'get',
async: true,
data: params,
dataType: 'json',
success: function(data) {
$("#edit_user_form input[name='phone']").val(data.data.list[0].user_phone);
$("#edit_user_form input[name='password']").val(data.data.list[0].user_pswd);
$("#invite_name").html(data.data.list[0].realname);
$("#invite_phone").html(data.data.list[0].phone);
}
});
$("#edit_id").val($(obj).attr("data-id"));
}
\ No newline at end of file
......@@ -452,7 +452,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'css!style/home.css', 'ckfind
// user.user_id = $(this).attr("data-id");
// user.getGenjinLabel();
var _$this = $(this);
$('#modal-record iframe').attr('src', '/index/userModalList?data=' + _$this.attr('data-item') + '&id=' + _$this.attr('data-id'));
$('#modal-record iframe').attr('src', '/index/userModalList?data=' + _$this.attr('data-item') + '&id=' + _$this.attr('data-id')).show();
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
......@@ -498,7 +498,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'css!style/home.css', 'ckfind
});
//客户列表操作
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
$(document).delegate(".cao-zuo-record", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone");
user.agent_id_infor = $(this).attr("data-agentId");
......
......@@ -59,7 +59,7 @@
<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') && it[item]['vip'] == 0)) { %]
<a class="btn1 caozuo genj_ure btn-success" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</a>&nbsp;
<a class="btn1 caozuo genj_ure btn-success" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]' data-item='[%= JSON.stringify(it[item]) %]'>详情/跟进</a>&nbsp;
<!--<a class="btn1 btn-info is_show" data-toggle="modal" data-id='[%= it[item]["id"] %]'>收藏</a>
<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;-->
......
......@@ -12,7 +12,7 @@
<td>[%= it[item]["area_demand"] %]</td>
<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') && it[item]['vip'] == 0)) { %]
<a class="btn1 caozuo genj_ure btn-success" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</a>&nbsp;
<a class="btn1 caozuo genj_ure btn-success" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]' data-item='[%= JSON.stringify(it[item]) %]'>详情/跟进</a>&nbsp;
<a class="btn1 btn-default is_show" data-id='[%= it[item]["user_id"] %]'>取消收藏</a>
[% if(it[item]['agent_id'] == it[item]['current_agent_id'] || check_auth('index/pcEditClient')) { %]
......
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