Skip to content

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

成交报告详情 添加 商铺 客户按钮

parent 3a5839b3
Hide whitespace changes
Inline Side-by-side
Showing with 353 additions and 3 deletions
application/index/view/finance/account_statement.html
View file @ db634bc4
...@@ -26,6 +26,31 @@ ...@@ -26,6 +26,31 @@
width: 100px; width: 100px;
display: inline-block; display: inline-block;
} }
/*客户详情 样式*/
.modal-body1 {
height: 716px;
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details {
width: 850px;
}
/*客户动态*/
.followup-modal-list-area {
height: 258px;
overflow-y: scroll;
}
.form-control[disabled]{
background-color: #fff;
}
.user_pic {
width: 30px;
height: 30px;
border-radius: 15px;
}
/*客户详情 样式*/
</style> </style>
<div id="page-content-wrapper"> <div id="page-content-wrapper">
<div class="container"> <div class="container">
...@@ -176,8 +201,8 @@ ...@@ -176,8 +201,8 @@
<!--<span>预计收款时间：</span><span id="bargaininfo_expect_payback_time"></span><br>--> <!--<span>预计收款时间：</span><span id="bargaininfo_expect_payback_time"></span><br>-->
<span>预计收款时间：</span><input type="date" id="bargaininfo_expect_payback_time" placeholder="请输入"><br> <span>预计收款时间：</span><input type="date" id="bargaininfo_expect_payback_time" placeholder="请输入"><br>
<span>客户电话：</span><span id="bargaininfo_user_phone"></span> <span>客户电话：</span><span id="bargaininfo_user_phone"></span>
<a class="btn1 bargain-detail-user btn-info" href="#modal_user_detail" data-toggle="modal">客户</a> <a class="btn1 caozuo genj_ure btn-info" href="#modal_user_detail" data-toggle="modal">客户</a>
<!--<button type="button" class="bargain-detail-user btn-info btn btn-sm">客户</button>-->
<br> <br>
<span>成交日期：</span><span id="bargaininfo_create_time"></span><br> <span>成交日期：</span><span id="bargaininfo_create_time"></span><br>
<span>成交价：</span>&nbsp;<input class="form-control" id="bargaininfo_chengjiao_price" type="number">元 <span>成交价：</span>&nbsp;<input class="form-control" id="bargaininfo_chengjiao_price" type="number">元
...@@ -503,4 +528,201 @@ ...@@ -503,4 +528,201 @@
<!-- /.modal-content --> <!-- /.modal-content -->
</div> </div>
<!-- /.modal --> <!-- /.modal -->
</div>
<!--商铺详情 弹出框-->
<div class="modal fade" id="modal_shop_detail" 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">
<iframe class="iframe-shop-detail"></iframe>
</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_user_detail" 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">
客户详情
</h4>
</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>
</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="user_details_city 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>
<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>
<div class="center-btn">
<button type="button" class="btn btn-default btn-guanbi" data-dismiss="modal">关闭</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal -->
</div> </div>
\ No newline at end of file
public/resource/js/reportList.js
View file @ db634bc4
...@@ -11,6 +11,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -11,6 +11,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
panfangData: null, panfangData: null,
maidTotalCommission: 0,//应收总佣金 maidTotalCommission: 0,//应收总佣金
agent_id_phone:'',//分佣方 姓名搜索 agent_id_phone:'',//分佣方 姓名搜索
detail_user_id:'',//用户id
detail_shop_id:'',//商铺id
init: function() { init: function() {
//初始化dot //初始化dot
$(document.body).append(template); $(document.body).append(template);
...@@ -31,7 +33,24 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -31,7 +33,24 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
console.log(bargain.mainTabIndex); console.log(bargain.mainTabIndex);
bargain.getList(1); bargain.getList(1);
}); });
//成交报告详情 点击商铺 查看商铺详情
_doc.on('click', 'a[href="#modal_shop_detail"]', function(e){
e.preventDefault();
e.stopPropagation();
var _id=bargain.detail_shop_id;
console.log(_id);
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+7436);//记得修改修改
});
//成交报告详情 点击客户 查看客户详情
_doc.on('click', 'a[href="#modal_user_detail"]', function(e){
var _id=bargain.detail_user_id;
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
bargain.Caozuo();
});
$(document).delegate(".genj_ure", "click", function() {
bargain.user_id = $(this).attr("data-id");
bargain.getGenjincon();
});
//搜索按钮的事件 //搜索按钮的事件
_doc.on('click', '#maintable_search', function(e) { _doc.on('click', '#maintable_search', function(e) {
e.preventDefault(); e.preventDefault();
...@@ -584,6 +603,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -584,6 +603,8 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
success: function(data) { success: function(data) {
if(data.code == 200) { if(data.code == 200) {
if(data.data) { if(data.data) {
bargain.detail_shop_id = data.data.house_id;
bargain.detail_user_id = data.data.user_id;
$('#bargaininfo_shop_type').html(data.data.shop_type=='1'?'街铺':'商场'); $('#bargaininfo_shop_type').html(data.data.shop_type=='1'?'街铺':'商场');
$('#bargaininfo_is_open').val(data.data.is_open); $('#bargaininfo_is_open').val(data.data.is_open);
$('#bargaininfo_beizhu').val(data.data.content); $('#bargaininfo_beizhu').val(data.data.content);
...@@ -1444,6 +1465,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -1444,6 +1465,7 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
if(data.code == 200) { if(data.code == 200) {
var doTtmpl = doT.template(document.getElementById('reportList_list_tpl').innerHTML); var doTtmpl = doT.template(document.getElementById('reportList_list_tpl').innerHTML);
$("#maintable_list").html(doTtmpl(data.data)); $("#maintable_list").html(doTtmpl(data.data));
//点击成交报告详情 获取商铺id 客户id
var hanghao=(pageNo-1)*10+1; var hanghao=(pageNo-1)*10+1;
$("#maintable_list tr").each(function() { $("#maintable_list tr").each(function() {
$(this).children('td:eq(0)').html(hanghao++); $(this).children('td:eq(0)').html(hanghao++);
...@@ -1469,6 +1491,111 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', ' ...@@ -1469,6 +1491,111 @@ define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', '
} }
}); });
}, },
// 获取客户详情
Caozuo: function() { //获取跟进详情的数据
$.ajax({
'type': 'GET',
'url': '/index/useraction_search',
data: {
"user_id": bargain.detail_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.user_label); //客方详情 标签
$(".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.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); //转介绍详情
if(data.data.user_invite_info.referrer_source == 10){
$(".user-details-introduce").html('是'); //转介绍详情
}else{
$(".user-details-introduce").html('否'); //转介绍详情
}
}
} else {
alert('获取失败！');
}
}
});
},
//获取 客户跟进信息
getGenjincon: function() {//获取客户动态
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
checkLogin();
$.ajax({
url:'/broker/useraction_search',
type: 'POST',
async: true,
data: {
"AuthToken": user_info_obj.AuthToken,
"user_id": bargain.detail_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) {
if(item.step_name=='report'){
caozuo_table += '<tr><td class="text-left follow-up-home" width="70%">' + item.step+'到场时间：'+ item.predict_see_time +'备注：'+item.intro+ '</td><td>' + item.name + '</td><td>' + item.create_time + '</td></tr>';
}else{
caozuo_table += '<tr><td class="text-left follow-up-home" 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('暂无跟进信息');
}
//滚动条 回到顶部
$('.followup-modal-list-area').scrollTop(0);
}
}
});
},
getDistrict: function(fn) { getDistrict: function(fn) {
$.ajax({ $.ajax({
url: '/index/getDistrict', url: '/index/getDistrict',
......
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