Skip to content

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

客户列表修改

parent 37bf2a1d
Hide whitespace changes
Inline Side-by-side
Showing with 2105 additions and 116 deletions
application/index/view/myCollectionUser/myCollectionUserList.html
View file @ df536a09
{layout name="global/frame_tpl" /} {layout name="global/frame_tpl" /}
<!--商铺标签页面--> <!--商铺标签页面-->
<input type="hidden" class="page-load" id="myCollectionUserList" /> <input type="hidden" class="page-load" id="myCollectionUserList" />
<style>
.modal-body1 {
height: 600px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
.user-ul {
width: 100%;
height: auto;
/*padding-bottom: 15px;*/
float: left;
position: relative;
left: -40px;
}
.user-ul li {
list-style: none;
line-height: 30px;
}
.user-ul2,
.look-shop-ul {
width: 100%;
height: auto;
padding-bottom: 6px;
float: left;
position: relative;
left: -40px;
}
.user-ul2 li,
.look-shop-ul li {
list-style: none;
line-height: 30px;
}
.input {
width: 16%!important;
}
/*.text-left {
float: left;
display: inline-block;
height: 26px;
line-height: 26px;
font-size: 14px;
}
*/
.text-right {
float: right;
display: inline-block;
}
#batch {
float: left;
height: 34px;
line-height: 34px;
}
.ld-Marheight {
margin-top: 15px;
}
.phone_list {
margin-top: 32px;
width: 182px;
margin-left: -182px;
}
.phone_jia {
width: 182px;
}
.phone_list li {
height: 22px;
line-height: 22px;
}
.phone_list li:nth-of-type(even) {
display: none;
}
.modal-dialog-one {
width: 668px;
}
.clear {
clear: both;
}
.left {
float: left;
font-size: 12px;
}
.bottom {
margin-top: 30px;
}
/*客户列表商 约带看*/
.detail-modal-bargaininfo-main-left {
float: left;
width: 340px;
line-height: 36px;
}
#bargaininfo_is_open,
#bargaininfo_type {
width: 100px !important;
display: inline-block;
}
#bargaininfo_expect_payback_time {
height: 32px;
}
.detail-modal-bargaininfo-main-right {
line-height: 36px;
width: 700px;
}
#bargaininfo_yetai {
width: 150px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
#bargaininfo_chengjiao_price,
#bargaininfo_total_commission {
width: 120px;
display: inline-block;
height: 26px;
padding: 3px 6px
}
.detail-modal-bargaininfo-form {
line-height: 48px;
width: 620px;
margin: 0 auto;
}
.detail-modal-bargaininfo-commission-inputpar {
width: 100%;
overflow: hidden;
clear: both;
}
.detail-modal-bargaininfo-commission-sec,
.addtax-modal-tax-commission-sec {
overflow: hidden;
}
.detail-modal-bargaininfo-commission-sec>label,
.addtax-modal-tax-commission-sec>label {
float: left;
}
.detail-modal-bargaininfo-commission-sec>label:nth-of-type(2),
.addtax-modal-tax-commission-sec>label:nth-of-type(2) {
margin-left: 50px;
}
.detail-modal-bargaininfo-commission-sec>div,
.addtax-modal-tax-commission-sec>div {
float: left;
width: 380px;
}
.detail-modal-bargaininfo-commission-sec>mark,
.addtax-modal-tax-commission-sec>mark {
float: left;
overflow: hidden;
background-color: transparent;
padding-top: 5px;
padding-left: 10px;
}
.detail-modal-bargaininfo-commission-sec>mark>img,
.addtax-modal-tax-commission-sec>mark>img {
float: left;
width: 20px;
}
#bargaininfo_commission_add_btn {
width: 100%;
margin-bottom: 20px;
}
#bargaininfo_commission_add_btn>img {
display: block;
margin: 0 auto;
}
.opacity-0 {
opacity: 0;
}
.user_call {
height: 20px;
width: 30px;
border-radius: 3px;
line-height: 20px;
margin-top: 22px;
font-size: 10px;
text-align: center;
cursor: pointer
}
/*客户动态*/
.followup-modal-list-area {
height: 268px;
overflow-y: scroll;
}
/*客户详情 头像*/
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
/*初始化 隐藏时间控件*/
/*.datetimepicker{
opacity: 0;
}*/
/*拨打电话样式*/
.modal-body-width {
width: 460px;
}
#phone_title2{
width: 100%;
height: 186px;
line-height: 186px;
text-align: center;
font-weight: 600;
font-size: 43px;
}
#phone_title{
font-weight: 600;
}
/*控制放大镜的*/
#preview{
z-index: 9999!important;
}
.modal-title-genjing{
height: 50px;
line-height: 50px;
border-top: 3px solid #ccc;
}
.center-btn{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
#caozuo_table_scroll{
height: 268px;
overflow-y: scroll;
}
/*查看过的 客户详情 按钮变色*/
.btn-user-details{
background-color: orange;
}
/*上一条 下一条 样式*/
#user_up,#user_down{
/*font-size:14px;*/
color: #337ab7;
cursor: pointer;
}
.detail-modal-header-tab{
width: 220px;
float: left;
}
.user_up_con{
float: left;
margin-top: 5px;
font-size: 16px;
}
#user_area_add{
margin-left: 5px;
}
</style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
...@@ -52,34 +337,664 @@ ...@@ -52,34 +337,664 @@
</div> </div>
</div> </div>
</div> </div>
<!--编辑--> <!--客户详情 客户跟进 不可编辑-->
<div class="modal fade" id="modal-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal fade" id="modal-record" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content modal-body-details">
<div class="modal-header"> <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">
× ×
</button> </button>
<h4 class="modal-title"> <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> </h4>
</div> <div class="user_up_con">
<div class="modal-body"> <span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
<form class="form-horizontal"> <span id="user_down" class="ld-Marheight text-primary ld-Marheight">下一条客户</span>
<div class="form-group"> </div>
<label class="col-sm-3 control-label">新增标签：</label> </div>
<input class="form-control btn6" data-rule-buga="false" data-rule-required="true" name="title" placeholder="不能多于5个字" type="text" value="" id="title"> <div class="modal-body modal-body1">
</div> <div class="detail-modal-body-sec">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
</form> <span class="fore-span ld-Marheight">VIP客户:</span>
</div> <select class="form-control btn6 ld-Marheight user_vip2" disabled="disabled">
<div class="modal-footer"> <option value='' class="successModel">请选择</option>
<button type="button" class="btn btn-default" data-dismiss="modal">关闭 <option value="1">是</option>
<option value="0">否</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex" disabled="disabled">
<option value="0" class="successModel">性别</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-call" data-toggle="modal">拨打</a>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn6 ld-Marheight" name="industry_type_two" disabled="disabled">
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">价格:</span>
<input class="form-control btn6 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight">元/月</span>
</td>
<td>
<span class="fore-span ld-Marheight">面积:</span>
<input class="form-control btn6 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="area_demand" type="number" disabled="disabled"><span class="fore-span ld-Marheight">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>
<span class="fore-span ld-Marheight referrer_user"></span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<!--<input type="hidden" value='[%= it[item]["agent_img"] %]'>-->
<!--<img src='' class="diagram-image J_preview" data-bimg=''>-->
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg=''/>
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<span class="user_details_label ld-Marheight fore-span">
</span>
</td>
</tr>
<tr>
<td>
<div class="form-group">
<span class="fore-span ld-Marheight">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6-1 ld-Marheight cus_fang_edit" name="pwd" autocomplete="off" disabled="disabled">
<!--<ul class="user-ul2"></ul>-->
</div>
</div>
</td>
<td>
<span class="fore-span ld-Marheight">客户所属城市:</span>
<span class="user_details_city ld-Marheight fore-span">
</span>
</td>
</tr>
<!--<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录：</label></td>
</tr>-->
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
客户跟进
</h4>
<div id="gen_jing_user">
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
<div class="clear margin-top-ld">
</div>
<label class="col-sm-3 control-label">跟进：</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签：</label>
<div class="col-sm-9">
<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">
<label class="control-label">已租</label><input type="radio" name="user_status" value="1">
<label class="control-label">求租</label><input type="radio" name="user_status" value="0">
<span class="text-danger">(必填)</span>
</div>
<!--跟进保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary right-btn" id="edit_add">保存</button>
</div>
</div>
</div>
<!--详情 约带看 切换-->
<div class="detail-modal-body-sec">
<table class="table table-striped table-bordered table-hover table-condensed" id=" ">
<thead>
<tr>
<td>
<form id="form1">
<span class="fore-span ld-Marheight">姓名:</span>
<span class="fore-span ld-Marheight" id="take_look_name"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight" id="take_look_phone"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight" id="take_look_id"></span>
<div class="clear"></div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<span class="fore-span ld-Marheight">约带看商铺：</span>
<div class=" ">
<!--选择式-->
<input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul"></ul>
<!--下拉列表-->
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div class="clear"></div>
<span class="fore-span ld-Marheight">预计到场时间:</span>
<!--bootstrap 时间控件-->
<input type="text" value=" " class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly">
<div class="clear"></div>
<div class="textarea-con ld-Marheight">
<span class="fore-span">备注:</span>
<textarea name=" " rows="5" cols="50" id="note_look"></textarea>
</div>
</form>
</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
<button type="button" class="btn btn-primary save-look">
保存
</button>
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button> </button>
<button type="button" class="btn btn-primary submit_edit" data-dismiss="modal"> <button type="button" class="btn btn-primary submit_edit" data-dismiss="modal">
提交 提交
</button> </button>
</div> </div>-->
</div><!-- /.modal-content --> </div>
</div><!-- /.modal --> <!-- /.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" id="confirm_delete">
删除
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div> </div>
<!-- /#跟进 -->
<!--<div class="modal fade" id="modal-add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
跟进
</h4>
</div>
<div class="modal-body">
<label class="col-sm-3 control-label">跟进：</label>
<div class="col-sm-9">
<textarea class="form-control" rows="3" id="genj_text"></textarea>
<span class="use-span text-danger">(必填)</span>
</div>
<label class="col-sm-3 control-label">状态标签：</label>
<div class="col-sm-9">
<label class="control-label">求租</label><input type="radio" name="user_status" value="0">
<label class="control-label">已租</label><input type="radio" name="user_status" value="1">
<label class="control-label">无效</label><input type="radio" name="user_status" value="-1">
<span class="text-danger">(必填)</span>
</div>
<div class="clear">
</div>
<div class="followup-modal-list-area">
<table class="table table-striped table-bordered table-hover table-condensed">
<tbody class="text-center" id="caozuo_table2">
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="edit_add">
提交
</button>
</div>
</div>
</div>
</div>-->
<!-- #批量修改客方-->
<div class="modal fade" id="modal_modify_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
批量修改盘方
</h4>
</div>
<div class="modal-body modal-body-one">
<br>
<!-- ============添加========== -->
<div class="jian_class">
<input name="ues_id" placeholder="请输入经纪人姓名" type="tel" value="" class="phone_jia old_agents form-control">
<ul class="phone_list"></ul>
</div>
<span class="btn3" id="batch">批量修改为&nbsp;&nbsp;</span>
<div class="jian_class">
<input name="ues_id" placeholder="请输入经纪人姓名" type="tel" value="" class="phone_jia new_agents form-control">
<ul class="phone_list"></ul>
</div>
<br><br><br>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="modify_add" data-dismiss="modal">
提交
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--约带看-->
<!--<div class="modal fade" id="modal-takeLook" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title">
约带看
</h4>
</div>
<div class="modal-body">
<table class="table table-striped table-bordered table-hover table-condensed" id=" ">
<thead>
<tr>
<td>
<form id="form1">
<span class="fore-span ld-Marheight">姓名:</span>
<span class="fore-span ld-Marheight" id="take_look_name"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight" id="take_look_phone"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight" id="take_look_id"></span>
<div class="clear"></div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<span class="fore-span ld-Marheight">约带看商铺：</span>
<div class=" ">
<input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul"></ul>
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
<div class="clear"></div>
<span class="fore-span ld-Marheight">预计到场时间:</span>
<input type="text" value=" " class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly">
<div class="clear"></div>
<div class="textarea-con ld-Marheight">
<span class="fore-span">备注:</span>
<textarea name=" " rows="5" cols="50" id="note_look"></textarea>
</div>
</form>
</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary save-look">
保存
</button>
</div>
</div>
</div>
</div>-->
<!--拨打手机号-->
<div class="modal fade" id="modal-call" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-body-width">
<div class="modal-header">
<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>-->
<h4 class="modal-title">
请使用
<span id="phone_title">
</span>
的手机拨打该虚拟号
</h4>
</div>
<div class="modal-body">
<!--<input type="hidden " value=" " id="delete_id " />-->
<div id="phone_title2">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="unbind_call">没打通
</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">
已拨打
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!--客户编辑-->
<div class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content modal-body-details">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title text-info">
客户编辑
</h4>
</div>
<div class="modal-body modal-body1">
<table class="" id="caozuo_hide" border='0'>
<thead>
<tr>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2 user_vip2_1">
<option value='' class="successModel">请选择</option>
<option value="1">是</option>
<option value="0">否</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight cus_id"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">姓名:</span>
<input class="form-control btn6 ld-Marheight cus_name cus_name_1" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight sex sex_1">
<option value="0" class="successModel">性别</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</td>
<td>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight cus_phone"></span>
<!--<a class="fore-span btn-primary ld-Marheight user_call" href="#modal-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>
<span class="fore-span ld-Marheight referrer_user"></span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<!--<input type="hidden" value='[%= it[item]["agent_img"] %]'>-->
<!--<img src='' class="diagram-image J_preview" data-bimg=''>-->
<img src="" alt="" class="fore-span ld-Marheight diagram-image J_preview user_pic" data-bimg=''/>
<span class="fore-span ld-Marheight cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight cus_date"></span>
</td>
<!--<td>
</td>-->
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight firstlogin_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<select class="form-control btn6 fore-span ld-Marheight" id="user_label_edit">
<option value=''>请选择</option>
<option value="40">是租客也是房东</option>
<option value="41">纯房东</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<span class="fore-span ld-Marheight">客户所属城市:</span>
<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>
</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">
<!--<thead>
<tr class="ld-Marheight">
<td class="text-left">客方修改记录：</td>
</tr>
</thead>-->
<tbody class="text-center" id="caozuo_table_edit"></tbody>
</table>
</div>
<!--客户详情保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary submit_edit">保存</button>
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary submit_edit" data-dismiss="modal">
提交
</button>
</div>-->
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
<!-- /#删除模态框 -->
<div class="modal fade" id="modal-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title">
删除
</h4>
</div>
<div class="modal-body">
<div class="modal-body">
<input type="hidden" value="" id="delete_id" /> 确认删除吗？
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary" id="confirm_delete">
删除
</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div>
public/resource/js/myCollectionUserList.js
View file @ df536a09
define (['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/home.css','pagination','bootstrapJs'], function (doT, template) {
label = {
pageNo: 1, /*第几页*/
pageSize: 10, /*每页显示多少条*/
pageNum:10,
init: function () {
//初始化dot
$ ("body").append (template);
label.getList (1);
label.event ();
},
event: function () {
$ (document).delegate (".edit", "click", function () {//点击编辑
label.house_id = $ (this).attr ("data-id");
label.Edit();
});
$ (document).delegate (".submit_edit", "click", function () {//提交编辑
label.Submit_edit();
label.getList();
});
}, define(['doT', 'text!temp/my_collection_user_template_tpl.html', 'ckfinder', 'ckfinderStart', 'css!style/home.css', "datetimepicker", 'pagination', 'bootstrapJs','blow-up'], function(doT, template) {
Edit:function(){//获取 var user = {
$.ajax({ pageNo: 1,
'type': 'GET', /*第几页*/
'url' : '/index/labelEdit',//获取编辑数据 pageSize: 15,
data: {"id":label.house_id}, /*每页显示多少条*/
dataType: "json", user_id: 0,
success: function(data){ user_id_var: '',
if (data.data) { user_type: '',
$("input[name = title]").val(data.data.name); user_phone:'',
} urls: '',
else { agent_id_two: '',
alert('获取失败！'); agent_id2: 0,
} agent_id_infor: 0,
} isAjaxSaving: false,
}); init: function() {
}, //初始化dot
Submit_edit:function(){//提交编辑的信息 $("body").append(template);
var par={}; user.getList();
par.id= label.house_id; user.event();
par.name=$("input[name =title]").val(); //时间控件初始化
par.type="0"; //bootstrap 时间控件选择
$.ajax({
'type': 'POST', //汉化实现
'url' : '/index/labelEdit', ;(function($){
data:par, $.fn.datetimepicker.dates['zh-CN'] = {
dataType: "json", days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
success: function(data){ daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
if(data.code==200){ daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],
months: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
}else{ monthsShort: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
alert(data.msg); today: "今日",
} suffix: [],
} meridiem: ["am", "pm"],
weekStart: 1,
};
}(jQuery));
$(".form_datetime").datetimepicker({
//format: 'yyyy-mm-dd hh:ii:ss',
format: 'yyyy-mm-dd hh:ii:00',
autoclose: true,
language: 'zh-CN',
minView: 0,
minuteStep: 30
//hourStep: 1
});
$('.datetimepicker').hide();//初始化隐藏时间控件
},
event: function() {
var _doc = $(document);
$('.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();
});
//收藏 取消收藏
$(document).delegate(".is_show", "click", function() { //点击禁用
if(!confirm('是否继续？')) {
return;
}
user.id = $(this).attr("data-id");
var params = {
};
params.id = $(this).attr("data-id");
var str = $.trim($(this).html());
if(str == "收藏") {
$(this).attr('class', 'btn1 btn-default is_show');
params.type = 1;
$(this).html('取消收藏');
} else if(str == "取消收藏") {
$(this).attr('class', 'btn1 btn-info is_show');
params.type = 0;
$(this).html('收藏');
} else {
params.type = 2;
}
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_add,#user_city_edit,#user_city_choose', function() {
console.log(222);
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
//新增 编辑
var _objTemp = _this.parent().next().find('select');
_objTemp.html(''); //先清空
if(_id && _id != '0') {
user.getCityAreaList(_id, function(_data) {
// var _str = '';
var _str = '<option value="">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.fullName + '">' + item.fullName + '</option>';
});
_objTemp.html(_str);
_this.next().html(_str);
});
} else {};
}); });
}, //点击input 出现时间控件
_doc.on('click', '#look_shop_date', function() {
$('.datetimepicker').show();
});
//上一页 获取客户详情
_doc.on('click', '#user_up', function() {
user_type='last';
user.getInfor();
});
//下一页 获取客户详情
_doc.on('click', '#user_down', function() {
user_type='next';
user.getInfor();
});
//客户列表 收藏夹
_doc.on('click', '.user-favorites', function() {
user.getUserFavorites();
});
// _doc.on('click', '.take-look', function(e) {//点击约带看 获取 客户姓名 编号 电话
// e.preventDefault();
// e.stopPropagation();
// $('#take_look_name').html($(this).attr("data-name"));
// $('#take_look_phone').html($(this).attr("data-phone"));
// $('#take_look_id').html($(this).attr("data-id"));
// $('#look_shop_date').val('');
// $('#note_look').val('');
// $('.look-shop').val('');
// $('.look-shop').removeAttr('data-id');
// });
//二级联动
user.getDistrict(function() {
_doc.on('input', '#district_id, #district_id2', function() {
var _this = $(this);
var _id = _this.val();
_this.next().html(''); //先清空
if(_id && _id != '0') {
user.getDistrictStoreList(_id, function(_data) {
// var _str = '';
var _str = '<option value="0">全部</option>';
$.each(_data, function(i, item) {
_str += '<option value="' + item.id + '">' + item.store_name + '</option>';
});
_this.next().html(_str);
});
} else {};
});
});
$(".Bannertu").click(function() {
BrowseServer('cover_image');
});
$("#search").click(function() {
user.getList(1);
});
$("#reset").click(function() {
document.getElementById("form_search").reset();
$('#guest_stores').html('');
$('#guest_stores2').html('');
});
//新增 客户 重置信息
// $("#close").click(function() {
// document.getElementById("add_user_form").reset();
// $(".user-ul").empty();
// });
//
// $(".close").click(function() {
// document.getElementById("add_user_form").reset();
// $(".user-ul").empty();
// });
$("#confirm_delete").click(function() {
var params = {};
params.id = $("#delete_id").val();
params.status = 1;
if(!params.id || params.id == null) {
alert("要删除的id不能为空");
return false;
}
user.delete_user(params);
});
$(document).delegate(".genj_ure", "click", function() {
user.user_id = $(this).attr("data-id");
// $("#genj_text").val('');
// $("input[name = 'user_status']:checked").removeAttr("checked");
user.getGenjinLabel();
});
$(document).delegate(".add_alert", "click", function() { //重置搜索
document.getElementById("add_user_form").reset();
});
//新增客户
$(document).delegate("#add_user", "click", function() { //新增客户
user.user_id = $(this).attr("data-id");
user.add_user();
});
//点击新增客户 清除id
$(document).delegate(".add-user-new", "click", function() { //新增客户
user.agent_id='';
});
// 跟进的提交按钮 点击
$(document).delegate("#edit_add", "click", function(e) {
e.preventDefault();
e.stopPropagation();
user.edit_add();
});
// 批量修改客方
$(document).delegate("#modify_add", "click", function() {
user.modify_add();
});
$(document).delegate(".caozuo-yue", "click", function() {
//约带看初始化
$('#look_shop_date').val('');
$('#note_look').val('');
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
user.Caozuo();
});
//客户列表操作
$(document).delegate(".caozuo", "click", function() { //点击操作跟进详情
user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone");
user.agent_id_infor = $(this).attr("data-agentId");
$('#take_look_name').html($(this).attr("data-name"));
$('#take_look_phone').html($(this).attr("data-phone"));
$('#take_look_id').html($(this).attr("data-id"));
$('#look_shop_date').val('');
$('#note_look').val('');
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
$('.detail-modal-header-tab>a:nth-of-type(1)').removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info').addClass('btn-default');
user.detailTabIndex = 0;
$('.detail-modal-body-sec:nth-of-type(1)').show().siblings().hide();
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
user.Caozuo();
});
// 点击缓存
$(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("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.getGenjincon();
}
});
$(document).on("input", ".cus_fang", function() { //手机号搜索客方2 编辑
if($(".cus_fang").val() == '') {
user.agent_id2='';
$(".user-ul2").html('');
} else {
user.search_phone2();
}
});
$(document).delegate(".addphone", "click", function() { //list消失新增客户 点击li事件 获取id ul消失
user.addphone(this);
});
$(document).delegate(".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();
});
},
addphone: function(obj) {//新增客户 input赋值
var user_ht = $(obj).html();
$("#set_father_id3").val(user_ht);
$(".user-ul").html('');
user.agent_id = $(obj).attr("data-id");
},
addphone2: function(obj) {
var user_ht = $(obj).html();
$(".cus_fang").val(user_ht);
$(".user-ul2").html('');
user.agent_id2 = $(obj).attr("data-id");
},
//约带看 商铺名称搜索
addphone3: function(obj) {
var _obj = $(obj);
var user_ht = _obj.html();
_obj.parent().html('').prev().val(user_ht).attr('data-id', _obj.attr('data-id'));
},
save_look: function() { //约带看 点击保存
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj);
var arr_look=[];
for(var i=0;i<$('.look-shop').length;i++){
if($('.look-shop').eq(i).attr('data-id')){//如果id为空 不提交空的数据
arr_look[i]=$('.look-shop').eq(i).attr('data-id');
}
}
// if(user_info_obj.id==1){
// alert('当前用户没有权限提交约带看');
// return false;
// }
if(arr_look.length<0||arr_look.length==0){
alert('请选择约带看商铺');
return false;
}
var look_shop_date_val = $("#look_shop_date").val();
if(look_shop_date_val==''){
alert('请选择预计到场时间');
return false;
}
var _temp_date =new Date(look_shop_date_val+':000');//格式为2018-07-14 10:30:05:000
console.log(_temp_date);
var start_time = _temp_date.getTime()*0.001;
console.log(start_time);
if(!user.isAjaxSaving){
user.isAjaxSaving = true;
$.ajax({
url: '/broker/report',
type: 'POST',
async: true,
timeout: 30000,
data: {
"AuthToken": user_info_obj.AuthToken,
"report_agent_id": user_info_obj.id,
"report_store_id": user_info_obj.store_id,
"vehicle": 10,
"intro": $("#note_look").val(),
"predict_see_time": start_time,
"user_id": $("#take_look_id").html(),
"house_ids": arr_look.join(','),
"report_agent_phone": user_info_obj.phone
},
beforeSend: function() {},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('提交成功');
$('#look_shop_date').val('');
$('#note_look').val('');
$('.look-shop').val('');
$('.look-shop').removeAttr('data-id');
user.isAjaxSaving = false;//请求结束，再改为初始状态
$("#modal-takeLook").modal('hide');//提交成功后 关闭弹窗
} else {
alert(data.msg);
}
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
}
},
search_phone: function() { //手机号新增客户
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $("#set_father_id3").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul = "";
$.each(data.data, function(i, item) {
user_ul += '<li class="addphone" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + '</li>';
});
$(".user-ul").html(user_ul);
} else {
alert(data.msg);
}
}
});
},
search_phone2: function() { //手机号 编辑是 客方搜索
// console.log($(".cus_fang").val());
$.ajax({
url: '/index/getBroker_new',
type: 'GET',
async: true,
data: {
"phone": $(".cus_fang").val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul2 = "";
$.each(data.data, function(i, item) {
user_ul2 += '<li class="addphone2" data-id="' + item.id + '">' + item.id + '-' + item.name + '-' + item.phone + '</li>';
});
$(".user-ul2").html(user_ul2);
} else {
alert(data.msg);
}
}
});
},
search_phone_look: function(n) { //商铺名选择
$.ajax({
// url:"https://pre2.tonglianjituan.com"+ '/broker/getShopList',
url:'/broker/getShopList',
type: 'GET',
async: true,
data: {
"site_area":5,
"title":$(n).val()
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
var user_ul2 = "";
$.each(data.data, function(i, item) {
user_ul2 += '<li class="addphone3" data-id="' + item.id + '">' + item.id + '-' + item.title + '-' + item.address + '</li>';
});
$(n).next('.look-shop-ul').html(user_ul2);
} else {
alert(data.msg);
}
getList: function (pageNo) { }
});
},
user_Call: function() { //客户详情 点击拨打按钮
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
label.pageNo = pageNo; 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;
console.log(params);
$.ajax({
'type': 'POST',
'url': '/index/bindAXB',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
console.log(data.data.data.phone);
$('#phone_title2').html(data.data.data.phone);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
},
unbind_Call: function() { //客户详情 点击拨打按钮 弹出框 没打通
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': '/index/agentsUnBind',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
// alert(data.msg);
// $("#modal-record").modal('hide');
} else {
alert(data.msg)
}
}
});
},
Submit_follow: function() { //提交
var params = {};
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();
if($('#user_city_edit').val() == 310100){
params.city = '上海市' ;
}
if($('#user_city_edit').val() == 330100){
params.city = '杭州市' ;
}
// params.city = $("#user_city_edit").val();
params.disc = $("#user_area_edit").val();
params.source = $("#user_label_edit").val();
$.ajax({
'type': 'POST',
'url': '/index/pcEditClient',
data: params,
dataType: "json",
success: function(data) {
if(data.code == 200) {
alert('修改成功');
$("#modal-record-edit").modal('hide');
} else {
alert(data.msg)
}
}
});
},
edit_add: function() { //提交跟进
var user_status = $("input[name = 'user_status']:checked").val();
console.log(user_status);
var genj_text = $("#genj_text").val();
if(genj_text == '') {
alert('请填写内容');
return false;
}
if(user_status == undefined) {
alert('状态标签未选中');
return false;
}
$.ajax({
url: '/index/pcAddFollow',
type: 'POST',
async: true,
data: {
"user_id": user.user_id,
"content": genj_text,
"user_status": user_status
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('修改成功');
user.getGenjincon();
$('#genj_text').val('');
// $("#modal-record").modal('hide');
} else {
alert(data.msg);
}
}
});
},
//
// 批量修改客方
//
modify_add: function() { //modify_add批量修改客方
var old_agents_text = $('.old_agents').val();
var new_agents_text = $('.new_agents').val();
console.log($('.phone_jia:eq(0)').attr('data-id'));
console.log($('.phone_jia:eq(1)').attr('data-id'));
// console.log($('.old_agents').attr('name'));
if(old_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
if(new_agents_text == '') {
alert('请输入经纪人内容为空');
return false;
}
$.ajax({
url: '/index/batchEditCustomer',
type: 'POST',
async: true,
data: {
"old_agents_id": $('.phone_jia:eq(0)').attr('data-id'),
"agents_id": $('.phone_jia:eq(1)').attr('data-id'),
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
console.log(666);
}else{
alert(data.msg)
}
}
});
},
// 新增客户页面
Caozuo: function() { //获取跟进详情的数据
$.ajax({
'type': 'GET',
'url': '/index/useraction_search',
data: {
"user_id": user.user_id
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
$(".cus_id").html(data.data.user_info.user_id); //客户编号
$(".cus_name").val(data.data.user_info.user_name); //姓名
$(".cus_nick").html(data.data.user_info.user_nick); //昵称
$(".user_pic").attr('src',data.data.user_info.user_pic); //头像
$(".user_pic").attr('data-bimg',data.data.user_info.user_pic); //鼠标放上去放大头像
$(".registration_time").html(data.data.user_info.registration_time);
$(".firstlogin_time").html(data.data.user_info.first_login_time);//第一次登陆时间
$(".sex").val(data.data.user_info.sex); //性别
$(".user_vip2").val(data.data.user_info.vip); //是否vip
$(".cus_phone").html(hideTel(data.data.user_info.user_phone)); //电话
$(".cus_date").html(data.data.user_info.create_time); //创建时间
$(".referrer_user").html(data.data.user_info.referrer_user); //上传时间
$(".cus_fang_edit").val(data.data.user_info.agentinfo); //客方详情
$(".cus_fang").val(data.data.user_info.agentinfo); //客方编辑
$("select[name=industry_type_two]").val(data.data.user_info.industry_type);
$("input[name=price_demand]").val(data.data.user_info.price_demand * 1);
$("input[name=area_demand]").val(data.data.user_info.area_demand * 1);
// $(".user_details_label").val(data.data.user_info.source); //客方详情 标签
$(".user_details_city").html(data.data.user_info.city + data.data.user_info.disc); //客方详情 城市
$("#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.user_info.city=='上海市'){
$("#user_city_edit").val(310100); //编辑客方
}
if(data.data.user_info.city=='杭州市'){
$("#user_city_edit").val(330100); //编辑客方
}
$("#user_area_edit").val(data.data.user_info.disc); //编辑区域
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.source == 40) {
$(".user_details_label").html('是租客也是房东');
$("#user_label_edit").val(40);
}
if(data.data.user_info.source == 41) {
$(".user_details_label").html('纯房东');
$("#user_label_edit").val(41);
}
var caozuo_table = "";
$.each(data['data']['user_history'], function(i, item) {
caozuo_table += '<tr><td>' + item.remark + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
});
if(caozuo_table){
$("#caozuo_table_edit").html(caozuo_table);
}else{
$("#caozuo_table_edit").html('暂无数据(*^_^*)');
}
}
} else {
alert('获取失败！');
}
}
});
},
//筛选
getList: function (pageNo) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
user.pageNo = pageNo;
console.log(user_info_obj); console.log(user_info_obj);
var params = {}; var params = {};
params.agents_id = user_info_obj.id; params.agents_id = user_info_obj.id;
params.pageNo = label.pageNo; params.pageNo = user.pageNo;
params.pageSize = label.pageSize; params.pageSize = user.pageSize;
params.AuthToken = user_info_obj.AuthToken; params.AuthToken = user_info_obj.AuthToken;
$.ajax ({ $.ajax ({
...@@ -78,7 +866,7 @@ define (['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/hom ...@@ -78,7 +866,7 @@ define (['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/hom
var doTtmpl = doT.template (temp); var doTtmpl = doT.template (temp);
$ ("#label_list").html (doTtmpl (data.data.user_date)); $ ("#label_list").html (doTtmpl (data.data.user_date));
/*分页代码*/ /*分页代码*/
add_page(data.data.total,pageNo,label.pageSize,label.getList); add_page(data.data.total,pageNo,user.pageSize,user.getList);
/* $ ("#pagediv").pagination ({ /* $ ("#pagediv").pagination ({
length: data.data.total, length: data.data.total,
current: pageNo, current: pageNo,
...@@ -89,7 +877,301 @@ define (['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/hom ...@@ -89,7 +877,301 @@ define (['doT', 'text!temp/my_collection_user_template_tpl.html', 'css!style/hom
});*/ });*/
} }
}); });
} },
}; //城市 区域 筛选
return label; getCityAreaList: function(id, fn) {
}); $.ajax({
\ No newline at end of file url: '/index/regions',
type: 'GET',
async: true,
data: {
'parent_code': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
}
}
});
},
add_user: function() {
var params = {};
params.id = 0;
params.user_name = $("#add_user_form input[name='user_name']").val();
params.user_phone = $("#add_user_form input[name='user_phone']").val();
params.agents_id = user.agent_id; //客方
params.sex = $("#user_sex").val();
params.price_demand = $("#price_type2").val();
params.area_demand = $("#area_type2").val();
params.industry_type = $("#industry_type2").val();
params.vip = $("#user_vip").val();
params.type = 'add';
if($('#user_city_add').val() == 310100){
params.city = '上海市' ;
}
if($('#user_city_add').val() == 330100){
params.city = '杭州市' ;
}
params.disc = $("#user_area_add").val();
params.source = $("#user_label_add").val();
if(params.user_name == '') {
alert('姓名不能为空');
$("input[name='user_name']").focus();
return;
}
if(params.sex == '') {
alert('请选择性别');
$("#user_sex").focus();
return;
}
if(params.user_phone == '') {
alert('手机号不能为空');
$("input[name='user_phone']").focus();
return;
}
if(params.pwd == '') {
alert('密码不能为空');
$("input[name='pwd']").focus();
return;
}
if(params.user_phone.length != 11) {
alert('手机号错误');
$("input[name='user_phone']").focus();
return;
}
if(params.industry_type == '') {
alert('请选择业态');
$("#industry_type2").focus();
return;
}
if(params.price_demand == '') {
alert('请选择价格');
$("#price_type2").focus();
return;
}
if(params.area_demand == '') {
alert('请选择面积');
$("#area_type2").focus();
return;
}
if($('#set_father_id3').val()== '') {
alert('请选择客方');
$("#set_father_id3").focus();
return;
}
if(params.vip=='') {
alert('请选择vip');
$("#user_vip").focus();
return;
}
$.ajax({
url: '/index/pcEditClient',
type: 'POST',
async: true,
data: params,
dataType: 'json',
success: function(data) {
if(data.code == 200) {
alert('提交成功');
user.getList(1);
$("#modal_add_user").modal('hide');
// document.getElementById("add_user_form").reset();
} else {
alert(data.msg);
}
}
});
},
delete_user: function(params) {
$.ajax({
url: '/index/del_user',
type: 'POST',
async: true,
data: params,
dataType: 'json',
success: function(data) {
$("#modal-delete").modal('hide');
if(data.code == "101") {
alert(data.msg);
return false;
}
user.getList(user.pageNo);
}
});
},
getUserFavorites: function(params) {//客户 收藏夹
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url: '/broker/getLastOrNextUserID',//上一页 下一页 调用接口
// url: 'https://pre2.tonglianjituan.com'+'/broker/getLastOrNextUserID',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"agent_id": user_info_obj.id,
"type":user_type,
"AuthToken":user_info_obj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200&&data.data) {
user.user_id=data.data.user_id;
user.Caozuo();
user.getGenjincon();
}else{
alert(data.msg)
}
}
});
},
getInfor: function(params) {
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url: '/broker/getLastOrNextUserID',//上一页 下一页 调用接口
// url: 'https://pre2.tonglianjituan.com'+'/broker/getLastOrNextUserID',
type: 'GET',
async: true,
data: {
"user_id": user.user_id,
"agent_id": user_info_obj.id,
"type":user_type,
"AuthToken":user_info_obj.AuthToken
},
dataType: 'json',
success: function(data) {
if(data.code == 200&&data.data) {
user.user_id=data.data.user_id;
user.Caozuo();
user.getGenjincon();
}else{
alert(data.msg)
}
}
});
},
getGenjinLabel: function() {
$('#genj_text').val('');
$.ajax({
url: '/index/getUserLabel',
type: 'GET',
async: true,
data: {
"user_id": user.user_id
},
dataType: 'json',
success: function(data) {
if(data.code == 200) {
// $("input[type='radio'][name='user_status'][value=" + data.data + "]").prop("checked", "checked");
user.getGenjincon();
}
}
});
},
getGenjincon: function() {//获取客户动态
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({
url:'/broker/useraction_search',
// url: 'https://pre2.tonglianjituan.com'+'/broker/useraction_search',
type: 'GET',
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 = "";
$.each(data['data']['user_date'], function(i, item) {
caozuo_table += '<tr><td class="text-left" width="70%">' + item.step + '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
});
if(caozuo_table){
$("#caozuo_table2").html(caozuo_table);
}else{
$("#caozuo_table2").html('暂无跟进信息');
}
}
}
});
},
//调用部门 和 门店的接口
getDistrict: function(fn) {
$.ajax({
url: '/index/getDistrict',
type: 'GET',
async: true,
data: {
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
var str = '';
$.each(data.data, function(i, item) {
str += '<option value="' + item.id + '">' + item.district_name + '</option>';
});
$("#district_id").append(str);
$("#district_id2").append(str);
fn && fn();
}
}
});
},
getDistrictStoreList: function(id, fn) {
$.ajax({
url: '/index/getDistrictStoreList',
type: 'GET',
async: true,
data: {
'id': id,
"pageSize": 1000
},
dataType: 'json',
success: function(data) {
if(data.code == 200 && data.data != null) {
fn && fn(data.data);
}
}
});
},
};
return user;
});
function delete_user(obj) {
$("#delete_id").val($(obj).attr("data-id"));
}
function edit(obj) {
var params = {}
params.id = $(obj).attr("data-id")
$.ajax({
url: '/index/usersList',
type: 'get',
async: true,
data: params,
dataType: 'json',
success: function(data) {
$("#edit_user_form input[name='phone']").val(data.data.list[0].user_phone);
$("#edit_user_form input[name='password']").val(data.data.list[0].user_pswd);
$("#invite_name").html(data.data.list[0].realname);
$("#invite_phone").html(data.data.list[0].phone);
}
});
$("#edit_id").val($(obj).attr("data-id"));
}
\ No newline at end of file
public/resource/js/user.js
View file @ df536a09
...@@ -77,7 +77,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -77,7 +77,7 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
if(!confirm('是否继续？')) { if(!confirm('是否继续？')) {
return; return;
} }
// agent.id = $(this).attr("data-id"); user.id = $(this).attr("data-id");
var params = { var params = {
}; };
...@@ -94,12 +94,15 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart', ...@@ -94,12 +94,15 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
} else { } else {
params.type = 2; params.type = 2;
} }
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
$.ajax({ //禁用 $.ajax({ //禁用
'type': 'POST', 'type': 'POST',
'url': '/broker/addCollectUser',//客户收藏 取消收藏 'url': '/broker/addCollectUser',//客户收藏 取消收藏
data: { data: {
// "ids": agent.id, "agents_id": user_info_obj.id,
"status": params.type "status": params.type,
"user_id": user.id,
"AuthToken": user_info_obj.AuthToken
}, },
dataType: "json", dataType: "json",
success: function(data) { success: function(data) {
......
public/resource/template/my_collection_user_template_tpl.html
View file @ df536a09
...@@ -2,17 +2,7 @@ ...@@ -2,17 +2,7 @@
[% if(it) { %] [% if(it) { %]
[% for(var item in it){ %] [% for(var item in it){ %]
<tr> <tr>
<!--<th class="text-center">客户ID</th>
<th class="text-center">客户姓名</th>
<th class="text-center">客户电话</th>
<th class="text-center">创建时间0</th>
<th class="text-center">最后跟进时间0</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">产生类型0</th>
<th class="text-center">操作</th>-->
<td>[%= it[item]["user_id"] %]</td> <td>[%= it[item]["user_id"] %]</td>
<td>[%= it[item]["user_name"] %]</td> <td>[%= it[item]["user_name"] %]</td>
<td>[%= it[item]["user_phone"] %]</td> <td>[%= it[item]["user_phone"] %]</td>
...@@ -20,9 +10,19 @@ ...@@ -20,9 +10,19 @@
<td>[%= it[item]["industry_type"] %]</td> <td>[%= it[item]["industry_type"] %]</td>
<td>[%= it[item]["price_demand"] %]</td> <td>[%= it[item]["price_demand"] %]</td>
<td>[%= it[item]["area_demand"] %]</td> <td>[%= it[item]["area_demand"] %]</td>
<td> <td width="16%">
<a class="btn1 btn-success edit" href="#modal-edit" data-toggle="modal" data-id='[%= it[item]["id"] %]'>编辑</a> [% if((check_auth('auth_vip') && it[item]['vip']) || (it[item]['agent_id'] == 0) || (it[item]['agent_id'] == it[item]['current_agent_id']) || check_auth('index/useraction_search') ) { %]
</td>
<a class="btn1 caozuo genj_ure btn-success" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</a>&nbsp;
<a class="btn1 btn-info is_show" data-id='[%= it[item]["user_id"] %]'>收藏</a>
<a class="btn1 btn-success caozuo" href="#modal-record-edit" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["user_id"] %]'>客户编辑</a>&nbsp;
[% } %]
<!--<a class="btn1 btn-danger " href="#modal-delete" data-toggle="modal" onclick="delete_user(this)" data-id='[%= it[item]["id"] %]'>-->
<!--删除-->
<!--</a>-->
</td>
</tr> </tr>
[% } %] [% } %]
[% }else{ %] [% }else{ %]
......
public/resource/template/user_template_tpl.html
View file @ df536a09
...@@ -46,20 +46,9 @@ ...@@ -46,20 +46,9 @@
[% if((check_auth('auth_vip') && it[item]['vip']) || (it[item]['agent_id'] == 0) || (it[item]['agent_id'] == it[item]['current_agent_id']) || check_auth('index/useraction_search') ) { %] [% if((check_auth('auth_vip') && it[item]['vip']) || (it[item]['agent_id'] == 0) || (it[item]['agent_id'] == it[item]['current_agent_id']) || check_auth('index/useraction_search') ) { %]
<a class="btn1 caozuo genj_ure caozuo-add-color [%= getLoaclId(it[item]['id']) %]" href="#modal-record" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]' data-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</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-agentId='[%= it[item]["agent_id"] %]' data-name='[%= it[item]["user_name"] %]'>详情/跟进</a>&nbsp;
<!--[% if(it[item]["status"] == 0) { %]-->
<a class="btn1 btn-info is_show" data-toggle="modal" data-id='[%= it[item]["id"] %]'>收藏</a> <a class="btn1 btn-info is_show" data-toggle="modal" data-id='[%= it[item]["id"] %]'>收藏</a>
<!--[% }else if(it[item]["status"] == 1) { %]-->
<!--<a class="btn1 btn-default is_show" data-toggle="modal" data-id='[%= it[item]["id"] %]'>冻结</a>
[% }else{ %]
<a class="btn1 btn-default" data-toggle="modal" data-id='[%= it[item]["id"] %]'>离职</a>
[% } %]-->
<a class="btn1 btn-success caozuo" href="#modal-record-edit" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]'>客户编辑</a>&nbsp; <a class="btn1 btn-success caozuo" href="#modal-record-edit" data-toggle="modal" data-phone='[%= it[item]["user_phone"] %]' data-id='[%= it[item]["id"] %]'>客户编辑</a>&nbsp;
<!--<a class="btn1 btn-success genj_ure" href="#modal-add" data-toggle="modal" data-id='[%= it[item]["id"] %]'>跟进</a>&nbsp;-->
<!--<a class="btn1 btn-success take-look" href="#modal-takeLook" data-toggle="modal" data-id='[%= it[item]["id"] %]' data-name='[%= it[item]["user_name"] %]' data-phone='[%= it[item]["user_phone"] %]'>约带看</a>-->
[% } %] [% } %]
<!--<a class="btn1 btn-danger " href="#modal-delete" data-toggle="modal" onclick="delete_user(this)" data-id='[%= it[item]["id"] %]'>--> <!--<a class="btn1 btn-danger " href="#modal-delete" data-toggle="modal" onclick="delete_user(this)" data-id='[%= it[item]["id"] %]'>-->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment