Skip to content

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

修改

parent e9715fdb
Show whitespace changes
Inline Side-by-side
Showing with 4346 additions and 415 deletions
application/index/view/member/user_genjing_modal.html
View file @ 58bd9806
{layout name="global/frame_pure_tpl" /}
<input type="hidden" class="page-load" id="user_genjing_modal" />
<style>
/*关联客户相关*/
.user-detail-relational>div{
float: left;
margin-right: 15px;
}
.user-detail-relational>div>span{
margin-left: 10px;
cursor: pointer;
}
.user-ul-liu{
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul-liu li{
list-style: none;
line-height: 30px;
}
.left-phone-liu{
float: left;
margin-top: 15px;
margin-left: 10px;
}
/**/
.follow-up-modal-list-area{
height: 258px;
overflow-y: scroll;
}
.modal-body1 {
height: 716px;
height: 750px;
overflow-y: auto;
padding-bottom: 60px;
}
......@@ -312,7 +337,7 @@
padding: 8px;
}
.modal-body{
padding: 10px;
padding: 0!important;
}
.input-border-0{
border: 0;
......@@ -374,12 +399,12 @@
}
body{
width: 848px!important;
width: 818px!important;
background-color: white;
}
</style>
<div style="width: 848px;">
<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>
......@@ -389,6 +414,7 @@
<span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
<span id="user_down" class="ld-Marheight text-primary ld-Marheight">下一条客户</span>
<span id='user_is_collect' class='ld-Marheight text-primary'>收藏</span>
<a id='user_add_relational' class='ld-Marheight text-primary' style="margin-left: 32px;cursor: pointer;" href="#modal-addRelational" data-toggle="modal">添加关联客户</a>
</div>
</div>
......@@ -527,9 +553,18 @@
</thead>
</table>
<!--关联客户-->
<div>
<div class="text-info" style="font-size: 16px;">
关联客户
</div>
<div class="user-detail-relational" style="overflow: hidden;">
</div>
</div>
<!--客户详情 最近一条带看动态-->
<div>
<div class="text-info" style="margin: 2px;font-size: 16px;">最近一条带看动态</div>
<table class="table table-striped table-bordered table-hover table-condensed">
<table class="table table-striped table-bordered table-hover table-condensed" style="margin-bottom: 0;">
<tbody class="text-center user-log-detail">
</tbody>
</table>
......@@ -737,3 +772,46 @@
</div>
<div id="close_btn"><img src="/app/images/ic_cha.png" /></div>
</div>
<!--关联客户弹窗-->
<div class="modal fade" id="modal-addRelational" 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" style="padding: 25px;">
<div class="left-phone-liu">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="请输入客户编号" type="text" value="">
<ul class="user-ul-liu"></ul>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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-info save-relational" data-dismiss="modal">保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
\ No newline at end of file
application/index/view/member/users_list.html
View file @ 58bd9806
......@@ -762,289 +762,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 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>
<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>
<span id='user_is_collect' class='ld-Marheight text-primary'>收藏</span>
<a id='user_add_relational' class='ld-Marheight text-primary' style="margin-left: 32px;cursor: pointer;" href="#modal-addRelational" data-toggle="modal">添加关联客户</a>
</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>
<span class="fore-span">姓名:</span>
<input class="form-control btn6 cus_name input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td width="35%">
<span class="fore-span">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">面积:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span">m²
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户编号:</span>
<span class="fore-span cus_id"></span>
</td>
<td>
<span class="fore-span">性别:</span>
<select class="form-control btn6 sex input-border-0" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</td>
<td>
<span class="fore-span">业态:</span>
<select class="form-control btn6 input-border-0" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
<a class="fore-span btn-primary user_call" >拨打</a>
</td>
<td>
<span class="fore-span">价格:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span">元/月</span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 user_vip2 input-border-0" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1">是</option>
<option value="0">否</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">注册时间:</span>
<span class="fore-span registration_time"></span>
</td>
<td>
<span class="fore-span">客户所属城市:</span>
<span class="shangpu_tags_area_detail fore-span">
</span>
</td>
<td>
<span class="fore-span">昵称:</span>
<img src="" alt="" class="fore-span diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">创建时间:</span>
<span class="fore-span cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span">下载登录时间:</span>
<span class="fore-span firstlogin_time"></span>
</td>
<td>
<span class="fore-span">客户标签:</span>
<span class="user_details_label fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 cus_fang_edit input-border-0" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</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>
</thead>
</table>
<!--关联客户-->
<div>
<div class="text-info" style="font-size: 16px;">
关联客户
</div>
<div class="user-detail-relational" style="overflow: hidden;">
</div>
</div>
<!--客户详情 最近一条带看动态-->
<div>
<div class="text-info" style="margin: 2px;font-size: 16px;">最近一条带看动态</div>
<table class="table table-striped table-bordered table-hover table-condensed" style="margin-bottom: 0;">
<tbody class="text-center user-log-detail">
</tbody>
</table>
</div>
<div class="clear modal-title-genjing">
<span class="modal-title-genjing-con">
<span class="text-info">客户动态</span>
<span>带看动态</span>
</span>
</div>
<div id="gen_jing_user">
<div>
<div class="follow-up-modal-list-area" style="height: 212px">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
<tr class="text-center is-show-more-followlog">
<td colspan="3">
<span class="user-log-more text-info" style="cursor: pointer;">加载更多</span>
</td>
</tr>
</table>
</div>
<div class="follow-up-modal-list-area" style="height: 212px">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table_log">
</tbody>
</table>
</div>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进<span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<textarea class="form-control" rows="2" id="genj_text"></textarea>
</div>
<label class="col-sm-3 control-label">状态标签 <span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<!--<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">-->
<label class="control-label">已租</label><input type="radio" name="user_status" value="1">
<label class="control-label">求租</label><input type="radio" name="user_status" value="0">
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
</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-yuedaikan 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 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>
<iframe style="width: 100%;height: 786px;display: block;border: none;border-radius: 6px;"></iframe>
</div>
<!-- /.modal-content -->
</div>
......@@ -1120,91 +841,6 @@
<!-- /.modal -->
</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">
......@@ -1471,48 +1107,7 @@
</div>
<!-- /.modal -->
</div>
<!--关联客户弹窗-->
<div class="modal fade" id="modal-addRelational" 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" style="padding: 25px;">
<div class="left-phone-liu">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="请输入客户编号" type="text" value="">
<ul class="user-ul-liu"></ul>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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-info save-relational" data-dismiss="modal">保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
......
application/index/view/member/users_list_old.html 0 → 100644
View file @ 58bd9806
{layout name="global/frame_tpl" /}
<input type="hidden" class="page-load" id="user" />
<style>
/*关联客户相关*/
.user-detail-relational>div{
float: left;
margin-right: 15px;
}
.user-detail-relational>div>span{
margin-left: 10px;
cursor: pointer;
}
.user-ul-liu{
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul-liu li{
list-style: none;
line-height: 30px;
}
.left-phone-liu{
float: left;
margin-top: 15px;
margin-left: 10px;
}
/*下拉式*/
.follow-up-modal-list-area{
height: 258px;
overflow-y: scroll;
}
.modal-body1 {
height: 750px;
overflow-y: auto;
padding-bottom: 60px;
}
/*客方姓名 搜索*/
.left-phone{
margin-left: 10px;
float: left;
position: relative;
width: 226px;
}
.user-ul-agent{
width: 100%;
height: auto;
position: absolute;
width: 223px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
z-index: 999;
left: 2px;
}
.user-ul-agent li{
margin-left: -28px;
list-style: none;
line-height: 26px;
}
.modal-body-details {
width: 850px;
}
.modal-body-new-user{
width: 639px;
}
.user-ul,.user-ul-new-introduce{
width: 100%;
height: auto;
float: left;
position: relative;
left: -40px;
}
.user-ul li, .user-ul-new-introduce 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-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;
}
.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: 7px;
font-size: 10px;
text-align: center;
cursor: pointer
}
/*客户动态*/
.followup-modal-list-area {
height: 258px;
overflow-y: scroll;
}
/*客户详情 头像*/
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
/*拨打电话样式*/
.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: 36px;
line-height: 36px;
font-weight: 600;
font-size: 16px;
}
.modal-title-genjing span{
cursor: pointer;
margin-right: 20px;
}
.center-btn {
margin-top: 10px;
text-align: center;
}
#caozuo_table_scroll {
height: 188px;
overflow-y: scroll;
}
/*查看过的 客户详情 按钮变色*/
.btn-user-details {
background-color: orange;
}
/*上一条 下一条 样式*/
#user_up,
#user_down {
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;
}
/*查看详情 样式优化*/
.modal-header{
padding: 8px;
}
.modal-body{
padding: 10px;
}
.input-border-0{
border: 0;
}
.ld-Marheight-city{
margin-top: 8px;
}
.form-control[disabled]{
background-color: #fff;
}
.main-select {
display : none ;
}
.btn2 {
width : 10% !important;
}
.btn4 {
width : 16% !important;
}
/*适配 不同屏幕*/
@media screen and (min-width:1680px){
.btn4 {
width : 12% !important;
}
.btn2 {
width : 8% !important;
}
}
.btn6-yuedaikan{
width: 46% !important;
cursor: pointer;
}
.btn-guanbi{
margin-left: 20px;
}
.form-group-bottom{
margin-bottom: 9px;
}
/*加载图标*/
#main_loading_pic {
position: fixed;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: 50px;
margin-top: -100px;
overflow: hidden;
display: none;
}
.ld-Marheight-tags{
margin-top: 20px;
}
/*收藏样式*/
#user_is_collect{
margin-left: 30px;
font-weight: 600;
cursor: pointer;
}
</style>
<!--导航star-->
<!-- Page Content -->
<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_add_user" data-toggle="modal" class="btn btn-default add_alert add-user-new"><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">
<thead>
<tr>
<td colspan="13">
<form action="" method="get" id="form_search">
<select class="form-control btn2-city ld-Marheight user_city_choose_site_list"></select>
<!--<select class="form-control btn2 ld-Marheight" id="user_area_choose">
<option value="" selected="selected">区域筛选</option>
</select>-->
<span class="fore-span ld-Marheight">创建时间:</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="start_date" name="start_date" type="date">
<span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="end_date" name="end_date" type="date">
<select class="form-control btn2 margin-top-ld" name="public_status">
<option value="2">客户状态</option>
<option value="0">求租</option>
<option value="1">已租</option>
<option value="-1">无效</option>
</select>
<!--业态选择-->
<select class="form-control btn2 margin-top-ld" name="industry_type">
<option value="">业态选择</option>
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
<select class="form-control btn2 margin-top-ld" name="price_type">
<option value="">价格需求</option>
<option value="1">10000元/月以下</option>
<option value="2">10000元/月--30000元/月</option>
<option value="3">30000元/月以上</option>
</select>
<select class="form-control btn2 margin-top-ld" name="area_type">
<option value="">面积需求</option>
<option value="1">30㎡以下</option>
<option value="2">30㎡-60㎡</option>
<option value="3">60㎡-100㎡</option>
<option value="4">100㎡以上</option>
</select>
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="userID" placeholder="客户ID" type="text" value="">
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="phone" placeholder="客户手机号" type="text" value="">
<br/>
<div class="col-xs-12 main-select" style="padding:0px">
<span class="fore-span ld-Marheight">注册时间:</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="registration_start" name="registration_start" type="date">
<span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="registration_end" name="registration_end" type="date">
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn4 ld-Marheight" id="user_vip_select">
<option value="">请选择</option>
<option value="1">是</option>
<option value="0">否</option>
</select>
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="user" placeholder="客户姓名" type="text" value="">
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="invite_phone" placeholder="邀请人(客户)手机号" type="text" value="">
<select class="form-control btn2 margin-top-ld" name="login_status">
<option value="">下载登录app</option>
<option value="1">是</option>
<option value="2">否</option>
</select>
<select class="form-control btn2 margin-top-ld" name="activate">
<option value="">是否注册app</option>
<option value="1">是</option>
<option value="2">否</option>
</select>
<select class="form-control btn2 margin-top-ld" name="male_status">
<option value="">是否公客</option>
<option value="2">否</option>
<option value="1">是</option>
</select>
<select class="form-control btn2 margin-top-ld input" name="" id="district_id" title="客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项" >
<option value="">客方所属部门</option>
</select>
<select class="form-control btn2 margin-top-ld input" name="" id="guest_stores" title="客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项" value="">
</select>
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="user_agent" placeholder="客方手机号" type="text" value="">
<!--邀请人-->
<select class="form-control btn2 margin-top-ld input" name="" id="district_id2" title="
客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项">
<option value="">邀请人所属部门</option>
</select>
<select class="form-control btn2 margin-top-ld input" name="" id="guest_stores2" title="
客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项">
</select>
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="invite_agent_phone" placeholder="邀请人(员工)手机号" type="text" value="">
<span class="fore-span ld-Marheight">首次登录时间:</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="first_login_start" type="date">
<span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="first_login_end" type="date">
<!--是否转介绍-->
<select class="form-control btn4 margin-top-ld" name="customer_referrals_choose">
<option value="">客户转介绍</option>
<option value="1">是</option>
</select>
<!--<select class="form-control btn2 ld-Marheight" id="user_city_choose">
<option value="" selected="selected">城市筛选</option>
<option value="310100">上海市</option>
<option value="330100">杭州市</option>
</select>-->
<div class="left-phone">
<input class="form-control margin-top-ld" data-rule-phoneus="false" data-rule-required="false" id="user_agent_name" placeholder="客方(员工)姓名" type="text" value="">
<ul class="user-ul-agent"></ul>
</div>
<!--纯房东的筛选-->
<select class="form-control btn2 margin-top-ld" name="landlord_status" disabled="disabled">
<option value="">全部</option>
<option value="3">非纯房东</option>
<option value="2">纯房东</option>
</select>
<!--客户列表 面积 租金自定义-->
<span class="fore-span margin-top-ld">面积m²:</span>
<input class="form-control btn2 margin-top-ld" value="" data-rule-phoneus="false" data-rule-required="false" id="area_start" name="" type="text" placeholder="请输入">
<span class="fore-span margin-top-ld">-</span>
<input class="form-control btn2 margin-top-ld" value="" data-rule-phoneus="false" data-rule-required="false" id="area_end" name="" type="text" placeholder="请输入">
<!--<div class="clear"></div>-->
<span class="fore-span margin-top-ld">月租金(元/月):</span>
<input class="form-control btn2 margin-top-ld" value="" data-rule-phoneus="false" data-rule-required="false" id="price_start" name="" type="text" placeholder="请输入">
<span class="fore-span margin-top-ld">-</span>
<input class="form-control btn2 margin-top-ld" value="" data-rule-phoneus="false" data-rule-required="false" id="price_end" name="" type="text" placeholder="请输入">
</div>
<div class="col-xs-12" style="padding:0px">
<span class="btn btn-info btn3 margin-top-ld" id="search">搜索</span>
<span class="btn btn-info btn3 margin-top-ld" id="reset">重置</span>
<!--<a class="btn btn-info btn3 margin-top-ld user-favorites"> 收藏夹 </a>-->
<a href="#modal_modify_user" data-toggle="modal" class="btn btn-info btn3 margin-top-ld"><i class="icon-plus"></i> 批量修改客方
</a>
<!-- 本人商铺 -->
<span class="btn btn-info btn3 ld-Marheight" id="persional_custom" title="点击切换到本人客户">本人客户</span>
<!-- 高级搜索-->
<span class="btn btn-info btn3 ld-Marheight" id="main_select" title="高级搜索">高级搜索</span>
<!-- <span class="btn btn-info btn3 margin-top-ld" id="modify">批量修改客方</span> -->
</div>
</form>
</td>
</tr>
<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>
<th class="text-center">操作</th>
</tr>
</thead>
<tbody id="users_list" class="text-center">
</tbody>
</table>
</div>
<!-- /#page-content-wrapper
<!-- <div class="text-left">
每页显示<span id="page">15</span>条 | 共<span id="total_page"></span>条
</div> -->
<div class="text-right" id="pagediv">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /#wrapper -->
<!-- /#新增客户模态框 -->
<div class="modal fade" id="modal_add_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-body-new-user">
<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">
<form class="form-horizontal" action="/agents/add_user" id="add_user_form">
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">姓名：</label>
<div class="col-sm-9">
<input type="text" class="form-control btn5" name="user_name" id="inputEmail3" placeholder="请输入姓名">
</div>
</div>
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">性别：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="user_sex">
<option value="" class="successModel">请选择</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">电话：</label>
<div class="col-sm-9">
<input type="number" class="form-control btn5" name="user_phone" autocomplete="off" id="set_father_id2" placeholder="请输入电话">
</div>
</div>
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">客户所属城市(可多选)：</label>
<div class="col-sm-9" id="shangpu_tags_area">
<!--<select class="form-control btn5" id="user_city_add">
<option value="310100">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn5" id="user_area_add">
<option value="" selected="selected">请选择区域</option>
</select>-->
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">业态：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="industry_type2">
<option value="">业态选择</option>
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">价格：</label>
<div class="col-sm-9">
<input type="number" class="form-control btn5" id="price_type2" placeholder="请输入价格"/><span class="use-span">元/月</span>
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">面积：</label>
<div class="col-sm-9">
<input type="number" class="form-control btn5" id="area_type2" placeholder="请输入面积"/><span class="use-span">㎡</span>
</div>
</div>
<div class="form-group form-group-bottom">
<label class="col-sm-3 control-label">客方：</label>
<div class="col-sm-9">
<input type="text" class="form-control btn6" name="agent_id" autocomplete="off" id="set_father_id3" placeholder="请输入">
<ul class="user-ul">
</ul>
</div>
</div>
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">VIP客户：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="user_vip">
<option value="0">否</option>
<option value="1">是</option>
</select>
<span class="fore-span">（有权限的人才能看到VIP客户）</span>
</div>
</div>
<!--新增客户 来源-->
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">客户来源：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="user_source_add">
<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>
</div>
</div>
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">客户标签(选填)：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="user_label_add">
<option value=''>请选择</option>
<option value="1">是租客也是房东</option>
<option value="2">纯房东</option>
</select>
</div>
</div>
<div class="form-group form-group-bottom">
<label for="inputEmail3" class="col-sm-3 control-label">转介绍人：</label>
<div class="col-sm-9">
<input type="text" class="form-control btn6" name="" autocomplete="off" id="introduce_new_user" placeholder="请输入客户编号">
<ul class="user-ul-new-introduce">
</ul>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="close">关闭
</button>
<button type="button" class="btn btn-primary btn-guanbi" id="add_user">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</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>
<span id='user_is_collect' class='ld-Marheight text-primary'>收藏</span>
<a id='user_add_relational' class='ld-Marheight text-primary' style="margin-left: 32px;cursor: pointer;" href="#modal-addRelational" data-toggle="modal">添加关联客户</a>
</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>
<span class="fore-span">姓名:</span>
<input class="form-control btn6 cus_name input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td width="35%">
<span class="fore-span">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">面积:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span">m²
</span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">客户编号:</span>
<span class="fore-span cus_id"></span>
</td>
<td>
<span class="fore-span">性别:</span>
<select class="form-control btn6 sex input-border-0" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</td>
<td>
<span class="fore-span">业态:</span>
<select class="form-control btn6 input-border-0" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
<a class="fore-span btn-primary user_call" >拨打</a>
</td>
<td>
<span class="fore-span">价格:</span>
<input class="form-control btn6 input-border-0" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span">元/月</span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 user_vip2 input-border-0" disabled="disabled">
<option value='' class="successModel">请选择</option>
<option value="1">是</option>
<option value="0">否</option>
</select>
</td>
</tr>
<tr>
<td>
<span class="fore-span">注册时间:</span>
<span class="fore-span registration_time"></span>
</td>
<td>
<span class="fore-span">客户所属城市:</span>
<span class="shangpu_tags_area_detail fore-span">
</span>
</td>
<td>
<span class="fore-span">昵称:</span>
<img src="" alt="" class="fore-span diagram-image J_preview user_pic" data-bimg='' />
<span class="fore-span cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span">创建时间:</span>
<span class="fore-span cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span">下载登录时间:</span>
<span class="fore-span firstlogin_time"></span>
</td>
<td>
<span class="fore-span">客户标签:</span>
<span class="user_details_label fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 cus_fang_edit input-border-0" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</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>
</thead>
</table>
<!--关联客户-->
<div>
<div class="text-info" style="font-size: 16px;">
关联客户
</div>
<div class="user-detail-relational" style="overflow: hidden;">
</div>
</div>
<!--客户详情 最近一条带看动态-->
<div>
<div class="text-info" style="margin: 2px;font-size: 16px;">最近一条带看动态</div>
<table class="table table-striped table-bordered table-hover table-condensed" style="margin-bottom: 0;">
<tbody class="text-center user-log-detail">
</tbody>
</table>
</div>
<div class="clear modal-title-genjing">
<span class="modal-title-genjing-con">
<span class="text-info">客户动态</span>
<span>带看动态</span>
</span>
</div>
<div id="gen_jing_user">
<div>
<div class="follow-up-modal-list-area" style="height: 212px">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
<tr class="text-center is-show-more-followlog">
<td colspan="3">
<span class="user-log-more text-info" style="cursor: pointer;">加载更多</span>
</td>
</tr>
</table>
</div>
<div class="follow-up-modal-list-area" style="height: 212px">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table_log">
</tbody>
</table>
</div>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进<span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<textarea class="form-control" rows="2" id="genj_text"></textarea>
</div>
<label class="col-sm-3 control-label">状态标签 <span class="text-danger">(必填)</span>：</label>
<div class="col-sm-9">
<!--<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">-->
<label class="control-label">已租</label><input type="radio" name="user_status" value="1">
<label class="control-label">求租</label><input type="radio" name="user_status" value="0">
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
</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-yuedaikan 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 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_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-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">产生类型:</span>
<span class="fore-span source_type"></span>
</td>
<td>
<span class="fore-span">VIP客户:</span>
<select class="form-control btn6 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">客户编号:</span>
<span class="fore-span 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">m²</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-tags">
</div>
<!--<select class="form-control btn4 ld-Marheight" id="user_city_edit">
<option value="">请选择城市</option>
<option value="310100">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn4 ld-Marheight" id="user_area_edit">
<option value="">请选择区域</option>
</select>-->
</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>&nbsp;&nbsp;
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</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>
<!-- 客户关联记录 -->
<div class="modal fade" id="modal-relationalRecord" 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" style="padding: 25px;">
<form class="form-horizontal">
<div class="form-group">
<table class="table table-striped table-bordered table-hover table-condensed">
<thead>
<tr>
<th class="text-center">操作</th>
<th class="text-center">操作人</th>
<th class="text-center">操作时间</th>
</tr>
</thead>
<tbody id='agent_phone_binding'>
</tbody>
</table>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--关联客户弹窗-->
<div class="modal fade" id="modal-addRelational" 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" style="padding: 25px;">
<div class="left-phone-liu">
<input class="form-control" data-rule-phoneus="false" data-rule-required="false" id="partical_name" placeholder="请输入客户编号" type="text" value="">
<ul class="user-ul-liu"></ul>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<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-info save-relational" data-dismiss="modal">保存
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--加载图标-->
<div id="main_loading_pic">
<img src="/resource/image/jz2.gif">
</div>
\ No newline at end of file
public/resource/js/user.js
View file @ 58bd9806
......@@ -449,8 +449,10 @@ define(['doT', 'text!temp/user_template_tpl.html', 'css!style/home.css', 'ckfind
user.delete_user(params);
});
$(document).delegate(".genj_ure", "click", function() {
user.user_id = $(this).attr("data-id");
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'));
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
......
public/resource/js/user_genjing_modal.js
View file @ 58bd9806
......@@ -53,6 +53,7 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination',
agent_id_call_vip:"",
pageNoUser:1,//客户详情 客户动态初始化分页
moreUser:0,//标识点击加载更多 还有没有数据
agent_id_phone:'',
init: function() {
//汉化实现
......@@ -140,6 +141,43 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination',
}
});
//客户详情 关联客户
_doc.on('click', '.save-relational', function(e) {
e.preventDefault();
e.stopPropagation();
user.addRelational()
});
//客户详情 解除关联客户
_doc.on('click', '.del-relational', function(e) {
e.preventDefault();
e.stopPropagation();
var id_=$(this).attr("data-id");
user.delRelational(id_);
});
//点击客户详情 添加关联客户
_doc.on('click', '#user_add_relational', function(e) {
e.preventDefault();
e.stopPropagation();
$('#partical_name').val('');
user.agent_id_phone='';
});
//跟进姓名 下拉式搜索
$(document).on("input", "#partical_name", function() { //手机号新增搜索客方
if($("#partical_name").val() == '') {
user.agent_id_phone='';
$(".user-ul-liu").html('');
} else {
user.search_phone_liu();
}
});
//点击li 列表消失
$(document).delegate(".addphoneliu", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
user.addphoneliu(this);
});
//客户动态 加载更多
_doc.on('click', '.user-log-more', function(e) {
e.preventDefault();
......@@ -880,13 +918,96 @@ define(['doT', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination',
user.customerInfo = data.data.user_info;
is_outpace_call_num = data.data.is_outpace_call_num;
//关联客户显示 解除关联
var user_bind_list = "";
$.each(data['data']['user_bind_list'], function(i, item) {
user_bind_list += '<div>' + item.user_name + ',ID:' + item.user_id + ',' + item.user_phone + '<span class="text-info del-relational" data-id="'+ item.user_id +'">解除关联</span></div>';
});
$(".user-detail-relational").html(user_bind_list);
}
} else {
alert(data.msg);
}
}
});
},
//新增关联客户
addRelational: function() {
$.ajax({
url: '/index/addUserBind',
type: 'GET',
async: true,
data: {
'bind_id': user.agent_id_phone,
"user_id": user.user_id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
alert(data.msg);
user.Caozuo();//更新关联客户
}else{
alert(data.msg);
}
}
});
},
//解除关联客户
delRelational: function(id) {
$.ajax({
url: '/index/removeUserBind',
type: 'GET',
async: true,
data: {
"user_id": id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
alert(data.msg);
user.Caozuo();//更新关联客户
}else{
alert(data.msg);
}
}
});
},
//跟进人 姓名搜索
search_phone_liu: function() { //手机号新增客户
$.ajax({
url: '/broker/searchUser',
type: 'GET',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
'id' : $("#partical_name").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="addphoneliu" data-id="' + item.user_id + '">' + item.user_name + '-' + item.user_id + '-' + item.user_phone + '</li>';
});
$(".user-ul-liu").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
//将li里的值 赋给input（分佣方姓名）
addphoneliu: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html()+'';
var user_ht_str=user_ht.substring(0,user_ht.length-3);
$("#partical_name").val(user_ht_str);
$(".user-ul-liu").html('');
user.agent_id_phone = $(obj).attr("data-id");
},
getGenjinLabel: function() {
$('#genj_text').val('');
$.ajax({
......
public/resource/js/user_old.js 0 → 100644
View file @ 58bd9806
define(['doT', 'text!temp/user_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', "datetimepicker", 'pagination', 'bootstrapJs','blow-up','checkLogin'], function(doT, template) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
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: '',
detailTabIndexFollow:'',
user_type: '',
user_phone:'',
urls: '',
agent_id_two: '',
agent_id2: 0,
agent_id_infor: 0,
isAjaxSaving: false,
baohu:'',
agentbaohu:'',
user_id_new_introduce:'',
user_id_edit_introduce:'',
agent_id_choose:'',//客户列表 客户姓名搜索 经纪人id
customerInfo: {},
all_custom : true , // true :所有客户 ,false :当前客户
main_select : false , // true : 开启高级搜索 ,false :关闭高级搜索
user_status:'',
referrer_source:"",
agent_id_call:"",//拨打电话 相关
agent_id_call_current:"",
agent_id_call_vip:"",
pageNoUser:1,//客户详情 客户动态初始化分页
moreUser:0,//标识点击加载更多 还有没有数据
agent_id_phone:'',
init: function() {
//初始化dot
$("body").append(template);
//初始化城市 区域筛选
user.initializationCityFunction();
//初始化时间
function  getPreMonth(date)  {            
var  arr  =  date.split('-');            
var  year  =  arr[0];             
var  month  =  arr[1];             
var  day  =  arr[2];             
var  days  =  new  Date(year,  month,  0);            
days  =  days.getDate();             
var  year2  =  year;            
var  month2  =  parseInt(month)  -  1;            
if (month2  ==  0)  {                
year2  =  parseInt(year2)  -  1;                
month2  =  12;            
}            
var  day2  =  day;            
var  days2  =  new  Date(year2,  month2,  0);            
days2  =  days2.getDate();            
if (day2  >  days2)  {                
day2  =  days2;            
}            
if (month2  <  10)  {                
month2  =  '0'  +  month2;            
}            
var  t2  =  year2  +  '-'  +  month2  +  '-'  +  day2;            
return  t2;        
}
//初始化时间
var myDate = new Date();
var y = myDate.getFullYear();
var m = myDate.getMonth() + 1;
var d = myDate.getDate();
var day_end = y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);
var day_start = getPreMonth(day_end);
// $('#start_date').val(day_start);
// $('#end_date').val(day_end);//客户列表 进来 默认时间 一个月
//默认 筛选求租客户
$("select[name=public_status]").val('0');
user.event();
//汉化实现
;(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();//初始化隐藏时间控件
//初始化 纯房东的筛选 判断权限
if(check_auth('pure_landlord')){
$("select[name=landlord_status]").removeAttr("disabled");
}else{
$("select[name=landlord_status]").attr("disabled","disabled");
$("select[name=landlord_status]").val(3);
};
//显示 隐藏城市 默认显示 当前账号 所在城市
$.ajax({
url: '/index/getAgentGroupSite',
type: 'GET',
async: true,
data: {
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data.length != 0) {
var str = '<option value="">选择城市</option>';
$.each(data.data, function(i, item) {
str += '<option value="' + item.id + '">' + item.city + '</option>';
});
$(".user_city_choose_site_list").append(str);
}else{
var _str1 = '<option value="">选择城市</option>';
var _city = user_info_obj.city;
var _siteID = user_info_obj.site_id;
var _str =_str1 + '<option value="' + _siteID + '">' + _city+ '</option>';
$(".user_city_choose_site_list").append(_str);
}
}
});
},
event: function() {
var _doc = $(document);
$('.J_preview').preview();//预览图片
//约带看列表 点击新增商铺
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();
});
//客户详情 关联客户
_doc.on('click', '.save-relational', function(e) {
e.preventDefault();
e.stopPropagation();
user.addRelational()
});
//客户详情 解除关联客户
_doc.on('click', '.del-relational', function(e) {
e.preventDefault();
e.stopPropagation();
var id_=$(this).attr("data-id");
user.delRelational(id_);
});
//点击客户详情 添加关联客户
_doc.on('click', '#user_add_relational', function(e) {
e.preventDefault();
e.stopPropagation();
$('#partical_name').val('');
user.agent_id_phone='';
});
//客户动态 加载更多
_doc.on('click', '.user-log-more', function(e) {
e.preventDefault();
e.stopPropagation();
user.moreUser=1;
user.getGenjincon(user.pageNoUser++)
});
//点击 无效
_doc.on('click', '.is_invalid', function(e) {
e.preventDefault();
e.stopPropagation();
user.user_id = $(this).attr("data-id");
user.user_status = $(this).attr("data-status");
if(!confirm('是否继续？')) {
return;
};
$(this).attr('class', 'btn1 btn-default is_invalid');
if(user.user_status*1 != -1){
$(this).hide();
user.isInvalid();
}
});
//收藏 取消收藏
$(document).delegate(".is_show", "click", function() { //点击收藏 取消收藏
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
user.baohu = $(this).attr("data-baohu");
user.agentbaohu = $(this).attr("data-agent");
if(!confirm('是否继续？')) {
return;
}
if((user_info_obj.id*1 == user.agentbaohu*1) || user.baohu*1){
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;
};
}else{
alert('该客户在保护期内,暂不能收藏');
return;
}
// checkLogin();
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("禁用失败!")
}
}
});
});
//城市 区域 二级联动 筛选
_doc.on('input', '#user_city_choose', function() {
$('#user_area_choose').val('');
user.getList();
var _this = $(this);
var _id = _this.val();
user.setUpCityFunction(_id);
$('#user_area_choose').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>';
});
$('#user_area_choose').html(_str);
});
} else {};
});
_doc.on('input', '#user_area_choose', function() {
user.getList();
});
//城市 区域 筛选
_doc.on('input', '#user_city_add,#user_city_edit', function() {
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
//新增 编辑
if(_id && _id != '0') {
user.getCityAreaList(_id, function(_data) {
var _str = '<option value="">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.fullName + '">' + item.fullName + '</option>';
});
_this.next().html(_str);
});
} else {};
});
//点击input 出现时间控件
_doc.on('click', '#look_shop_date', function() {
$('.datetimepicker').show();
});
//客户详情跟进 取消收藏
_doc.on('click', '#user_is_collect', function() {
if(!confirm('是否继续？')) {
return;
}
var params = {
};
var str = $.trim($(this).html());
if(str == "收藏") {
params.type = 1;
$(this).html('取消收藏');
} else if(str == "取消收藏") {
params.type = 2;
$(this).html('收藏');
} else {
params.type = 3;
};
// checkLogin();
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.user_id,
"AuthToken": user_info_obj.AuthToken
},
dataType: "json",
success: function(data) {
if(data.code != 200) {
alert("禁用失败!")
}
}
});
});
//上一页 获取客户详情
_doc.on('click', '#user_up', function() {
user_type='last';
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
//初始化客户动态 带看动态两个表格切换
$('.follow-up-modal-list-area:nth-of-type(1)').show().siblings().hide();
user.getInfor();
});
//下一页 获取客户详情
_doc.on('click', '#user_down', function() {
user_type='next';
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
//初始化客户动态 带看动态两个表格切换
$('.follow-up-modal-list-area:nth-of-type(1)').show().siblings().hide();
user.getInfor();
});
//二级联动
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('');
user.agent_id_choose='';//点击重置 清空客方id
});
$('#persional_custom').unbind('click').bind('click',function(){
if ( user.all_custom ){
$('#persional_custom').html("所有客户");
$('#persional_custom').attr("title","点击切换到所有客户");
} else {
$('#persional_custom').html("本人客户");
$('#persional_custom').attr("title","点击切换到本人客户");
}
user.all_custom = !user.all_custom;
user.getList(1);
});
$('#main_select').unbind('click').bind('click',function(){
user.main_select = !user.main_select;
console.log(user.main_select);
if ( user.main_select ){
$('.main-select').show();
$('#main_select').html("关闭高级搜索");
} else {
$('.main-select').hide();
$('#main_select').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");
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='';
$('#shangpu_tags_area').html('');
user.getSiteTags();//获取站点 城市
});
// 跟进的提交按钮 点击
$(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() {
//约带看初始化
console.log(667);
$('#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");
user.baohu = $(this).attr("data-baohu");
user.agentbaohu = $(this).attr("data-agent");
//隐藏拨打电话 相关
user.agent_id_call=$(this).attr("data-agent");
user.agent_id_call_current=$(this).attr("data-current");
user.agent_id_call_vip=$(this).attr("data-vip");
$('.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');
//点击客户详情 初始化客户动态 带看动态
$('.modal-title-genjing-con>span:nth-of-type(1)').addClass('text-info').siblings().removeClass('text-info');
user.detailTabIndex = 0;
$('.detail-modal-body-sec:nth-of-type(1)').show().siblings().hide();
//初始化客户动态 带看动态两个表格切换
$('.follow-up-modal-list-area:nth-of-type(1)').show().siblings().hide();
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
user.getSiteTagsEdit();
user.getUserLogNew();//客户详情获取最近一条带看动态
$('.user-log-more').show();//显示加载更多
});
//点击缓存
$(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", "#user_agent_name", function() { //客户列表 客方员工姓名 下拉式搜索
if($("#user_agent_name").val() == '') {
user.agent_id_choose='';
$(".user-ul-agent").html('');
} else {
user.search_phone_agent();
}
});
$(document).on("input", "#introduce_new_user", function() { //新增客户 转介绍人 搜索客户
if($("#introduce_new_user").val() == '') {
user.user_id_new_introduce='';
$(".user-ul-new-introduce").html('');
} else {
user.introduce_userId();
}
});
$(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() {
user.user_Call();
});
//没打通手机号
$(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.pageNoUser=1;
$('#caozuo_table2').html('');
user.getGenjincon();
}
});
//查看弹出框里的tab点击事件,客户动态 带看动态
_doc.on('click', '.modal-title-genjing-con>span', function(e){
e.preventDefault();
e.stopPropagation();
var _this = $(this);
_this.addClass('text-info').siblings().removeClass('text-info');
user.detailTabIndexFollow = _this.index();
$('.follow-up-modal-list-area:nth-of-type('+(user.detailTabIndexFollow+1)+')').show().siblings().hide();
if(user.detailTabIndexFollow){
$('.user-log-more').hide();
user.getUserLog(2)//获取带看记录
}else{
$('.user-log-more').show();
user.pageNoUser=1;
$('#caozuo_table2').html('');
user.getGenjincon()//获取客户动态
}
});
$(document).on("input", ".cus_fang", function() { //手机号搜索客方2 编辑
if($(".cus_fang").val() == '') {
user.agent_id2='';
$(".user-ul2").html('');
} else {
user.search_phone2();
}
});
//跟进姓名 下拉式搜索
$(document).on("input", "#partical_name", function() { //手机号新增搜索客方
if($("#partical_name").val() == '') {
user.agent_id_phone='';
$(".user-ul-liu").html('');
} else {
user.search_phone_liu();
}
});
//点击li 列表消失
$(document).delegate(".addphoneliu", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
user.addphoneliu(this);
});
$(document).delegate(".addphone", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
user.addphone(this);
});
$(document).delegate(".addphone-agent", "click", function() { //客户列表 客户员工 下拉式 搜索 点击li事件 获取id ul消失
user.addphoneAgent(this);
});
$(document).delegate(".add-user-new-li", "click", function() { //list消失新增客户 点击li事件 获取客户id ul消失
user.addUserNewLi(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.pageNoUser=1;
$('#caozuo_table2').html('');
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');
//不能卸载complete里，因为还有解绑事件，要在解绑完成时再做处理
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
function freePhone(obj){
$.ajax({
type: 'POST',
url: '/index/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.pageNoUser=1;
$('#caozuo_table2').html('');
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('请求超时');
};
}
});
};
//获取跟进标签列表信息
_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: '/index/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");
},
addphoneAgent: function(obj) {//客户列表 客方姓名 搜索 input赋值
var user_ht = $(obj).html();
$("#user_agent_name").val(user_ht);
$(".user-ul-agent").html('');
user.agent_id_choose = $(obj).attr("data-id");
},
addUserNewLi: function(obj) {//新增客户 input赋值 搜索客户id
var user_ht = $(obj).html();
$("#introduce_new_user").val(user_ht);
$(".user-ul-new-introduce").html('');
user.user_id_new_introduce = $(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");
},
addphone2: function(obj) {
var user_ht = $(obj).html();
$(".cus_fang").val(user_ht);
$(".user-ul2").html('');
user.agent_id2 = $(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(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');
$("#modal-takeLook").modal('hide');//提交成功后 关闭弹窗
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus){
user.isAjaxSaving = false;//请求结束，再改为初始状态
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
},
search_phone: function() { //手机号新增客户
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#set_father_id3").val(),
"site_id":user_info_obj.site_id
},
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);
}
}
});
},
search_phone_agent: function() { //客户列表 客方员工 姓名的下拉式搜索
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#user_agent_name").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data, function(i, item) {
user_ul += '<li class="addphone-agent" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + '</li>';
});
$(".user-ul-agent").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
introduce_userId: function() { //新增客户 转介绍 客户id搜索
$.ajax({
url: '/broker/searchUser',
type: 'GET',
async: true,
data: {
'AuthToken':_token,
"id": $("#introduce_new_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-new-li" data-id="' + item.user_id + '">' + item.user_name + '-' + item.user_phone + '-' + item.user_id + '</li>';
});
$(".user-ul-new-introduce").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 = "";
if(data.data.user_date){
$.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() { //手机号 编辑是 客方搜索
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $(".cus_fang").val(),
"site_id":user_info_obj.site_id
},
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:'/broker/getShopListByReport',
type: 'GET',
async: true,
data: {
'AuthToken' : user_info_obj.AuthToken,
"pageNo":1,
"pageSize":20,
"keyword":$(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 + '</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();
},
user_Call_Ori: function() { //客户详情 点击拨打按钮
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var params = {};
params.phone_a = user_info_obj.phone;
$('#phone_title').html(user_info_obj.phone);
params.AuthToken = user_info_obj.AuthToken;
params.user_id = user.user_id;
// checkLogin();
$.ajax({
'type': 'POST',
'url': '/broker/bindAXB',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone);
} else {
alert(data.msg)
}
}
});
},
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) {
} 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 ? user.user_id_edit_introduce : -1;
if (user.referrer_source == "0" || user.referrer_source == 0) {
params.referrer_source = 10;
} else {
params.referrer_source = user.referrer_source;
}
params.user_label = $("#user_label_edit").val();
// checkLogin();
$.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;
}
// checkLogin();
if(!user.isAjaxSaving){
user.isAjaxSaving = true;
$.ajax({
url: '/index/pcAddFollow',
type: 'POST',
async: true,
timeout: 30000,
data: {
"user_id": user.user_id,
"content": genj_text,
"user_status": user_status
},
beforeSend: function() {},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('修改成功');
user.pageNoUser=1;
$('#caozuo_table2').html('');
user.getGenjincon();
$('#genj_text').val('');
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus){
user.isAjaxSaving = false;//请求结束，再改为初始状态
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
},
// 批量修改客方
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'));
if(old_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
if(new_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
// checkLogin();
$.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() { //获取跟进详情的数据
//隐藏拨打电话 如果客户在保护期 并且客户不是我的
if((user_info_obj.id*1 == user.agentbaohu*1) || user.baohu*1){
$('.user_call').show();
}else{
$('.user_call').hide();
};
// checkLogin();
$.ajax({
'type': 'GET',
'url': '/index/userDetail',
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) {
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.agent_info); //客方详情
$(".cus_fang").val(data.data.user_info.agent_info); //客方编辑
$("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.user_label); //客方详情 标签
$("#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
//收藏客户 取消收藏
if(data.data.is_collect == 2){
$('#user_is_collect').html('收藏');
}else{
$('#user_is_collect').html('取消收藏');
};
//vip客户 查看权限
if(user.agent_id_call_vip*1 == 1){
if(check_auth('auth_vip') || (user.agent_id_call*1 == user.agent_id_call_current*1) || (data.data.is_can_look == 0)){
$('.user_call').show();
}else{
$('.user_call').hide();
};
};
//获取 站点城市(编辑)
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');
});
$('.shangpu_tags_area_detail').show();
var site_detail= data.data.user_info.site_name.join(',');
$('.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.agent_id2=data.data.user_info.agent_id;
user.user_id_edit_introduce=data.data.user_info.referrer_id;
user.referrer_source = data.data.user_info.referrer_source;
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('暂无数据(*^_^*)');
};
//邀请人修改记录
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('暂无数据(*^_^*)');
}
//拨打电话
user.customerInfo = data.data.user_info;
is_outpace_call_num = data.data.is_outpace_call_num;
//关联客户显示 解除关联
var user_bind_list = "";
$.each(data['data']['user_bind_list'], function(i, item) {
user_bind_list += '<div>' + item.user_name + ',ID:' + item.user_id + ',' + item.user_phone + '<span class="text-info del-relational" data-id="'+ item.user_id +'">解除关联</span></div>';
});
$(".user-detail-relational").html(user_bind_list);
}
} else {
alert(data.msg);
}
}
});
},
//客户编辑 修改记录(废弃)
Caozuorecord: function() {//获取客户动态
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
// checkLogin();
$.ajax({
url:'/index/userDetail',
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('暂无数据(*^_^*)');
}
}
}
});
},
//客户列表 无效 修改
isInvalid: function() {
// checkLogin();
$.ajax({
url:'/index/updateUserStatus',
type: 'POST',
async: true,
data: {
"user_id": user.user_id,
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
user.genjinSaveInvalid();
}
}
});
},
//筛选
getList: function(pageNo) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
user.pageNo = pageNo;
var params = {};
params.agent_id_for_bind=user_info_obj.id;
params.agent_id = user.all_custom ? '' : user_info_obj.id ;
params.user_nick = $.trim($("input[name='user']").val());
params.phone = $.trim($("input[name='phone']").val());
params.id = $.trim($("input[name='userID']").val());
params.vip = $.trim($("#user_vip_select").val());//vip筛选
params.phone = $.trim($("input[name='phone']").val());
params.invite_phone = $.trim($("input[name='invite_phone']").val());
params.start_date = $.trim($("#start_date").val());
params.end_date = $.trim($("#end_date").val());
params.follow_start = $.trim($("#follow_start").val());
params.follow_end = $.trim($("#follow_end").val());
params.registration_start = $.trim($("#registration_start").val());
params.registration_end = $.trim($("#registration_end").val());
params.login_status = $.trim($("select[name=login_status]").val());
params.activate = $.trim($("select[name=activate]").val());
params.rent_user = $.trim($("select[name=public_status]").val());
params.public_user = $.trim($("select[name=male_status]").val());
params.store_id = $.trim($("#guest_stores").val());
params.referrer_store_id = $.trim($("#guest_stores2").val());
params.district_id = $.trim($("#district_id").val());
params.referrer_district_id = $.trim($("#district_id2").val());
params.login_status = $.trim($("select[name=login_status]").val());
params.activate = $.trim($("select[name=activate]").val());
params.pageNo = user.pageNo;
params.pageSize = user.pageSize;
params.user_agent = $.trim($("input[name='user_agent']").val());
params.user_agent_name = user.agent_id_choose;
params.invite_agent_phone = $.trim($("input[name='invite_agent_phone']").val());
params.area_type = $.trim($("select[name=area_type]").val());
params.price_type = $.trim($("select[name=price_type]").val());
params.industry_type = $.trim($("select[name=industry_type]").val());
params.first_login_start = $.trim($("#first_login_start").val());
params.first_login_end = $.trim($("#first_login_end").val());
params.is_single_homeowner = $.trim($("select[name=landlord_status]").val());//纯房东 筛选 受权限限制
params.is_referrer_source_user = $.trim($("select[name='customer_referrals_choose']").val());//客户列表 是否转介绍 筛选
params.site_id = $('.user_city_choose_site_list').val();
//添加个人商铺和所有商铺选择功能
var start_ = params.start_date+" 00:00:00";
date_start =new Date(Date.parse(start_.replace(/-/g, "/")));
var start_time =date_start.getTime();
var end_ = params.end_date+" 00:00:00";
date_end =new Date(Date.parse(end_.replace(/-/g, "/")));
var end_time =date_end.getTime();
var cha_time=end_time-start_time;
if(start_time>end_time){
alert('开始时间不能大于结束时间');
return;
}
// checkLogin();
$.ajax({
url: '/index/users_list',
type: 'GET',
async: true,
data: params,
dataType: 'json',
beforeSend: function() {
$('#main_loading_pic').show();
},
success: function(data) {
if(data.code == 200) {
var temp = document.getElementById('user_list_tpl').innerHTML;
var doTtmpl = doT.template(temp);
$("#users_list").html(doTtmpl(data.data.list));
/*分页代码*/
add_page(data.data.total, pageNo, user.pageSize, user.getList);
$("#total_page").html(data.data.total);
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus) {
$('#main_loading_pic').hide();
}
});
},
//获取站点 标签
getSiteTags: function() {
$.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="roomTag" id="" value="{0}" data-id="{1}" name="shangpu_tags[]">{0}</label>'.stringFormatObj({
'0': item.city,
'1': item.id
});
});
$('#shangpu_tags_area').append(_htmlTemp);
} else {
alert(_data['msg']);
}
} else {
alert('数据错误');
};
},
error: function() {
alert('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
alert('请求超时,请重试');
};
}
});
},
//获取站点 标签 (编辑)
getSiteTagsEdit: function() {
console.log(669);
$('.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);
}
}
});
},
//新增关联客户
addRelational: function() {
$.ajax({
url: '/index/addUserBind',
type: 'GET',
async: true,
data: {
'bind_id': user.agent_id_phone,
"user_id": user.user_id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
alert(data.msg);
user.Caozuo();//更新关联客户
}else{
alert(data.msg);
}
}
});
},
//解除关联客户
delRelational: function(id) {
$.ajax({
url: '/index/removeUserBind',
type: 'GET',
async: true,
data: {
"user_id": id
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
alert(data.msg);
user.Caozuo();//更新关联客户
}else{
alert(data.msg);
}
}
});
},
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.source_intro=$("#user_source_add").val();
params.type = 'add';
params.referrer_id = user.user_id_new_introduce;
params.referrer_source = 10;
//站点标签验证
var _siteTagArr = [];
$.each($('.roomTag'), function(i, item) {
item.checked && _siteTagArr.push(item.getAttribute('data-id'));
});
params.site_id = _siteTagArr.join(','),
params.disc = $("#user_area_add").val();
params.user_label = $("#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(_siteTagArr.length < 1) {
alert('请选择城市!');
return false;
};
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;
}
if(params.source_intro=='') {
alert('请选择客户来源');
$("#user_source_add").focus();
return;
}
if(params.agents_id==''){
alert('请选择正确的客方');
return;
}
// checkLogin();
$.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');
} 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);
}
});
},
//初始化 城市
initializationCityFunction: function(params) {
$.ajax({
url: '/index/getCurrentCity',
type: 'GET',
async: true,
data: params,
dataType: 'json',
success: function(data) {
if(data.data.city == '上海市'){
$("#user_city_choose").val('310100');
$("#user_city_add").val('310100');
};
if(data.data.city == '杭州市'){
$("#user_city_choose").val('330100');
$("#user_city_add").val('330100');
};
var city_id=$("#user_city_choose").val();
if(city_id) {
user.getCityAreaList(city_id, function(_data) {
var _str = '<option value="">区域</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.fullName + '">' + item.fullName + '</option>';
});
$("#user_area_choose").html(_str);
$('#user_area_add').html(_str);
});
} else {};
user.getList();
}
});
},
//设置 城市
setUpCityFunction: function(city) {
if(city == 310100){
city='上海市';
};
if(city == 330100){
city='杭州市';
};
$.ajax({
url: '/index/settingCity',
type: 'POST',
async: true,
data: {'city':city},
dataType: 'json',
success: function(data) {
}
});
},
getInfor: function(params) {//上一页 下一页 调用接口
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
var params={};
params.user_nick = $.trim($("input[name='user']").val());
params.phone = $.trim($("input[name='phone']").val());
params.id = $.trim($("input[name='userID']").val());
params.vip = $.trim($("#user_vip_select").val());//vip筛选
params.phone = $.trim($("input[name='phone']").val());
params.invite_phone = $.trim($("input[name='invite_phone']").val());
params.start_date = $.trim($("#start_date").val());
params.end_date = $.trim($("#end_date").val());
params.follow_start = $.trim($("#follow_start").val());
params.follow_end = $.trim($("#follow_end").val());
params.registration_start = $.trim($("#registration_start").val());
params.registration_end = $.trim($("#registration_end").val());
params.login_status = $.trim($("select[name=login_status]").val());
params.activate = $.trim($("select[name=activate]").val());
params.rent_user = $.trim($("select[name=public_status]").val());
params.public_user = $.trim($("select[name=male_status]").val());
params.store_id = $.trim($("#guest_stores").val());
params.referrer_store_id = $.trim($("#guest_stores2").val());
params.district_id = $.trim($("#district_id").val());
params.referrer_district_id = $.trim($("#district_id2").val());
params.login_status = $.trim($("select[name=login_status]").val());
params.activate = $.trim($("select[name=activate]").val());
params.pageNo = user.pageNo;
params.pageSize = user.pageSize;
params.user_agent = $.trim($("input[name='user_agent']").val());
params.invite_agent_phone = $.trim($("input[name='invite_agent_phone']").val());
params.area_type = $.trim($("select[name=area_type]").val());
params.price_type = $.trim($("select[name=price_type]").val());
params.industry_type = $.trim($("select[name=industry_type]").val());
params.first_login_start = $.trim($("#first_login_start").val());
params.first_login_end = $.trim($("#first_login_end").val());
params.user_id=user.user_id;
params.agent_id=user_info_obj.id;
params.type=user_type;
params.AuthToken=user_info_obj.AuthToken;
params.site_id = $('.user_city_choose_site_list').val();
// checkLogin();
$.ajax({
url: '/broker/getLastOrNextUserID',
// url: 'https://pre2.tonglianjituan.com'+'/broker/getLastOrNextUserID',
type: 'GET',
async: true,
data:params,
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();
}
console.log(670)
user.Caozuo();
user.getUserLogNew();
user.pageNoUser=1;
$('#caozuo_table2').html('');
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('');
// checkLogin();
$.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");
$('#caozuo_table2').html('');
user.pageNoUser=1;
user.getGenjincon();//以前获取客户动态
}
}
});
},
getGenjincon: function() {//获取客户动态(客户详情)
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
// checkLogin();
$.ajax({
url:'/index/followUpLog',
type: 'GET',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
"user_id": user.user_id,
"page_no": user.pageNoUser,
"page_size": 30,
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
if(data.data.length == 30){
$('.is-show-more-followlog').show();
}else{
$('.is-show-more-followlog').hide();
};
//客户动态 即跟进
var caozuo_table = "";
$.each(data['data'], function(i, item) {
if(item.user_status*1){
var user_status = '【已租】'
}else{
var user_status = '【求租】'
};
if(item.type*1){
var follow_status = '跟进:'
}else{
var follow_status = '电话跟进:'
};
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + follow_status + dealPunctuation(item.content) + user_status +'</td><td>' + item.name + '</td><td>' + item.create_time +'</td></tr>';
});
if(caozuo_table){
$("#caozuo_table2").append(caozuo_table);
}else{
$("#caozuo_table2").html('暂无跟进信息');
}
//滚动条 回到顶部
// $('.follow-up-modal-list-area').scrollTop(0);
}else{
if(user.pageNoUser==1){
$("#caozuo_table2").html('暂无跟进信息');
$('.is-show-more-followlog').hide();
}
if(user.moreUser){
alert('暂无跟进信息!!!');
user.moreUser=0;
};
}
}
});
},
//调用带看记录
getUserLog: function(type) {
$.ajax({
url: '/index/userLog',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"type": type
},
dataType: 'json',
success: function(data) {
var caozuo_table='';
if(data.code == 200 && data.data != null) {
//带看动态
var caozuo_table = "";
$.each(data['data'], function(i, item) {
if(item.step_name=='report'){
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + dealPunctuation(item.step)+'到场时间：'+ item.predict_see_time +'备注：'+item.intro+ '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}else if(item.step_name=='follow_up_log'){
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">报备' + item.step+';属于哪类客户：'+ item.user_type + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}else{
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + dealPunctuation(item.step)+ '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}
});
$("#caozuo_table_log").html(caozuo_table);
//滚动条 回到顶部
$('.followup-modal-list-area').scrollTop(0);
}else{
$("#caozuo_table_log").html('暂无带看信息');
}
}
});
},
getUserLogNew: function(type) {
$.ajax({
url: '/index/userLog',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"type": 1
},
dataType: 'json',
success: function(data) {
var caozuo_table='';
if(data.code == 200 && data.data != null) {
//带看动态
var caozuo_table = "";
if(data.data.step_name=='report'){
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + data.data.step+'到场时间：'+ data.data.predict_see_time +'备注：'+data.data.intro+ '</td><td>' + data.data.name + '</td><td>' + data.data.create_time + '</td></tr>';
}else{
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + data.data.step+ '</td><td>' + data.data.name + '</td><td>' + data.data.create_time + '</td></tr>';
}
$(".user-log-detail").html(caozuo_table);
}else{
$(".user-log-detail").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);
}
}
});
},
genjinSaveInvalid: function(){
var _data = {
'user_id': user.user_id,
'content': '无效',
'user_status': -1
};
$.ajax({
type: 'POST',
url: '/index/pcAddFollow',
data: _data,
timeout: 30000,
dataType: 'json',
beforeSend: function() {
},
success: function(data) {
if(typeof data === 'object') {
if (data.code == 200) {
}else {
layerTipsX(data['msg']);
};
}else{
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
}
});
},
//跟进人 姓名搜索
search_phone_liu: function() { //手机号新增客户
$.ajax({
url: '/broker/searchUser',
type: 'GET',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
'id' : $("#partical_name").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="addphoneliu" data-id="' + item.user_id + '">' + item.user_name + '-' + item.user_id + '-' + item.user_phone + '</li>';
});
$(".user-ul-liu").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
//将li里的值 赋给input（分佣方姓名）
addphoneliu: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html()+'';
var user_ht_str=user_ht.substring(0,user_ht.length-3);
$("#partical_name").val(user_ht_str);
$(".user-ul-liu").html('');
user.agent_id_phone = $(obj).attr("data-id");
},
};
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"));
}
public/resource/template/user_template_tpl.html
View file @ 58bd9806
......@@ -52,7 +52,7 @@
</td>
<td width="16%">
[% if((it[item]['agent_id']*1 == 0) || (check_auth('index/useraction_search'))) { %]
<a class="btn1 caozuo genj_ure caozuo-add-color [%= getLoaclId(it[item]['id']) %]" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]' data-baohu='[%= it[item]["is_outstrip_twenty_four_hours"] %]' data-agent='[%= it[item]["agent_id"] %]' data-vip='[%= it[item]["vip"] %]' data-current='[%= it[item]["current_agent_id"] %]'>详情/跟进</a>&nbsp;
<a class="btn1 caozuo genj_ure caozuo-add-color [%= getLoaclId(it[item]['id']) %]" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]' data-baohu='[%= it[item]["is_outstrip_twenty_four_hours"] %]' data-agent='[%= it[item]["agent_id"] %]' data-vip='[%= it[item]["vip"] %]' data-current='[%= it[item]["current_agent_id"] %]' data-item='[%= JSON.stringify(it[item]) %]'>详情/跟进</a>&nbsp;
<a class="btn1 is_show [%= sw(it[item]['is_collect']) %]" data-id='[%= it[item]["id"] %]' data-cid='[%= it[item]["is_collect"] %]' data-baohu='[%= it[item]["is_outstrip_twenty_four_hours"] %]' data-agent='[%= it[item]["agent_id"] %]'>
[% if(it[item]["is_collect"] == 2) { %]
......
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