Commit b41a2ec3 authored by agping's avatar agping

客户列表优化

parent 36be89a2
......@@ -6,7 +6,9 @@
overflow-y: auto;
padding-bottom: 60px;
}
.modal-body-details{
width: 850px;
}
.user-ul {
width: 100%;
height: auto;
......@@ -21,7 +23,8 @@
line-height: 30px;
}
.user-ul2,.look-shop-ul {
.user-ul2,
.look-shop-ul {
width: 100%;
height: auto;
padding-bottom: 6px;
......@@ -30,7 +33,8 @@
left: -40px;
}
.user-ul2 li,.look-shop-ul li {
.user-ul2 li,
.look-shop-ul li {
list-style: none;
line-height: 30px;
}
......@@ -88,14 +92,17 @@
.clear {
clear: both;
}
.left{
.left {
float: left;
font-size: 12px;
}
.bottom{
margin-top: 30px;
.bottom {
margin-top: 30px;
}
/*客户列表商 约带看*/
.detail-modal-bargaininfo-main-left {
float: left;
width: 340px;
......@@ -162,7 +169,7 @@
.detail-modal-bargaininfo-commission-sec>div,
.addtax-modal-tax-commission-sec>div {
float: left;
width: 380px;
width: 380px;
}
.detail-modal-bargaininfo-commission-sec>mark,
......@@ -189,10 +196,12 @@
display: block;
margin: 0 auto;
}
.opacity-0{
.opacity-0 {
opacity: 0;
}
#user_call{
#user_call {
height: 20px;
width: 30px;
border-radius: 3px;
......@@ -200,18 +209,19 @@
margin-top: 22px;
font-size: 10px;
text-align: center;
cursor:pointer
cursor: pointer
}
#phone_title2{
#phone_title2 {
font-weight: 600;
font-size: 36px;
}
/*客户动态*/
.followup-modal-list-area {
height: 450px;
overflow-y: scroll;
}
height: 450px;
overflow-y: scroll;
}
</style>
<!--导航star-->
......@@ -269,13 +279,18 @@
<!-- <div class="row"></div> -->
<!--版本 2.2-->
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="userID" placeholder="客户ID" type="text" value="">
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="user" placeholder="客户姓名" type="text" value="">
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="userID" placeholder="客户ID" type="text" value="">
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn4 ld-Marheight" id="user_vip_select">
<option value="" class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
<input class="form-control btn2 margin-top-ld" data-rule-phoneus="false" data-rule-required="false" name="user" placeholder="客户姓名" type="text" value="">
<input class="form-control btn2 margin-top-ld" 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="邀请人(C端用户)手机号" type="text" value="">
<!--业态选择-->
<select class="form-control btn2 margin-top-ld" name="industry_type">
......@@ -329,7 +344,7 @@
<option value="0">客方所属部门</option>
</select>
<select class="form-control btn2 margin-top-ld input" name="" id="guest_stores" title="
客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项" value="">
......@@ -341,7 +356,7 @@
<option value="0">邀请人所属部门</option>
</select>
<select class="form-control btn2 margin-top-ld input" name="" id="guest_stores2" title="
客方所属部门、客方所属门店 与邀请人所属部门、邀请人所属门店 不作为并列筛选项">
......@@ -349,13 +364,13 @@
<input class="form-control btn2 margin-top-ld input" data-rule-phoneus="false" data-rule-required="false" name="invite_agent_phone" placeholder="邀请人(经纪人)手机号" type="text" value="">
<!--<div class="clear"></div>-->
<!--<span class='left bottom'>(注:客方所属部门,客方所属门店与邀请人所属部门,邀请人所属门店不作为并列筛选项)</span>-->
<!--<span class='left bottom'>(注:客方所属部门,客方所属门店与邀请人所属部门,邀请人所属门店不作为并列筛选项)</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="first_login_start" type="date">
<span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="first_login_end" type="date">
<div class="row"></div>
<div class="clear"></div>
<!-- <span class="btn btn-info btn3 margin-top-ld" class="reset_1">搜索</span>
<span class="btn btn-info btn3 margin-top-ld" class="reset_1">重置</span> -->
......@@ -505,16 +520,16 @@
<option value="1"></option>
<option value="0"></option>
</select>
<span class="fore-span">(有权限的人才能看到VIP客户)</span>
<span class="fore-span">(有权限的人才能看到VIP客户)</span>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="close">关闭
</button>
<button type="button" class="btn btn-primary" id="add_user">
<button type="button" class="btn btn-primary" id="add_user">
提交
</button>
</div>
......@@ -525,9 +540,9 @@
</div>
<!--操作详情记录-->
<div class="modal fade" id="modal-record" 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-content">
<div class="modal-content modal-body-details">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
......@@ -540,78 +555,105 @@
<table class="table table-striped table-bordered table-hover table-condensed" id="caozuo_hide">
<thead>
<tr>
<td colspan="9">
<form id="form1">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight" id="source_type"></span>
<!--是否vip-->
<!--<label for="inputEmail3" class="col-sm-3 control-label">VIP客户:</label>-->
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn4 ld-Marheight" id="user_vip2">
<option value='' class="successModel">请选择</option>
<option value="1"></option>
<option value="0"></option>
</select>
<div class="clear"></div>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight" id="cus_id"></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="cus_name" name="name" type="text">
<select class="form-control btn4 ld-Marheight" id="sex">
<option value="0" class="successModel">性别</option>
<option value="1"></option>
<option value="2"></option>
</select>
<!--详情增加业态-->
<span class="fore-span ld-Marheight">业态:</span>
<select class="form-control btn5 margin-top-ld" name="industry_type_two">
<!--<option value="-1">业态选择</option>-->
<option>轻餐饮</option>
<option>重餐饮</option>
<option>百货零售</option>
<option>服装</option>
<option>亲子教育</option>
<option>休闲娱乐</option>
</select>
<span class="fore-span ld-Marheight">价格:</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="" name="price_demand" type="number"><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="" name="area_demand" type="number"><span class="fore-span ld-Marheight"></span>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight" id="cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight" id="user_call" href="#modal-call" data-toggle="modal">拨打</a>
<div class="clear"></div>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight" id="cus_date"></span>
<span class="fore-span ld-Marheight">邀请人:</span>
<span class="fore-span ld-Marheight" id="referrer_user"></span>
<span class="fore-span ld-Marheight">昵称:</span>
<span class="fore-span ld-Marheight" id="cus_nick"></span>
<div class="clear"></div>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight" id="registration_time"></span>
<div class="clear"></div>
<span class="fore-span ld-Marheight">第一次登陆时间:</span>
<span class="fore-span ld-Marheight" id="firstlogin_time"></span>
<div class="row"></div>
<div class="form-group">
<span class="fore-span ">客方:</span>
<div class="col-sm-9">
<input type="text" class="form-control btn6 " name="pwd" autocomplete="off" id="cus_fang">
<ul class="user-ul2"></ul>
</div>
<td width="40%">
<span class="fore-span ld-Marheight">产生类型:</span>
<span class="fore-span ld-Marheight" id="source_type"></span>
</td>
<td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight" id="user_vip2">
<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" id="cus_id"></span>
</td>
</tr>
<tr>
<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="cus_name" name="name" type="text">
</td>
<td>
<span class="fore-span ld-Marheight">性别:</span>
<select class="form-control btn6 ld-Marheight" id="sex">
<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" id="cus_phone"></span>
<a class="fore-span btn-primary ld-Marheight" id="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">
<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"><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"><span class="fore-span ld-Marheight"></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" name="pwd" autocomplete="off" id="cus_fang">
<ul class="user-ul2"></ul>
</div>
</form>
</div>
</td>
<td>
<span class="fore-span ld-Marheight">邀请人:</span>
<span class="fore-span ld-Marheight" id="referrer_user"></span>
</td>
<td>
<span class="fore-span ld-Marheight">昵称:</span>
<span class="fore-span ld-Marheight" id="cus_nick"></span>
</td>
</tr>
<tr>
<td>
<span class="fore-span ld-Marheight">创建时间:</span>
<span class="fore-span ld-Marheight" id="cus_date"></span>
</td>
<td>
<span class="fore-span ld-Marheight">注册时间:</span>
<span class="fore-span ld-Marheight" id="registration_time"></span>
</td>
<td>
<span class="fore-span ld-Marheight">下载登录时间:</span>
<span class="fore-span ld-Marheight" id="firstlogin_time"></span>
</td>
</tr>
<tr class="ld-Marheight">
<th class="text-center">客方修改记录:</th>
<td class="text-left" >客方修改记录:</td>
</tr>
</thead>
<tbody class="text-center" id="caozuo_table"></tbody>
......@@ -689,18 +731,18 @@
<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">
<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">关闭
<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" data-dismiss="modal">
<button type="button " class="btn btn-primary " id="edit_add " data-dismiss="modal ">
提交
</button>
</div>
......@@ -710,37 +752,37 @@
<!-- /.modal -->
</div>
<!-- #批量修改客方-->
<div class="modal fade" id="modal_modify_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-one">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<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 class="modal-title ">
批量修改盘方
</h4>
</div>
<div class="modal-body modal-body-one">
<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 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>
<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">关闭
<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 type="button " class="btn btn-primary " id="modify_add " data-dismiss="modal ">
提交
</button>
</div>
......@@ -750,81 +792,81 @@
<!-- /.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">
<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 class="modal-title ">
约带看
</h4>
</div>
<div class="modal-body">
<table class="table table-striped table-bordered table-hover table-condensed" id=" ">
<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>
<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>
<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"><img src="/resource/image/search_gb.png" /></mark>-->
<!--<mark href="javascript:; " class="detail-modal-bargaininfo-commission-cancel-pic "><img src="/resource/image/search_gb.png " /></mark>-->
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
<div id="bargaininfo_commission_add_btn ">
<img src="/resource/image/jia2@2x.png " />
</div>
</div>
<!--<div class="form-group">
<span class="fore-span ld-Marheight">约带看商铺:</span>
<input type="text" class="form-control btn6 ld-Marheight" name=" " autocomplete="off" id="look_shop" placeholder="请输入商铺名称、商铺编号、商铺地址关键词">
<ul class="look-shop-ul"></ul>
<!--<div class="form-group ">
<span class="fore-span ld-Marheight ">约带看商铺:</span>
<input type="text " class="form-control btn6 ld-Marheight " name=" " autocomplete="off " id="look_shop " placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul "></ul>
</div>-->
<div class="clear"></div>
<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=" " type="datetime-local">-->
<div class="clear "></div>
<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=" " type="datetime-local ">-->
<!--datetime-local-->
<!--bootstrap 时间控件-->
<input type="text" value="" class="form_datetime form-control btn6 ld-Marheight" id="look_shop_date" readonly="readonly">
<div class="clear"></div>
<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 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">
<tbody class="text-center " id="caozuo_table ">
</table>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭
<div class="modal-footer ">
<!--<button type="button " class="btn btn-default " data-dismiss="modal ">关闭
</button>-->
<button type="button" class="btn btn-primary save-look">
<!--data-dismiss="modal"-->
<button type="button " class="btn btn-primary save-look ">
<!--data-dismiss="modal "-->
保存
</button>
</div>
......@@ -834,31 +876,31 @@
<!-- /.modal -->
</div>
<!--拨打手机号-->
<div class="modal fade" id="modal-call" 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">
<div class="modal fade " id="modal-call " 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 class="modal-title ">
请使用
<span id="phone_title">
<span id="phone_title ">
</span>
的手机拨打该虚拟号
</h4>
</div>
<div class="modal-body">
<div class="modal-body">
<input type="hidden" value="" id="delete_id" />
<span id="phone_title2">
<div class="modal-body ">
<div class="modal-body ">
<input type="hidden " value=" " id="delete_id " />
<span id="phone_title2 ">
</span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="unbind_call">没打通
<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" id="" data-dismiss="modal">
<button type="button " class="btn btn-primary " id=" " data-dismiss="modal ">
已拨打
</button>
</div>
......
......@@ -677,6 +677,8 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
params.user_nick = $("input[name='user']").val();
params.phone = $("input[name='phone']").val();
params.id = $("input[name='userID']").val();
// user_vip_select
// params.id = $("#user_vip_select").val();//vip筛选
params.phone = $("input[name='phone']").val();
params.invite_phone = $("input[name='invite_phone']").val();
params.start_date = $("#start_date").val();
......
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