Commit ac7559ce authored by xishifeng's avatar xishifeng

商铺详情修改

parent b31b72d6
......@@ -90,7 +90,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">{{item.name+'-'+hidePhone(item.phone)}}</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="callHide(item.phone)">拨打</a></li>
</ul>
</div>
</td>
......@@ -130,6 +130,17 @@
<section v-show="dataCode==102">查看数量已达上限</section>
<section v-show="dataCode!=200"></section>
</main>
<div class="modal-area" v-show="maskShowFlag">
<div class="call-hide-area" v-show="callShowFlag">
<p>请使用{{user_info_obj.phone}}的手机拨打该虚拟号:</p>
<p>(使用其他手机号拨打是打不通的)</p>
<p>{{telHide}}</p>
<p>
<a href="javascript:;" @click="releaseTel">没打通</a>
<a href="javascript:;" @click="maskShowFlag=false">已拨打</a>
</p>
</div>
</div>
</div>
<script src="/app/js/libs/require.min.js" data-js="/app/js/shop_detail_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
</body>
......
......@@ -67,7 +67,7 @@
<option value="1"></option>
</select>
<select class="form-control btn2" id="is_show">
<option value="-1">C端是否显示</option>
<option value="-1">是否给商户看</option>
<option value="0"></option>
<option value="1"></option>
</select>
......@@ -92,19 +92,23 @@
<option value="1"></option>
<option value="0"></option>
</select>
<input class="form-control btn2" data-rule-phoneus="false" data-rule-required="false" id="internal_title" placeholder="商铺名称" type="text" value="">
<div class="row">
<br style="clear: both;" />
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="id" placeholder="商铺编号" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="shop_address" placeholder="商铺地址" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="internal_title" placeholder="商铺名称" type="text" value="">
</div>
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="industry_type" placeholder="业态" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="dish" placeholder="盘方" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="id" placeholder="店铺编号" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="dish_name" placeholder="盘方姓名" type="text" value="">
<input class="form-control btn2 ld-Marheight" data-rule-phoneus="false" data-rule-required="false" id="dish_phone" placeholder="盘方手机号" type="tel" value="">
<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="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="btn btn-default btn3 ld-Marheight" id="search">搜索</span>
<span class="btn btn-default btn3 ld-Marheight" id="reset">重置</span>
<!-- 批量修改客方 -->
......@@ -117,9 +121,10 @@
<th class="text-center">编号</th>
<th class="text-center">类型</th>
<th class="text-center">名称</th>
<th class="text-center">月租金</th>
<th class="text-center">C端是否显示</th>
<th class="text-center">上传时间</th>
<th class="text-center">租金均价</th>
<th class="text-center">面积</th>
<th class="text-center">业态</th>
<th class="text-center">最后跟进时间</th>
<th class="text-center">状态</th>
<!--<th class="text-center">盘方</th>-->
<th class="text-center">操作</th>
......
......@@ -38,9 +38,58 @@ tbody>tr:nth-of-type(16){
object-fit: cover;
}
.phone-list>li{
.phone-list>li>span{
background-color: #e0e0e0;
}
.phone-list>li>a{
background-color: #286090;
color: white;
padding: 0 5px;
border-radius: 4px;
margin-left: 6px;
}
.phone-list>li+li{
margin-left: 20px;
}
.modal-area{
background-color: rgba(0, 0, 0, .3);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.call-hide-area{
width: 400px;
height: 300px;
background-color: white;
padding: 20px;
}
.call-hide-area>p:nth-of-type(1){
font-size: 18px;
}
.call-hide-area>p:nth-of-type(3){
text-align: center;
font-size: 30px;
line-height: 180px;
}
.call-hide-area>p:nth-of-type(4){
display: flex;
justify-content: space-around;
align-items: center;
}
.call-hide-area>p:nth-of-type(4)>a{
flex: 160px 0 0;
height: 60px;
line-height: 60px;
border-radius: 10px;
text-align: center;
font-size: 20px;
background-color: #286090;
color: white;
}
......@@ -7,6 +7,10 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function
data: {
user_info_obj,
dataCode: '',
maskShowFlag: false,//弹出窗层是否显示
callShowFlag: false,//拨打电话弹出窗层是否显示
telHide: '',//拨打隐号返回的号码
activeLandlordPhone: '',//当前点击的房东号码
d: {}
},
created: function() {
......@@ -49,6 +53,75 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function
methods: {
hidePhone(t) {
return hideTel(t);
},
//点击拨打,调用隐号接口
callHide(t) {
let _this = this;
_this.activeLandlordPhone = t;
_this.maskShowFlag = true;
_this.callShowFlag = true;
$.ajax({
type: 'post',
url: '/index/bindAXB',
data: {
'phone_a': _this.user_info_obj.phone,
'phone_b': t,
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(_data['code'] == '200') {
_this.telHide = _data.data.data.phone;
} else {
layerTipsX(_data['msg']);
}
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
//点击未打通,释放号码的接口
releaseTel() {
let _this = this;
$.ajax({
type: 'post',
url: '/index/agentsUnBind',
data: {
'phone_a': _this.user_info_obj.phone,//经纪人手机号
'phone_b': _this.activeLandlordPhone,//客户手机号
'phone_x': _this.telHide,//中间号
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(_data['code'] == '200') {
_this.maskShowFlag = false;
_this.callShowFlag = false;
} else {
layerTipsX(_data['msg']);
}
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
}
},
computed: {
......
......@@ -657,10 +657,12 @@ define(['doT', 'text!temp/house_template_tpl.html', 'css!style/home.css', 'ckfin
params.leased = $('#leased option:selected').val(); //商铺状态
params.rent_price = $('#rent_price option:selected').val(); //月租金
params.is_exclusive_type = $('#is_exclusive_type option:selected').val(); //是否独家
params.id = $('#id').val(); //商铺编号
params.internal_address = $('#shop_address').val(); //商铺地址,即对内地址
params.internal_title = $('#internal_title').val(); //商铺名称
params.industry_type = $('#industry_type').val(); //业态
params.dish = $('#dish').val(); //盘方
params.id = $('#id').val(); //店铺编
params.dish_name = $('#dish_name').val(); //盘方姓名
params.dish_phone = $('#dish_phone').val(); //盘方手机
params.start_date = $('#start_date').val(); //时间1
params.end_date = $('#end_date').val(); //时间2
......
......@@ -28,12 +28,13 @@
[% } %]
</td>
<td>
[% if(it[item]["is_show"] == 0) { %]
[% if(it[item]["shop_type"] == 0) { %]
[%= it[item]["shop_area_start"] + '-' + it[item]["shop_area_end"] %]
[% }else{ %]
[%= it[item]["shop_area_start"] %]
[% } %]
</td>
<td>[%= it[item]['industry_type'] %]</td>
<td>[%= it[item]['create_time'] %]</td>
<td>
[% if(it[item]["residue_num"] == 0) { %]
......
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