Commit a7223339 authored by agping's avatar agping

客户列表修改

parent 5903982f
......@@ -6,10 +6,8 @@
<div class="col-lg-10 col-lg-offset-0">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li><a href="#">成交报告</a></li>
<li><a href="#">成交报告-未接单</a></li>
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover table-condensed">
......@@ -17,7 +15,7 @@
<tr>
<td colspan="9">
<a class="btn btn-info liudan_pic_btn">专员审核</a>
<a class="btn btn-default liudan_pic_btn" href="1">经理审核</a>
<a class="btn btn-default liudan_pic_btn">经理审核</a>
<a class="btn btn-default liudan_pic_btn">总监审核</a>
<a class="btn btn-default liudan_pic_btn">出纳审核</a>
......@@ -50,7 +48,7 @@
</div>
</div>
</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">
......@@ -77,119 +75,5 @@
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--设置案场权限人,修改盘方-->
<div class="modal fade" id="modal-anch" 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" id="myModalLabel">
设置案场权限人
</h4>
</div>
<div class="modal-body">
<form id="submit_agent">
<div class="jian_class">
<input name="ues_id" placeholder="请输入" type="tel" value="" class="phone_jia">
<!--号码匹配名字-->
<ul class="phone_list"></ul>
</div>
<img src="/resource/image/jia2@2x.png" class="jia">
<input type="hidden" name="ues_id" class="houseinfos_id">
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary submit_follow" data-dismiss="modal">
提交
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--操作记录-->
<div class="modal fade" id="modal-record" 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">
<thead>
<tr>
<th class="text-center">盘方修改记录</th>
<th class="text-center">操作人</th>
<th class="text-center">操作时间</th>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table">
</table>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!--是否独家-->
<div class="modal fade" id="modal-dujia" 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">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-3 control-label">是否独家:</label>
<select class="form-control btn6" id="sel_dujia">
<option value="null" class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">独家合同上传(小于10张):</label>
<span id="liudan_pic_pre"></span>
<input readonly="readonly" type="hidden" name="liudan_pic_pre" class="form-control btn6" placeholder="请选择图片">
<button class="btn btn-default liudan_pic_btn" id="liudan_pic_btn" type="button">选择图片</button>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">独家代理有效期:</label>
<input class="form-control btn5 " data-rule-phoneus="false" data-rule-required="false" id="start_date_dujia" name="start_date_dujia" type="date">
<span class="fore-span">-</span>
<input class="form-control btn5 " value="" data-rule-phoneus="false" data-rule-required="false" id="end_date_dujia" name="end_date_dujia" type="date">
</div>
<div class="form-group">
<label class="col-sm-3 control-label">独家方:</label>
<input class="form-control btn6" data-rule-buga="false" data-rule-required="true" name="exclusive" placeholder="请输入姓名或手机号码" type="text" value="" id="exclusive">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary submit_follow2" data-dismiss="modal">
提交
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
\ No newline at end of file
<!-- -->
......@@ -27,8 +27,25 @@
line-height: 30px;
}
.input {
width: 17%!important;
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;
}
</style>
<!--导航star-->
......@@ -42,11 +59,13 @@
<div class="col-lg-10 col-lg-offset-0">
<div class="panel panel-default">
<div class="panel-heading breadcrumb">
<li><a href="#">客户列表</a></li>
<li><a href="#">客户列表666</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"><i class="icon-plus"></i>
添加客户</a> -->
<a href="#modal_add_user" data-toggle="modal" class="btn btn-default"><i class="icon-plus"></i>
添加客户</a>
</li>
......@@ -61,18 +80,37 @@
<tr>
<td colspan="11">
<form action="" method="get" id="form_search">
<span class="fore-span ld-Marheight">上传时间:</span>
<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">
<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">
<div class="row"></div>
<span class="fore-span ld-Marheight">最后跟进时间:</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="follow_start" name="follow_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="follow_end" name="follow_end" 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="login_start" name="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="login_end" name="login_end" type="date">
<div class="row"></div>
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="phone" placeholder="客户姓名或客户手机号" type="text" value="">
<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" data-rule-phoneus="false" data-rule-required="false" name="phone" 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="-1">是否登录过</option>
<option value="1"></option>
......@@ -85,9 +123,30 @@
<option value="2">未激活</option>
</select>
<span class="btn btn-default btn3 margin-top-ld" id="search">搜索</span>
<span class="btn btn-default btn3 margin-top-ld" id="reset">重置</span>
<select class="form-control btn2 margin-top-ld" name="male_status">
<option value="-1">是否公客</option>
<option value="1"></option>
<option value="2"></option>
</select>
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="guest_department" placeholder="客方所属部门" type="text" value="">
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="guest_stores" placeholder="客方所属门店" type="text" value="">
<select class="form-control btn2 margin-top-ld" name="guest_status">
<option value="-1">客户状态</option>
<option value="1">未租</option>
<option value="2">已租</option>
<option value="3">无效</option>
</select>
<!-- <span class="btn btn-default btn3 margin-top-ld search_1">搜索</span>
<span class="btn btn-default btn3 margin-top-ld search_1">重置</span> -->
<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 href="#modal_add_user" data-toggle="modal" class="btn btn-default"><i class="icon-plus"></i>
添加客户</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 margin-top-ld" id="modify">批量修改客方</span> -->
</form>
</td>
......@@ -111,8 +170,11 @@
</table>
</div>
<!-- /#page-content-wrapper -->
<div class="text-left">
每页显示<span id="page">15</span>条 | 共<span id="total_page">888888</span>
</div>
<div class="text-right" id="pagediv">
</div>
</div>
</div>
......@@ -135,6 +197,7 @@
添加客户
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" action="/agents/add_user" id="add_user_form">
<div class="form-group">
......@@ -326,3 +389,32 @@
</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">
<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">
<br>
<input class="form-control btn5" data-rule-phoneus="false" data-rule-required="false" name="user1" placeholder="请输入经纪人姓名" type="text" value="">
<span class="btn3" id="batch">批量修改为</span>
<input class="form-control btn5" data-rule-phoneus="false" data-rule-required="false" name="phone1" placeholder="请输入经纪人姓名" type="text" value="">
<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>
/**
* Created by 刘丹 on 2017/12/11.
*/
define(['axios', 'doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', 'pagination', 'bootstrapJs'], function(axios, doT, template) {
console.log(axios);
reportList = {
define(['doT', 'text!temp/reportList_template_tpl.html', 'css!style/home.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template) {
follow = {
pageNo: 1,
/*第几页*/
pageSize: 10,
......@@ -16,83 +11,177 @@ define(['axios', 'doT', 'text!temp/reportList_template_tpl.html', 'css!style/hom
valueCurrent: '',
ajaxObj: '',
stopstatus: true,
ldHtml: $('.phone_list'),
boxphoto: '',
init: function() {
//初始化dot
$("body").append(template);
reportList.getList(1);
reportList.event();
$(document.body).append(template);
follow.getList(0);
follow.event();
},
event: function() {
$("#search").click(function() {
follow.getList(1);
});
$("#reset").click(function() { //重置
document.getElementById("form_search").reset();
});
$ (document).delegate (".caozuo", "click", function () {//点击操作跟进详情
follow.house_id = $ (this).attr ("data-id");
follow.Caozuo();
});
$ (document).delegate (".submit_edit", "click", function () {//提交
follow.house_id = $ (this).attr ("data-id");
follow.Submit_follow();
});
$ (document).on ("input","#cus_fang", function () {//手机号搜索客方2
if($("#cus_fang").val()==''){
$(".user-ul2").html('');
}else{
follow.search_phone2();
}
});
$ (document).delegate (".addphone2", "click", function () {//list2消失
follow.addphone2(this);
});
},
addphone2:function(obj){
var user_ht=$(obj).html();
$("#cus_fang").val(user_ht);
$(".user-ul2").html('');
follow.agent_id = $ (obj).attr ("data-id");
getList: function(pageNo) {
reportList.pageNo = pageNo;
var params = {};
params.pageNo = reportList.pageNo;
params.pageSize = reportList.pageSize;
},
search_phone2:function(){//手机号
$.ajax ({
url: '/index/select_by_phone',
type: 'POST',
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.realname+'-'+item.phone+'</li>';
});
$(".user-ul2").html(user_ul2);
axios({
method:'get',
url:'/index/reportListAttache/0',
responseType:'json',
params: params,
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(function(response) {
console.log(response);
var temp = document.getElementById('reportList_list_tpl').innerHTML;
var doTtmpl = doT.template(temp);
$("#reportList_list").html(doTtmpl(response.data.data.list));
} else {
alert(data.msg);
}
/*分页代码*/
// PaginationX({
// 'dom': $("#pagediv")
// });
$("#pagediv").pagination({
length: response.data.data.total,
current: pageNo,
every: reportList.pageSize,
onClick: function(el) {
console.log(el);
reportList.getList(el.num.current);
}
});
},
Caozuo:function(){//获取跟进详情的数据
$.ajax({
'type': 'GET',
'url' : '/index/reportListAttache/0',
data: {"user_id":follow.house_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_nick);//姓名
$("#sex").val(data.data.user_info.sex);//性别
$("#cus_phone").html(data.data.user_info.user_phone);//电话
$("#cus_date").html(data.data.user_info.create_time);//上传时间
$("#cus_fang").val(data.data.user_info.agentinfo);//客方
var caozuo_table="";
$.each(data['data']['user_date'], function(i, item) {
console.log(item)
caozuo_table +='<tr><td>'+item.content+'</td><td>'+item.agentinfo+'</td><td>'+item.create_time+'</td></tr>';
});
$("#caozuo_table").html(caozuo_table);
}
} else {
alert('获取失败!');
}
});
})
.catch(function(error) {
console.log(error);
}
});
},
// $.ajax({
// url: '/index/reportListAttache/0', //获取列表
// type: 'GET',
// async: true,
// data: params,
// dataType: 'json',
// success: function(data) {
// var temp = document.getElementById('reportList_list_tpl').innerHTML;
// var doTtmpl = doT.template(temp);
// $("#reportList_list").html(doTtmpl(data.data.list));
//
// /*分页代码*/
// $("#pagediv").pagination({
// length: data.data.total,
// current: pageNo,
// every: reportList.pageSize,
// onClick: function(el) {
// reportList.getList(el.num.current);
// }
// });
// }
// });
}
Submit_follow: function() { //提交
$.ajax({
'type': 'POST',
'url': '/index/pcEditClient',
data: {
"id": follow.house_id,
"user_nick": $("#cus_name").val(),
"user_phone": $("#cus_phone").html(),
"agent_id":follow.agent_id,//客方
"sex": $("#sex").val()
},
dataType: "json",
success: function(data) {
if(data.code == 200) {
if(data.data) {
}
} else {
}
}
});
},
getList: function(pageNo) {
console.log($('#customer_name').val());
follow.pageNo = pageNo;
var params = {};
params.user_name =$('#customer_name').val();
params.start_time =$('#start_date').val();
params.end_time =$('#end_date').val();
params.internal_title =$('#shop_name').val();
params.user_phone =$('#customer_phone').val();
params.id =$('#shop_num').val()*1;
params.store_name =$('#store_name').val();
params.report_phone =$('#applicant_phone').val();
params.report_name =$('#applicant_name').val();
params.pageNo = follow.pageNo;
params.pageSize = follow.pageSize;
$.ajax({
type: 'GET',
url: '/index/reportListAttache/0',
data: params,
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
console.log(data,666)
if(typeof data === 'object') {
if (data.code == 200) {
var doTtmpl = doT.template(document.getElementById('reportList_list_tpl').innerHTML);
$("#follow_list").html(doTtmpl(data.data.list));
/*分页代码*/
$("#pagediv").pagination({
length:data.data.total,
current: pageNo,
every: follow.pageSize,
onClick: function(el) {
follow.getList(el.num.current);
}
});
}else {
alert(data['msg']);
};
}else{
alert('数据错误');
};
},
error: function() {
alert('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
alert('请求超时');
};
}
});
}
};
return reportList;
return follow;
});
\ No newline at end of file
......@@ -53,10 +53,12 @@ define (['doT', 'text!temp/user_template_tpl.html','ckfinder','ckfinderStart', '
$("input[name = 'user_status']:checked").attr("checked",true);
user.getGenjinLabel();
});
// ===========================新增客户====================
$ (document).delegate ("#add_user", "click", function () {//新增客户
user.user_id = $ (this).attr ("data-id");
user.add_user();
});
$ (document).delegate ("#edit_add", "click", function () {
user.edit_add();
});
......@@ -202,6 +204,7 @@ define (['doT', 'text!temp/user_template_tpl.html','ckfinder','ckfinderStart', '
}
});
},
// ====================新增客户页面==================
Caozuo:function(){//获取跟进详情的数据
$.ajax({
'type': 'GET',
......@@ -264,6 +267,12 @@ define (['doT', 'text!temp/user_template_tpl.html','ckfinder','ckfinderStart', '
user.getList (el.num.current);
}
});
$("#total_page").html(data.data.total);
console.log(data.data.total);
console.log(user.pageSize);
console.log(pageNo);
}
});
},
......
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