Skip to content

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

客户 拨打 修改

parent 9c7ce08e
Hide whitespace changes
Inline Side-by-side
Showing with 280 additions and 254 deletions
application/index/view/member/users_list.html
View file @ bfe16505
......@@ -44,7 +44,6 @@
.input {
width: 16%!important;
}
/*.text-left {
float: left;
display: inline-block;
......@@ -53,6 +52,7 @@
font-size: 14px;
}
*/
.text-right {
float: right;
display: inline-block;
......@@ -214,11 +214,13 @@
cursor: pointer
}
/*客户动态*/
.followup-modal-list-area {
height: 268px;
overflow-y: scroll;
}
/*客户详情 头像*/
.user_pic {
width: 30px;
height: 30px;
......@@ -229,61 +231,79 @@
opacity: 0;
}*/
/*拨打电话样式*/
.modal-body-width {
width: 460px;
}
#phone_title2{
#phone_title2 {
width: 100%;
height: 186px;
line-height: 186px;
text-align: center;
font-weight: 600;
height: 186px;
line-height: 186px;
text-align: center;
font-weight: 600;
font-size: 43px;
}
#phone_title{
font-weight: 600;
#phone_title {
font-weight: 600;
}
/*控制放大镜的*/
#preview{
#preview {
z-index: 9999!important;
}
.modal-title-genjing{
.modal-title-genjing {
height: 50px;
line-height: 50px;
border-top: 3px solid #ccc;
}
.center-btn{
.center-btn {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
#caozuo_table_scroll{
#caozuo_table_scroll {
height: 268px;
overflow-y: scroll;
}
/*查看过的 客户详情 按钮变色*/
.btn-user-details{
.btn-user-details {
background-color: orange;
}
/*上一条 下一条 样式*/
#user_up,#user_down{
#user_up,
#user_down {
/*font-size:14px;*/
color: #337ab7;
cursor: pointer;
}
.detail-modal-header-tab{
.detail-modal-header-tab {
width: 220px;
float: left;
}
.user_up_con{
.user_up_con {
float: left;
margin-top: 5px;
font-size: 16px;
}
#user_area_add{
#user_area_add {
margin-left: 5px;
}
.call-user-five {
color: red;
font-size: 20px;
font-weight: 700;
}
</style>
<!--导航star-->
......@@ -431,20 +451,19 @@
<span class="fore-span ld-Marheight">-</span>
<input class="form-control btn4 ld-Marheight" value="" data-rule-phoneus="false" data-rule-required="false" id="first_login_end" type="date">
<select class="form-control btn2 ld-Marheight" id="user_city_choose">
<option value="" selected="selected">城市筛选</option>
<option value="310100">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn2 ld-Marheight" id="user_area_choose">
<option value="" selected="selected">区域筛选</option>
</select>
<div class="clear"></div>
<option value="" selected="selected">城市筛选</option>
<option value="310100">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn2 ld-Marheight" id="user_area_choose">
<option value="" selected="selected">区域筛选</option>
</select>
<div class="clear"></div>
<span class="btn btn-info btn3 margin-top-ld" id="search">搜索</span>
<span class="btn btn-info btn3 margin-top-ld" id="reset">重置</span>
<!--<a class="btn btn-info btn3 margin-top-ld user-favorites"> 收藏夹 </a>-->
<a href="#modal_modify_user" data-toggle="modal" class="btn btn-info btn3 margin-top-ld"><i class="icon-plus"></i> 批量修改客方
</a>
......@@ -531,13 +550,13 @@
<label for="inputEmail3" class="col-sm-3 control-label">客户所属城市：</label>
<div class="col-sm-9">
<select class="form-control btn5" id="user_city_add">
<!--<option value="" selected="selected">请选择城市</option>-->
<option value="310100" selected="selected">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn5" id="user_area_add">
<option value="" selected="selected">请选择区域</option>
</select>
<!--<option value="" selected="selected">请选择城市</option>-->
<option value="310100" selected="selected">上海市</option>
<option value="330100">杭州市</option>
</select>
<select class="form-control btn5" id="user_area_add">
<option value="" selected="selected">请选择区域</option>
</select>
</div>
</div>
<div class="form-group">
......@@ -616,7 +635,7 @@
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
......@@ -644,229 +663,231 @@
<a href="javascript:;" class="btn btn-default">客户详情/跟进</a>
<a href="javascript:;" class="btn btn-info caozuo-yue">约带看</a>
</h4>
<div class="user_up_con">
<span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
<span id="user_down" class="ld-Marheight text-primary ld-Marheight">下一条客户</span>
</div>
<div class="user_up_con">
<span id="user_up" class="ld-Marheight text-primary ld-Marheight">上一条客户</span>
<span id="user_down" class="ld-Marheight text-primary ld-Marheight">下一条客户</span>
</div>
</div>
<div class="modal-body modal-body1">
<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>
<div class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<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" disabled="disabled">
<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" value="" data-rule-phoneus="false" data-rule-required="false" name="name" type="text" disabled="disabled">
</td>
<span class="fore-span ld-Marheight">VIP客户:</span>
<select class="form-control btn6 ld-Marheight user_vip2" disabled="disabled">
<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" 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>
<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>
</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>
<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">
<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">
</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>
</tr>
<!--<tr class="ld-Marheight">
<td class="text-left"><label>客方修改记录：</label></td>
</tr>-->
</thead>
</thead>
</table>
<h4 class="modal-title-genjing clear text-info">
</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 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>
</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 class="call-user-five"></div>
<div class="detail-modal-body-sec-2">
<table class="table table-striped table-bordered table-hover table-condensed" id=" ">
<thead>
<tr>
<td>
<form id="form1">
<span class="fore-span ld-Marheight">姓名:</span>
<span class="fore-span ld-Marheight" id="take_look_name"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">电话:</span>
<span class="fore-span ld-Marheight" id="take_look_phone"></span>
<div class="clear "></div>
<span class="fore-span ld-Marheight">客户编号:</span>
<span class="fore-span ld-Marheight" id="take_look_id"></span>
<div class="clear"></div>
<div class="detail-modal-bargaininfo-commission-inputpar">
<div class="detail-modal-bargaininfo-commission-addarea">
<div class="form-group detail-modal-bargaininfo-commission-sec">
<span class="fore-span ld-Marheight">约带看商铺：</span>
<div class=" ">
<!--选择式-->
<input type="text" class="form-control ld-Marheight look-shop" name=" " autocomplete="off" placeholder="请输入商铺名称、商铺编号、商铺地址关键词 ">
<ul class="look-shop-ul"></ul>
<!--下拉列表-->
</div>
</div>
</div>
<div id="bargaininfo_commission_add_btn">
<img src="/resource/image/jia2@2x.png" />
</div>
</div>
</div>
<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="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">
<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">
</table>
<button type="button" class="btn btn-primary save-look">
保存
</button>
</div>
</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>
......@@ -1071,7 +1092,7 @@
<div class="modal-body">
<!--<input type="hidden " value=" " id="delete_id " />-->
<div id="phone_title2">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="unbind_call">没打通
......@@ -1122,7 +1143,7 @@
<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">
<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>
......@@ -1173,9 +1194,9 @@
</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=''/>
<!--<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>
......@@ -1193,23 +1214,23 @@
<td>
<span class="fore-span ld-Marheight">客户标签:</span>
<select class="form-control btn6 fore-span ld-Marheight" id="user_label_edit">
<option value=''>请选择</option>
<option value="1">是租客也是房东</option>
<option value="2">纯房东</option>
</select>
<option value=''>请选择</option>
<option value="1">是租客也是房东</option>
<option value="2">纯房东</option>
</select>
</td>
</tr>
<tr>
<td colspan="3">
<span class="fore-span ld-Marheight">客户所属城市:</span>
<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>
<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>
......@@ -1232,22 +1253,22 @@
<div id="caozuo_table_scroll">
<table class="table table-striped table-bordered table-hover table-condensed">
<!--<thead>
<!--<thead>
<tr class="ld-Marheight">
<td class="text-left">客方修改记录：</td>
</tr>
</thead>-->
<tbody class="text-center" id="caozuo_table_edit"></tbody>
<tbody class="text-center" id="caozuo_table_edit"></tbody>
</table>
</table>
</div>
<!--客户详情保存-->
<div class="center-btn">
<button type="button" class="btn btn-primary submit_edit">保存</button>&nbsp;&nbsp;
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
</div>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
......
public/resource/js/user.js
View file @ bfe16505
......@@ -262,6 +262,8 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
user.user_id = $(this).attr("data-id");
user.user_phone = $(this).attr("data-phone");
user.agent_id_infor = $(this).attr("data-agentId");
$('.call-user-five').html('');
$('.detail-modal-body-sec-2').show();
$('.user_call').show();
$('#edit_add').show();
$('.save-look').show();
......@@ -1128,11 +1130,14 @@ define(['doT', 'text!temp/user_template_tpl.html', 'ckfinder', 'ckfinderStart',
if(data.code == 200 || data.code == 201) {
user.user_id=data.data.user_id;
if(data.code == 200){
$('.call-user-five').html('');
$('.detail-modal-body-sec-2').show();
$('.user_call').show();
$('#edit_add').show();
$('.save-look').show();
}else{
alert(data.msg)
$('.call-user-five').html(data.msg);
$('.detail-modal-body-sec-2').hide();
$('.user_call').hide();
$('#edit_add').hide();
$('.save-look').hide();
......
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