Skip to content

T
tl_estate
Commit 1edf88eb authored by xishifeng's avatar xishifeng
Browse files
Options

客户列表，商铺详情添加

parent 24f8bd9a
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 335 additions and 18 deletions
application/app_broker/view/index/shop_detail_pc.html
View file @ 1edf88eb
......@@ -101,7 +101,7 @@
<div class="fl">房东：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.landlord_phone" :key="index"><span>{{item.name+'-'+hidePhone(item.phone)}}</span><a href="javascript:;" class="call-tel-btn" @click="callHide(item.phone)">拨打</a></li>
<li class="fl oh" v-for="(item, index) in d.landlord_phone" :key="index"><span>{{item.name+'-'+hidePhone(item.phone)}}</span><a href="javascript:;" class="call-tel-btn" @click="showModal1(item)">拨打</a></li>
</ul>
</div>
</td>
......@@ -142,7 +142,7 @@
<section v-show="dataCode!=200"></section>
</main>
<div id="call_modal">
<div id="call_modal" v-show="modalShow1">
<div class="call-modal-main">
<p class="call-modal-main-title">选择本机手机号</p>
<ol id="call_modal_phone_list">
......@@ -156,21 +156,19 @@
<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同，否则提示为空号</p>
</div>
<div class="call-btn-area">
<div id="call_btn_cancel">取消</div>
<div id="call_btn_ok">确认</div>
<div id="call_btn_ok_temp">等待拨打 ing</div>
<div id="call_btn_cancel" @click="modalShow1=false">取消</div>
<div id="call_btn_ok" v-show="!isCallFlag" @click="showModal2">确认</div>
<div id="call_btn_ok_temp" v-show="isCallFlag">等待拨打 ing</div>
</div>
</div>
<div class="modal-area" v-show="maskShowFlag">
<div class="call-hide-area" v-show="callShowFlag">
<p>请使用{{user_info_obj.phone}}的手机拨打该虚拟号：</p>
<div class="modal-area" v-show="modalShow2">
<div class="call-hide-area">
<p>请使用{{selectPhone}}的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p>{{telHide}}</p>
<p>
<a href="javascript:;" @click="releaseTel">没打通</a>
<a href="javascript:;" @click="maskShowFlag=false">已拨打</a>
</p>
<textarea v-model.trim="content" placeholder="请输入房源跟进信息（必填）"></textarea>
<p><a href="javascript:;" @click="saveGenjin">保存</a></p>
</div>
</div>
</div>
......
application/index/view/member/users_list.html
View file @ 1edf88eb
......@@ -717,7 +717,8 @@
<td>
<span class="fore-span">电话:</span>
<span class="fore-span cus_phone"></span>
<a class="fore-span btn-primary user_call" href="#modal-call" data-toggle="modal">拨打</a>
<!--<a class="fore-span btn-primary user_call" href="#modal-call" data-toggle="modal">拨打</a>-->
<a class="fore-span btn-primary user_call" >拨打</a>
</td>
</tr>
<tr>
......@@ -1116,6 +1117,60 @@
</div>
<!-- /.modal -->
</div>
<!--拨打电话弹框相关-->
<div id="call_modal">
<div class="call-modal-main">
<p class="call-modal-main-title">选择本机手机号</p>
<ol id="call_modal_phone_list">
<li class="call-select"><input placeholder="请输入本机手机号" maxlength="11" type="tel" id="call_modal_phone_self" readonly="" />
<div class="call-edit-icon">完成</div>
<div class="call-submit-ing-icon">提交中ing</div>
<div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png" /></div>
</li>
</ol>
<div id="add_phone_btn">增加手机号</div>
<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同，否则提示为空号</p>
</div>
<div class="call-btn-area">
<div id="call_btn_cancel">取消</div>
<div id="call_btn_ok">确认</div>
<div id="call_btn_ok_temp">等待拨打 ing</div>
</div>
</div>
<!--/拨打电话弹框相关-->
<div id="genjin_modal">
<div class="genjin-modal-main">
<div class="call-hide-area">
<p>请使用<span></span>的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p></p>
</div>
<div class="genjin-content-area"><textarea placeholder="请输入跟进信息" id="content"></textarea></div>
<div class="genjin-mark-area">
<div class="genjin-mark-area-putong">
<div class="genjin-mark-area-title">普通标签：(必选)</div>
<div class="genjin-mark-area-alink"></div>
</div>
<div class="genjin-mark-area-zhuangtai">
<div class="genjin-mark-area-title">状态标签：(必选)</div>
<div class="genjin-mark-area-alink">
<a data-markid="-1">无效</a>
<a data-markid="1">已租</a>
<a data-markid="0">求租</a>
</div>
</div>
</div>
<div class="genjin-submit-area">
<a href="javascript:;" id="btn_save">提交</a>
<a href="javascript:;" id="btn_save_temp">正在保存...</a>
</div>
</div>
<div id="close_btn"><img src="/app/images/ic_cha.png" /></div>
</div>
<!--客户编辑-->
<div class="modal fade" id="modal-record-edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-body-details">
......
application/index/view/mulu_jilu.txt 0 → 100644
View file @ 1edf88eb
客户列表
view-->member-->user_list.html
\ No newline at end of file
public/app/css/shop_detail_pc.css
View file @ 1edf88eb
......@@ -65,7 +65,6 @@ tbody>tr:nth-of-type(16){
}
.call-hide-area{
width: 400px;
height: 300px;
background-color: white;
padding: 20px;
}
......@@ -75,7 +74,7 @@ tbody>tr:nth-of-type(16){
.call-hide-area>p:nth-of-type(3){
text-align: center;
font-size: 38px;
line-height: 180px;
line-height: 80px;
}
.call-hide-area>p:nth-of-type(4){
display: flex;
......@@ -92,6 +91,13 @@ tbody>tr:nth-of-type(16){
background-color: #286090;
color: white;
}
.call-hide-area>textarea{
display: block;
width: 100%;
height: 200px;
border: 1px dotted #333;
margin-bottom: 30px;
}
/*拨打电话模态框*/
html{
......@@ -105,13 +111,12 @@ html{
width: 100%;
height: 100%;
z-index: 102;
display: none;
}
.call-modal-main{
width: 6.6rem;
height: 6.54rem;
padding: .4rem .3rem;
margin-top: 2.8rem;
margin-top: 1.8rem;
margin-left: calc(50vw - 182px);
background-color: white;
font-size: .3rem;
......@@ -224,6 +229,5 @@ html{
background-color: #ccc;
color: white;
margin-left: .3rem;
display: none;
}
public/app/js/shop_detail_pc.js
View file @ 1edf88eb
This diff is collapsed.
public/resource/css/call_genjin_modal.css 0 → 100644
View file @ 1edf88eb
@charset "utf-8";
/*拨打电话模态框*/
html{
font-size: 55.2px;
}
#call_modal{
position: fixed;
background-color: rgba(0,0,0,.7);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1100;
display: none;
}
.call-modal-main{
width: 6.6rem;
/*height: 6.54rem;*/
padding: .4rem .3rem;
margin-top: 2.8rem;
margin-left: calc(50vw - 182px);
background-color: white;
font-size: .3rem;
box-sizing: border-box;
}
.call-modal-main>p.call-modal-main-title{
font-size: .3rem;
color: #333;
text-align: center;
padding-bottom: .3rem;
}
.call-modal-main>p.call-modal-main-tip{
font-size: .24rem;
color: #F13D2F;
text-align: center;
padding-top: .3rem;
}
.call-modal-main>ol{
list-style: none;
padding: 0;
padding-bottom: .3rem;
}
.call-modal-main>ol>li{
height: .8rem;
line-height: .8rem;
background-color: #f0f0f0;
margin-bottom: .3rem;
box-sizing: border-box;
padding: 0 .2rem;
cursor: pointer;
}
.call-modal-main>ol>li>input{
float: left;
line-height: .8rem;
height: .8rem;
width: 3.5rem;
font-size: .28rem;
color: #333;
border: none;
background-color: transparent;
}
.call-modal-main>ol>li>div{
float: right;
}
.call-modal-main>ol>li>.call-select-icon{
overflow: hidden;
padding-top: .23rem;
display: none;
}
.call-modal-main>ol>li>.call-select-icon>img{
float: left;
width: .34rem;
height: .34rem;
}
.call-modal-main>ol>li>.call-edit-icon,
.call-modal-main>ol>li>.call-submit-ing-icon{
width: .8rem;
height: .5rem;
line-height: .5rem;
border-radius: .14rem;
text-align: center;
font-size: .24rem;
color: white;
background-color: #F13D2F;
margin-top: .15rem;
display: none;
cursor: pointer;
}
.call-modal-main>ol>li>.call-submit-ing-icon{
width: 1.2rem;
background-color: #333;
}
.call-modal-main>ol>li.call-select>.call-select-icon,
.call-modal-main>ol>li.call-add>.call-edit-icon{
display: block;
}
.call-modal-main>ol>li.call-select>.call-edit-icon,
.call-modal-main>ol>li.call-add>.call-select-icon{
display: none!important;
}
.call-modal-main>div{
text-align: center;
color: #FF9419;
box-sizing: border-box;
border: 1px solid #FF9419;
line-height: .8rem;
height: .8rem;
}
.call-btn-area{
overflow: hidden;
margin-left: calc(50vw - 182px);
margin-top: .3rem;
}
.call-btn-area>div{
float: left;
width: 3.15rem;
height: .8rem;
line-height: .8rem;
border-radius: .08rem;
text-align: center;
font-size: .32rem;
}
.call-btn-area>div#call_btn_cancel{
background-color: white;
color: #FF9419;
}
.call-btn-area>div#call_btn_ok{
background-color: #FF9419;
color: white;
margin-left: .3rem;
}
.call-btn-area>div#call_btn_ok_temp{
background-color: #ccc;
color: white;
margin-left: .3rem;
display: none;
}
/*跟进模态框区域*/
.call-hide-area{
width: 100%;
background-color: white;
padding: .3rem;
}
.call-hide-area>p:nth-of-type(1){
font-size: .36rem;
}
.call-hide-area>p:nth-of-type(3){
text-align: center;
font-size: .36rem;
line-height: .8rem;
}
#genjin_modal{
position: fixed;
background-color: rgba(0,0,0,.7);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1101;
display: none;
}
.genjin-modal-main{
width: 6.6rem;
/*height: 5.8rem;*/
padding: .4rem .3rem;
/*margin-top: 4.6rem;*/
margin-top: 2.5rem;
margin-left: calc(50vw - 182px);
background-color: white;
font-size: .3rem;
box-sizing: border-box;
}
.genjin-content-area{
overflow: hidden;
padding-bottom: .15rem;
}
.genjin-content-area>textarea{
width: 100%;
font-size: 0.26rem;
color: #999;
border: 1px dashed #e6e6e6;
box-sizing: border-box;
min-height: 3rem;
height: auto;
overflow-y: auto;
padding: 0.3rem;
float: left;
}
.genjin-mark-area{
overflow: hidden;
padding-bottom: .15rem;
/*display: none;*/
}
.genjin-mark-area-title{
font-size: .24rem;
}
.genjin-mark-area-alink{
overflow: hidden;
}
.genjin-mark-area-alink>a{
float: left;
height: .6rem;
border-radius: .08rem;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 0 .2rem;
line-height: .6rem;
font-size: .24rem;
margin: .15rem;
color: #999;
cursor: pointer;
}
/*.genjin-mark-area-alink>a+a{
margin-left: .3rem;
}*/
.genjin-mark-area-alink>a.genjin-mark-active{
background-color: #FF9419;
color: white;
border: 1px solid #FF9419;
}
.genjin-submit-area{}
.genjin-submit-area>a{
border-radius: 0.15rem;
color: white;
font-size: 0.36rem;
height: 0.9rem;
line-height: 0.9rem;
text-align: center;
width: 6rem;
display: block;
}
.genjin-submit-area>#btn_save{
background-color: #ff9419;
}
.genjin-submit-area>#btn_save_temp{
background-color: #ccc;
display: none;
}
#close_btn{
overflow: hidden;
width: .38rem;
height: .38rem;
margin-top: .5rem;
margin-left: 3.56rem;
display: none;
}
#close_btn>img{
float: left;
width: 100%;
height: 100%;
}
\ No newline at end of file
public/resource/js/user.js
View file @ 1edf88eb
This diff is collapsed.
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