Skip to content

T
tl_estate
Commit 0b5f40b7 authored by xishifeng's avatar xishifeng
Browse files
Options

1

parent 371fad74
Hide whitespace changes
Inline Side-by-side
Showing with 377 additions and 146 deletions
application/app_broker/view/index/shop_detail_pc.html
View file @ 0b5f40b7
...@@ -142,17 +142,17 @@ ...@@ -142,17 +142,17 @@
<section v-show="dataCode!=200"></section> <section v-show="dataCode!=200"></section>
</main> </main>
<div id="call_modal" style="display: block;"> <div id="call_modal">
<div class="call-modal-main"> <div class="call-modal-main">
<p class="call-modal-main-title">选择本机手机号</p> <p class="call-modal-main-title">选择本机手机号</p>
<ol id="call_modal_phone_list"> <ol id="call_modal_phone_list">
<li class="call-select"><input placeholder="请输入本机手机号" maxlength="11" type="tel" id="call_modal_phone_self" readonly=""> <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-edit-icon">完成</div>
<div class="call-submit-ing-icon">提交中ing</div> <div class="call-submit-ing-icon">提交中ing</div>
<div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png"></div> <div class="call-select-icon"><img src="/app/images/ic_duigou_gre.png" /></div>
</li> </li>
<li class="call-add"><input placeholder="请输入本机手机号" maxlength="11" type="tel"><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> </ol>
<div id="add_phone_btn" style="display: none;">增加手机号</div> <div id="add_phone_btn">增加手机号</div>
<p class="call-modal-main-tip">请确认选择的手机号和本机号码相同，否则提示为空号</p> <p class="call-modal-main-tip">请确认选择的手机号和本机号码相同，否则提示为空号</p>
</div> </div>
<div class="call-btn-area"> <div class="call-btn-area">
......
public/app/js/shop_detail_pc.js
View file @ 0b5f40b7
'use strict'; 'use strict';
require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function(Vue, VConsole){ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'], function(Vue, VConsole) {
var shop_id = getUrlParam('shop_id'); var shop_id = getUrlParam('shop_id');
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存 var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
console.log(user_info_obj); console.log(user_info_obj);
var vm = new Vue({ var vm = new Vue({
el: '#app', el: '#app',
data: { data: {
user_info_obj, user_info_obj,
dataCode: '', dataCode: '',
maskShowFlag: false,//弹出窗层是否显示 maskShowFlag: false, //弹出窗层是否显示
callShowFlag: false,//拨打电话弹出窗层是否显示 callShowFlag: false, //拨打电话弹出窗层是否显示
telHide: '',//拨打隐号返回的号码 telHide: '', //拨打隐号返回的号码
activeLandlordPhone: '',//当前点击的房东号码 activeLandlordPhone: '', //当前点击的房东号码
d: {} d: {}
}, },
created: function() { created: function() {
var _this = this; var _this = this;
$.ajax({ $.ajax({
type: 'get', type: 'get',
url: '/broker/getShopDetail', url: '/broker/getShopDetail',
data: { data: {
'id': shop_id, 'id': shop_id,
'site_area': 4,//pc后台固定传4 'site_area': 4, //pc后台固定传4
'AuthToken': _this.user_info_obj.AuthToken 'AuthToken': _this.user_info_obj.AuthToken
}, },
timeout: 30000, timeout: 30000,
dataType: 'json', dataType: 'json',
beforeSend: function() {}, beforeSend: function() {},
success: function(_data) { success: function(_data) {
document.body.style.display = 'block'; document.body.style.display = 'block';
if(typeof _data === 'object') { if(typeof _data === 'object') {
_this.dataCode = _data['code']; _this.dataCode = _data['code'];
if(_data['code'] == '200') { if(_data['code'] == '200') {
_this.d = _data.data; _this.d = _data.data;
} else { } else {
layerTipsX(_data['msg']); layerTipsX(_data['msg']);
} }
} else { } else {
layerTipsX('数据错误'); layerTipsX('数据错误');
}; };
}, },
error: function() { error: function() {
layerTipsX('enter error'); layerTipsX('enter error');
}, },
complete: function(xhr, textStatus){ complete: function(xhr, textStatus) {
if(textStatus === 'timeout') { if(textStatus === 'timeout') {
//处理超时的逻辑 //处理超时的逻辑
layerTipsX('请求超时,请重试'); layerTipsX('请求超时,请重试');
}; };
} }
}); });
},
mounted: function() {
var _thisV = this;
$('#call_modal_phone_self').val(localStorage.getItem('userphone'));
//拨打电话模态框，获取电话列表 //拨打电话模态框，获取电话列表
_this.user_info_obj.id && $.ajax({ _thisV.user_info_obj.id && $.ajax({
type: 'GET', type: 'GET',
url: ServerHostTempC + '/broker/agentsPhone', url: ServerHostTempC + '/broker/agentsPhone',
data: { data: {
'AuthToken': _this.user_info_obj.AuthToken, 'AuthToken': _thisV.user_info_obj.AuthToken,
'agents_id': _this.user_info_obj.id 'agents_id': _thisV.user_info_obj.id
}, },
timeout: 30000, timeout: 30000,
dataType: 'json', dataType: 'json',
beforeSend: function() {}, beforeSend: function() {},
success: function(data) { success: function(data) {
if(typeof data === 'object') { if(typeof data === 'object') {
if (data.code == 200) { if(data.code == 200) {
var _htmlTemp = ''; var _htmlTemp = '';
$.each(data['data'], function(i, item) { $.each(data['data'], function(i, item) {
_htmlTemp += '<li class="{0}"><input placeholder="请输入本机手机号" maxlength="11" type="tel" value="{1}" {2} /><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>'.stringFormatObj({ _htmlTemp += '<li class="{0}"><input placeholder="请输入本机手机号" maxlength="11" type="tel" value="{1}" {2} /><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>'.stringFormatObj({
'0': '', '0': '',
'1': item['phone'], '1': item['phone'],
'2': 'readonly', '2': 'readonly',
}); });
}); });
$('.call-modal-main>ol').append(_htmlTemp); $('.call-modal-main>ol').append(_htmlTemp);
}else { } else {
layerTipsX(data['msg']); layerTipsX(data['msg']);
}; };
}else{ } else {
layerTipsX('数据错误'); layerTipsX('数据错误');
}; };
}, },
error: function() { error: function() {
layerTipsX('error'); layerTipsX('error');
}, },
complete: function(xhr, textStatus){ complete: function(xhr, textStatus) {
if(textStatus === 'timeout'){ if(textStatus === 'timeout') {
layerTipsX('请求超时'); layerTipsX('请求超时');
}; };
} }
});
var _doc = $(document);
var _genjinModal = $('#genjin_modal'),//跟进模态框dom
_callModal = $('#call_modal'),//拨打电话模态框dom
_markAreaObj = $('.genjin-mark-area-zhuangtai>.genjin-mark-area-alink'),//跟进标签列表状态标签区域dom
_markAreaObj2 = $('.genjin-mark-area-putong>.genjin-mark-area-alink'),//跟进标签列表普通标签区域dom
_beizhuObj = $('#content'),//跟进的备注内容
_genjinCloseBtn = $('#close_btn'),//跟进模态框关闭按钮
_btnSave = $('#btn_save'),//跟进的保存按钮
_btnSaveTemp = $('#btn_save_temp'),//跟进保存按钮临时
_userId = Number(localStorage.getItem('userid')),//当前用户id
isCallFlag = true,//是否是电话跟进，默认不是
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list'),//添加电话列表对象dom
_userPhone = localStorage.getItem('userphone'),//当前用户的手机号
_selectPhone = '',//拨号列表里选择的号码,也是当前用户对应的手机号，可能和_userPhone是一样的
_customerPhone = '',//当前客户的手机号
_backPhone = '';//绑定之后返回的号码
_doc.on('click', '#call_modal_phone_list>li>.call-edit-icon', function(e) {
e.preventDefault();
e.stopPropagation();
var _this = $(this),
_phoneTemp = $.trim(_this.prev().val());
if(!is_mobile(_phoneTemp)) {
layerTipsX('请输入正确的手机号码');
return false;
};
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _thisV.user_info_obj.AuthToken,
'agents_id': _thisV.user_info_obj.id,
'phone': _phoneTemp
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.hide();
_this.next().show();
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
_this.prev().attr('readonly', 'readonly').parent().removeClass('call-add').addClass('call-select').siblings().removeClass('call-select');
_addPhoneBtn.show();
} else {
layerTipsX(data['msg']);
};
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus) {
_this.next().hide();
_this.parent().hasClass('call-add') && _this.show();
if(textStatus === 'timeout') {
layerTipsX('请求超时');
};
}
});
});
//拨打电话模态框，取消按钮点击事件
$('#call_btn_cancel').click(function(e) {
e.preventDefault();
e.stopPropagation();
_callModal.hide();
});
//点击头部区域拨打电话出现弹窗部分
$('.call-tel-btn').click(function(e) {
e.preventDefault();
e.stopPropagation();
_callModal.show();
});
_doc.on('click', '#call_modal_phone_list>li', function(e) {
e.preventDefault();
e.stopPropagation();
var _this = $(this);
if(_this.find('input')[0].readOnly) {
if(!_this.hasClass('call-select')) {
_this.addClass('call-select').siblings().removeClass('call-select');
};
};
});
_addPhoneBtn.click(function(e) {
e.preventDefault();
e.stopPropagation();
if(_addPhoneListObj.find('li').length >= 3) {
layerTipsX('可添加的号码最多为3');
return false;
} else {
_addPhoneBtn.hide();
_addPhoneListObj.append('<li class="call-add"><input placeholder="请输入本机手机号" maxlength="11" type="tel" /><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>').find('.call-add>input').focus();
};
});
_doc.on('click', '#call_modal_phone_list>li>.call-edit-icon', function(e) {
e.preventDefault();
e.stopPropagation();
var _this = $(this),
_phoneTemp = $.trim(_this.prev().val());
if(!is_mobile(_phoneTemp)) {
layerTipsX('请输入正确的手机号码');
return false;
};
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _token,
'agents_id': _userId,
'phone': _phoneTemp
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.hide();
_this.next().show();
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
_this.prev().attr('readonly', 'readonly').parent().removeClass('call-add').addClass('call-select').siblings().removeClass('call-select');
_addPhoneBtn.show();
} else {
layerTipsX(data['msg']);
};
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus) {
_this.next().hide();
_this.parent().hasClass('call-add') && _this.show();
if(textStatus === 'timeout') {
layerTipsX('请求超时');
};
}
});
});
var _callFlag = true;
$('#call_btn_ok').click(function(e) {
e.preventDefault();
e.stopPropagation();
if(!_callFlag) {
return false;
};
var _selectObj = $('.call-select');
if(_selectObj.length != 1) {
layerTipsX('选择出错');
return false;
} else {
_selectPhone = $.trim(_selectObj.find('input').val());
};
if(_selectPhone && _customerPhone) {
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/bindAXB',
data: {
'AuthToken': _token,
'phone_a': _selectPhone,
'phone_b': _customerPhone
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_callFlag = false;
$('#call_btn_ok').hide();
$('#call_btn_ok_temp').show();
},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
_backPhone = data['data']['phone'];
console.log(_backPhone);
Compatible({
paraIos: {
'route': 'call',
'phone': _backPhone
},
fnAndroid: function() {
window.android.onPhoneCall(_backPhone);
},
fn: function() {
console.warn('error');
}
});
_callModal.hide(); //拨打电话模态框隐藏
_genjinCloseBtn.hide(); //跟进模态框关闭按钮隐藏
_markAreaObj2.parent().show(); //普通跟进标签列表显示
_beizhuObj.val(''); //清空跟进输入框内容
_markAreaObj2.find('a').removeClass('genjin-mark-active'); //清空普通跟进标签选择数据
setTimeout(function() {
_genjinModal.show(); //跟进模态框打开
}, 1000);
} else {
layerTipsX(data['msg']);
};
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus) {
$('#call_btn_ok_temp').hide();
$('#call_btn_ok').show();
_callFlag = true;
if(textStatus === 'timeout') {
layerTipsX('请求超时');
};
}
});
};
}); });
}, },
methods: { methods: {
...@@ -97,99 +327,99 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function ...@@ -97,99 +327,99 @@ require(['vue', 'css!style/shop_detail_pc.css', 'jquery0325', 'common'],function
}, },
signRule() { signRule() {
let _this = this; let _this = this;
return '付'+_this.d.payment_month+'押'+_this.d.deposit_month+' '+_this.d.age_limit+'年'; return '付' + _this.d.payment_month + '押' + _this.d.deposit_month + ' ' + _this.d.age_limit + '年';
}, },
//点击拨打，调用隐号接口 //点击拨打，调用隐号接口
callHide(t) { callHide(t) {
let _this = this; let _this = this;
_this.activeLandlordPhone = t; _this.activeLandlordPhone = t;
_this.maskShowFlag = true; // _this.maskShowFlag = true;
_this.callShowFlag = true; // _this.callShowFlag = true;
$.ajax({ $.ajax({
type: 'post', type: 'post',
url: '/index/bindAXB', url: '/index/bindAXB',
data: { data: {
'phone_a': _this.user_info_obj.phone, 'phone_a': _this.user_info_obj.phone,
'phone_b': t, 'phone_b': t,
'AuthToken': _this.user_info_obj.AuthToken 'AuthToken': _this.user_info_obj.AuthToken
}, },
timeout: 30000, timeout: 30000,
dataType: 'json', dataType: 'json',
beforeSend: function() {}, beforeSend: function() {},
success: function(_data) { success: function(_data) {
if(_data['code'] == '200') { if(_data['code'] == '200') {
_this.telHide = _data.data.data.phone; _this.telHide = _data.data.data.phone;
} else { } else {
layerTipsX(_data['msg']); layerTipsX(_data['msg']);
} }
}, },
error: function() { error: function() {
layerTipsX('enter error'); layerTipsX('enter error');
}, },
complete: function(xhr, textStatus){ complete: function(xhr, textStatus) {
if(textStatus === 'timeout') { if(textStatus === 'timeout') {
//处理超时的逻辑 //处理超时的逻辑
layerTipsX('请求超时,请重试'); layerTipsX('请求超时,请重试');
}; };
} }
}); });
}, },
//点击未打通，释放号码的接口 //点击未打通，释放号码的接口
releaseTel() { releaseTel() {
let _this = this; let _this = this;
$.ajax({ $.ajax({
type: 'post', type: 'post',
url: '/index/agentsUnBind', url: '/index/agentsUnBind',
data: { data: {
'phone_a': _this.user_info_obj.phone,//经纪人手机号 'phone_a': _this.user_info_obj.phone, //经纪人手机号
'phone_b': _this.activeLandlordPhone,//客户手机号 'phone_b': _this.activeLandlordPhone, //客户手机号
'phone_x': _this.telHide,//中间号 'phone_x': _this.telHide, //中间号
'AuthToken': _this.user_info_obj.AuthToken 'AuthToken': _this.user_info_obj.AuthToken
}, },
timeout: 30000, timeout: 30000,
dataType: 'json', dataType: 'json',
beforeSend: function() {}, beforeSend: function() {},
success: function(_data) { success: function(_data) {
if(_data['code'] == '200') { if(_data['code'] == '200') {
_this.maskShowFlag = false; _this.maskShowFlag = false;
_this.callShowFlag = false; _this.callShowFlag = false;
} else { } else {
layerTipsX(_data['msg']); layerTipsX(_data['msg']);
} }
}, },
error: function() { error: function() {
layerTipsX('enter error'); layerTipsX('enter error');
}, },
complete: function(xhr, textStatus){ complete: function(xhr, textStatus) {
if(textStatus === 'timeout') { if(textStatus === 'timeout') {
//处理超时的逻辑 //处理超时的逻辑
layerTipsX('请求超时,请重试'); layerTipsX('请求超时,请重试');
}; };
} }
}); });
} }
}, },
computed: { computed: {
dealPrice: function(){ dealPrice: function() {
let _this = this; let _this = this;
if(_this.d.rent_type == '1'){ if(_this.d.rent_type == '1') {
return '租金均价 ：' + _this.d.rent_price + '元/月'; return '租金均价 ：' + _this.d.rent_price + '元/月';
}else if(_this.d.rent_type == '2'){ } else if(_this.d.rent_type == '2') {
return '营业额扣点 ：' + _this.d.rent_price + '%'; return '营业额扣点 ：' + _this.d.rent_price + '%';
}else{ } else {
return '租金均价 ：' + _this.d.rent_price + '元/天/m²'; return '租金均价 ：' + _this.d.rent_price + '元/天/m²';
} }
}, },
dealArea: function(){ dealArea: function() {
let _this = this; let _this = this;
if(_this.d.shop_type){ if(_this.d.shop_type) {
//街铺 //街铺
return _this.d.shop_area_start + '㎡'; return _this.d.shop_area_start + '㎡';
}else{ } else {
//商场 //商场
return _this.d.shop_area_start + '㎡—' + _this.d.shop_area_end + '㎡'; return _this.d.shop_area_start + '㎡—' + _this.d.shop_area_end + '㎡';
} }
} }
} }
}); });
}); });
\ No newline at end of file
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