Skip to content

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

办公楼详情

parent 668a668f
Hide whitespace changes
Inline Side-by-side
Showing with 1069 additions and 2 deletions
application/app_broker/controller/Index.php
View file @ cd207cf1
...@@ -193,6 +193,10 @@ class Index ...@@ -193,6 +193,10 @@ class Index
{ {
return view('index/shop_detail_pc'); return view('index/shop_detail_pc');
} }
public function office_detail_pc()
{
return view('index/office_detail_pc');
}
public function customer_genjin_detail_pc() public function customer_genjin_detail_pc()
{ {
......
application/app_broker/view/index/office_detail_pc.html 0 → 100644
View file @ cd207cf1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>同联商业</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" type="text/css" href="/app/css/skin.css"/>
</head>
<body style="display: none;">
<div id="app" style="color: #061C43;font-size: 14px;">
<main>
<section v-show="dataCode==200">
<table>
<tbody>
<tr>
<td>商铺编号：{{d.id}}</td>
<td>商铺类型：{{(d.shop_type==1)?'街铺':'商场'}}</td>
<td>是否对客户展示：{{(d.is_show==1)?'否':'是'}}</td>
<td>是否独家：{{(d.is_exclusive_type==1)?'是':'否'}}</td>
</tr>
<tr>
<td>{{dealPrice}}</td>
<td>{{(d.shop_type==1)?'对内转让费':'进场费'}}：{{d.slotting_fee}}元</td>
<td>物业管理费：{{d.management_fee}}元/月</td>
<td>来源：{{switchSource(d.source)}}</td>
</tr>
<tr>
<td>{{(d.shop_type==1)?'建筑面积':'商铺面积'}}：{{dealArea}}</td>
<td>{{(d.shop_type==1)?'使用面积':'项目总面积'}}：{{d.market_area}}m²</td>
<td>剩余铺数：{{d.residue_num}}</td>
<td>总铺数：{{d.total}}</td>
</tr>
<tr>
<td>适合经营范围：{{d.industry_type}}</td>
<!--<td>{{(d.shop_type==1)?'当前经营':'已入驻'}}：{{d.enter_num}}</td>-->
<td></td>
<td>楼层：{{d.floor}}</td>
<td></td>
</tr>
<tr>
<td colspan="4">理想经营业态：{{d.fit_industry_type}}</td>
</tr>
<tr>
<td colspan="2">对内商铺名称：{{d.internal_title}}</td>
<!--<td colspan="2">对内商铺地址：{{d.province}}{{d.city+d.disc+d.internal_address}}</td>-->
<td colspan="2">对内商铺地址：{{d.address}}</td>
</tr>
<tr>
<td colspan="2">交通：{{d.traffic}}</td>
<td colspan="2">商务条款：{{signRule()}}</td>
</tr>
<tr>
<!--<td colspan="2">对内项目优势：{{d.internal_item_advantage}}</td>-->
<td colspan="2">标签：{{d.shop_sign}}</td>
</tr>
<tr class="border-bottom">
<td>营业时间：{{d.do_business_date}}</td>
<td v-if="d.shop_type == 0">招商时间：{{d.opening_date}}</td>
<td v-if="d.shop_type == 0">开业时间：{{d.start_business_date}}</td>
<td v-if="d.shop_type == 0">项目（大厦）名称：{{d.project_name}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr class="tr-bold">
<td colspan="4">经纪人对本铺的评价</td>
</tr>
<tr>
<td colspan="4">周边配套：{{d.rim_mating}}</td>
</tr>
<tr>
<td colspan="4">所处地段：{{d.section}}</td>
</tr>
<tr>
<td colspan="4">附近人流：{{d.crowd}}</td>
</tr>
<tr class="border-bottom">
<td colspan="4">其他补充：{{d.other}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td>面宽：{{d.area_width}}米</td>
<td>进深：{{d.depth}}米</td>
<td>电量：{{d.electric_quantity}}KW</td>
<td>电压：{{d.voltage}}V</td>
</tr>
<tr>
<td>燃气：{{(d.is_has_gas == 1)?'无':'有'}}</td>
<td>烟管道：{{(d.exhaust_fume == 1)?'有':'无'}}</td>
<td>上水：{{(d.running_water == 1)?'有':'无'}}</td>
<td>下水：{{(d.downriver == 1)?'有':'无'}}</td>
</tr>
<tr class="border-bottom">
<td colspan="2">目前证照经营范围:{{d.business_scope}}</td>
<td colspan="2">交付装修：{{switchDecoration(d.decoration)}}</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td colspan="4" class="oh">
<div class="fl">详情页面轮播图：</div>
<div class="fl">
<ul class="oh img-list">
<li class="fl oh" v-for="(item, index) in d.images" :key="index" :data-id="item.id"><img class="fl" :src="d.api_path+item.img_name" preview="2" /></li>
</ul>
</div>
</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr>
<td colspan="2" v-if="!(d.is_show==1)">对外商铺名称：{{d.external_title}}</td>
<td colspan="2" v-if="!(d.is_show==1)">对外商铺地址：{{d.external_address}}</td>
</tr>
<tr>
<td v-if="d.shop_type == 1" colspan="2">对外转让费：{{(d.external_slotting_fee == '-1')?'面议':(d.external_slotting_fee+'元')}}</td>
<td v-else colspan="3"></td>
</tr>
<tr v-if="!(d.is_show==1) && d.cover_plan">
<td colspan="4" class="oh">
<div class="fl">对外封面图：</div>
<div class="fl">
<ul class="oh img-list">
<li class="fl oh"><img class="fl" :src="d.api_path+d.cover_plan.img_name" /></li>
</ul>
</div>
</td>
</tr>
<tr class="tr-seat">
<td colspan="4"></td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<td colspan="4">
<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="showModal1(item)">拨打</a></li>
</ul>
</div>
</td>
</tr>
<tr v-if="d.is_show_landlord == 1">
<td colspan="4">房东备注：{{d.landlord_remark}}</td>
</tr>
<tr>
<td colspan="4">
<div class="fl">盘方：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.id">{{item.district_name+'-'+item.store_name+'-'+item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr v-if="false">
<td colspan="4">
<div class="fl">案场权限人：</div>
<div class="fl">
<ul class="oh phone-list">
<li class="fl oh" v-for="(item, index) in d.panParty" :key="index" :data-id="item.phone">{{item.name+'-'+item.phone}}</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>上传时间：{{d.create_time}}</td>
<td>最后编辑时间：{{d.update_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家有效期：{{d.agent_start_time+'至'+d.agent_end_time}}</td>
<td v-if="(d.is_exclusive_type==1)">独家方：{{d.exclusive_user}}</td>
</tr>
<tr v-show='clickPublicUser("index/isShow")'>
<td colspan="4" align="center">
<a href="javascript:;" class="is-public-user" @click="isPublicUser()">C端公开</a>
</td>
</tr>
</tbody>
</table>
</section>
<section v-show="dataCode==102">查看数量已达上限</section>
<section v-show="dataCode!=200"></section>
</main>
<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">
<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>
<div class="call-delete-icon"><img src="/app/images/search_gb.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" @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="modalShow2">
<div class="call-hide-area">
<p>请使用{{selectPhone}}的手机拨打该虚拟号：</p>
<p>（使用其他手机号拨打是打不通的）</p>
<p>{{telHide}}</p>
<textarea v-model.trim="content" placeholder="请输入房源跟进信息（必填）"></textarea>
<p><a href="javascript:;" @click="saveGenjin">保存</a></p>
</div>
</div>
<!--c端公开-->
<div class="modal-area" v-show="modalShow3">
<div class="public-hide-area">
<span class="is-public-show">是否对客户展示：</span>
<select name="" class="choose-public-user" v-model.trim="select_public">
<option value="0">是</option>
<option value="1">否</option>
</select>
<span class="color-biaoshi">(请点击进行选择)</span>
<p>
<a href="javascript:;" @click="savePublicUser()" class="save-is-public">保存</a>
<a href="javascript:;" @click="hidePublicUser()" class="cancel-is-public">取消</a>
</p>
</div>
</div>
</div>
<script src="/app/js/libs/vue.min.js" type="text/javascript"></script>
<script src="/app/js/libs/vue-photo-preview.js" type="text/javascript"></script>
<script src="/app/js/libs/require.min.js" data-js="/app/js/office_detail_pc.js" data-main="/app/js/main" data-norem="yes" defer async="true"></script>
<script type="text/javascript">
</script>
</body>
</html>
\ No newline at end of file
application/route.php
View file @ cd207cf1
...@@ -48,6 +48,7 @@ Route::group('app_broker', [ ...@@ -48,6 +48,7 @@ Route::group('app_broker', [
'customerinfo_genjin' => ['app_broker/index/customerinfo_genjin', ['method' => 'get']], 'customerinfo_genjin' => ['app_broker/index/customerinfo_genjin', ['method' => 'get']],
'timeline_pc' => ['app_broker/index/timeline_pc', ['method' => 'get']], 'timeline_pc' => ['app_broker/index/timeline_pc', ['method' => 'get']],
'shop_detail_pc' => ['app_broker/index/shop_detail_pc', ['method' => 'get']], 'shop_detail_pc' => ['app_broker/index/shop_detail_pc', ['method' => 'get']],
'office_detail_pc' => ['app_broker/index/office_detail_pc', ['method' => 'get']],
'submit_report_pc' => ['app_broker/index/submit_report_pc', ['method' => 'get']], 'submit_report_pc' => ['app_broker/index/submit_report_pc', ['method' => 'get']],
'customer_genjin_detail_pc' => ['app_broker/index/customer_genjin_detail_pc', ['method' => 'get']], 'customer_genjin_detail_pc' => ['app_broker/index/customer_genjin_detail_pc', ['method' => 'get']],
'bargaininfo_detail_static_pc' => ['app_broker/index/bargaininfo_detail_static_pc', ['method' => 'get']], 'bargaininfo_detail_static_pc' => ['app_broker/index/bargaininfo_detail_static_pc', ['method' => 'get']],
......
public/app/css/office_detail_pc.css 0 → 100644
View file @ cd207cf1
@charset "utf-8";
body{
background-color: white;
font-size: 14px;
}
main>section{
padding: 20px;
}
table{
display: block;
}
table td{
box-sizing: border-box;
padding: 5px 10px;
width: 260px;
}
.tr-seat{
height: 20px;
}
tbody>tr.border-bottom{
border-bottom: 1px solid rgba(206, 213, 235,.5);
}
tbody>tr.tr-bold{
font-size: 16px;
color: black;
font-weight: bolder;
}
.img-list>li{
width:66px;
height: 66px;
}
.img-list>li+li{
margin-left: 20px;
}
.img-list>li>img{
width: 100%;
height: 100%;
object-fit: cover;
}
.phone-list>li>span{
background-color: #e0e0e0;
}
.phone-list>li>a{
color: #FF750E;
padding: 0 5px;
border-radius: 4px;
margin-left: 6px;
font-weight: 600;
font-size: 15px;
}
.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;
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: 38px;
line-height: 80px;
}
.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: 120px 0 0;
height: 46px;
line-height: 46px;
border-radius: 10px;
text-align: center;
font-size: 18px;
background-color: #286090;
color: white;
}
.call-hide-area>textarea{
display: block;
width: 100%;
height: 200px;
border: 1px dotted #333;
margin-bottom: 30px;
}
/*拨打电话模态框*/
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: 102;
}
.call-modal-main{
width: 6.6rem;
height: 6.54rem;
padding: .4rem .3rem;
margin-top: 1.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{
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;
}
.call-modal-main>ol>li>div{
float: right;
}
.call-modal-main>ol>li>.call-select-icon,
.call-modal-main>ol>li>.call-delete-icon{
overflow: hidden;
padding-top: .23rem;
}
.call-modal-main>ol>li>.call-select-icon{
display: none;
}
#call_modal_phone_list>li:nth-of-type(1)>.call-delete-icon,
.call-select>.call-delete-icon,
.call-add>.call-delete-icon{
display: none;
}
.call-modal-main>ol>li>.call-select-icon>img,
.call-modal-main>ol>li>.call-delete-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;
}
/*c端公开样式*/
.is-public-user{
display: inline-block;
background-image: linear-gradient(-146deg, #FFDC0F 0%, #FF750E 91%);
border-radius: 3px;
/*background-color: #FF750E;*/
color: white;
padding: 0 3px;
width: 83px;
height: 34px;
line-height: 34px;
font-size: 15px;
}
.public-hide-area{
width: 440px;
background-color: white;
padding: 20px;
padding-top: 69px;
height: 260px;
box-sizing: border-box;
border-radius: 3px;
}
.choose-public-user{
width: 138px;
align-items: center;
text-rendering: auto;
border: 1px solid #ccc;
text-indent: 6px;
height: 36px;
border-radius: 5px;
font-size: 15px;
border-image: initial;
}
.is-public-show{
font-size: 17px;
}
.save-is-public,.cancel-is-public{
text-align: center;
float: right;
width: 58px;
height: 34px;
line-height: 34px;
border-radius: 5px;
margin-top: 100px;
margin-left: 10px;
font-size: 15px;
}
.cancel-is-public{
color: #000;
background: rgba(204, 204, 204,.9);
}
.save-is-public{
color: #fff;
background: #337ab7;
}
.color-biaoshi{
color: #337ab7;
}
public/app/js/office_detail_pc.js 0 → 100644
View file @ cd207cf1
'use strict';
require(['vue','css!style/office_detail_pc.css','jquery0325', 'common'], function(Vue,VConsole) {
var shop_id = getUrlParam('shop_id');
var user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo'))); //读取缓存
var options={
fullscreenEl:false, //关闭全屏按钮
}
Vue.use(vuePhotoPreview,options)
var vm = new Vue({
el: '#app',
data: {
is_show_address:'',
user_info_obj,
dataCode: '',
modalShow2: false, //第二个弹出框是否显示
modalShow1: false,//第一个弹出框是否显示
modalShow3:false,//点击 C端公开 出现弹窗
isCallFlag: false,//是否正在拨打
isGenjinSave: false,//是否正在保存跟进
selectPhone: '',//所选中的号码
telHide: '', //拨打隐号返回的号码
tempFollowId: '',//临时的跟进id
activeLandlord: '',//当前点击的房东
content: '',//跟进的内容，填写
select_public:'',//c端公开选择
select_public_var:'',//记录c端公开 的变量
d: {}
},
created: function() {
var _this = this;
_this.refreshHouseDetails();
},
mounted: function() {
var _thisV = this;
_thisV.$nextTick(function(){
$('#call_modal_phone_self').val(user_info_obj.phone);
//拨打电话模态框，获取电话列表
_thisV.user_info_obj.id && $.ajax({
type: 'GET',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _thisV.user_info_obj.AuthToken,
'agents_id': _thisV.user_info_obj.id
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
if(typeof data === 'object') {
if(data.code == 200) {
var _htmlTemp = '';
$.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><div class="call-delete-icon"><img src="/app/images/search_gb.png" /></div></li>'.stringFormatObj({
'0': '',
'1': item['phone'],
'2': 'readonly',
});
});
$('.call-modal-main>ol').append(_htmlTemp);
} else {
layerTipsX(data['msg']);
};
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
layerTipsX('请求超时');
};
}
});
var _doc = $(document);
var _genjinCloseBtn = $('#close_btn'),//跟进模态框关闭按钮
_addPhoneBtn = $('#add_phone_btn'),//添加电话按钮
_addPhoneListObj = $('#call_modal_phone_list');//添加电话列表对象dom
//输入手机号，点完成的事件
_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('请求超时');
};
}
});
});
//选中当前行的电话的事件
_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');
};
};
});
//删除手机号按钮，点击事件
_doc.on('click','.call-delete-icon',function(e){
e.preventDefault();
e.stopPropagation();
var _$this = $(this);
layer.open({
content: '确认删除此号码吗？',
btn: ['确定', '取消'],
yes: function(_index){
var _phoneTemp = _$this.parent().find('input').val();
_$this.parent().remove();
console.log(_thisV.user_info_obj);
$.ajax({
type: 'POST',
url: ServerHostTempC + '/broker/agentsPhone',
data: {
'AuthToken': _thisV.user_info_obj.AuthToken,
'agents_id': Number(_thisV.user_info_obj.id),
'phone': _phoneTemp,
'type': 'delete'
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(data) {
},
error: function() {
layerTipsX('error');
},
complete: function(xhr, textStatus){
if(textStatus === 'timeout'){
layerTipsX('请求超时');
};
}
});
layer.close(_index);
}
});
});
//点击添加手机号的事件
_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><div class="call-delete-icon"><img src="/app/images/search_gb.png" /></div></li>').find('.call-add>input').focus();
};
});
});
},
methods: {
hidePhone(t) {
return hideTel(t);
},
signRule() {
let _this = this;
return '付' + _this.d.payment_month + '押' + _this.d.deposit_month + ' ' + _this.d.age_limit;
},
showModal1(t) {
let _this = this;
_this.activeLandlord = t;
_this.modalShow1 = true;
},
isPublicUser(){//点击c端公开
let _this = this;
_this.modalShow3 = true;
_this.select_public=_this.select_public_var;
// _this.refreshHouseDetails();
},
hidePublicUser(){//取消c端公开
let _this = this;
_this.modalShow3 = false;
},
savePublicUser(){
var _this = this;
$.ajax({
type: 'post',
url: '/index/isShow',
data: {
'id': shop_id,
'is_show': _this.select_public
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(typeof _data === 'object') {
_this.dataCode = _data['code'];
if(_data['code'] == '200') {
layerTipsX('修改成功');
_this.modalShow3 = false;
_this.refreshHouseDetails();
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
refreshHouseDetails(){//是否对客户公开 保存后 刷新商铺详情页面
var _this = this;
$.ajax({
type: 'get',
url: '/broker/getShopDetail',
data: {
'id': shop_id,
'site_area': 4, //pc后台固定传4
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
document.body.style.display = 'block';
if(typeof _data === 'object') {
_this.dataCode = _data['code'];
if(_data['code'] == '200') {
_this.select_public=_data.data.is_show;
_this.select_public_var=_data.data.is_show;
_this.d = _data.data;
_this.$nextTick(() => {
vm.$previewRefresh()
});
} else {
layerTipsX(_data['msg']);
}
} else {
layerTipsX('数据错误');
};
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
},
clickPublicUser(t){//判断有权限的人 才能点击 c端公开
return check_auth(t);
},
switchSource(t){
switch(Number(t)){
case 0:return"无";
case 1:return"网络";
case 2:return"客户介绍";
case 3:return"朋友介绍";
case 4:return"上门挂牌";
case 5:return"打跟进";
case 6:return"驻守";
case 7:return"其它";
};
},
switchDecoration(t){
switch(Number(t)){
case 1:return"毛坯";
case 2:return"现状";
case 3:return"简单装修";
case 4:return"精装修";
};
},
showModal1(t) {
let _this = this;
_this.activeLandlord = t;
_this.modalShow1 = true;
},
//点击拨打，调用隐号接口
showModal2() {
let _this = this;
if(_this.isCallFlag) {
return false;
};
_this.$nextTick(function(){
var _beizhuObj = $('#content');//跟进的备注内容
var _selectObj = $('.call-select');
if(_selectObj.length != 1) {
layerTipsX('选择出错');
return false;
} else {
_this.selectPhone = $.trim(_selectObj.find('input').val());
};
$.ajax({
type: 'post',
url: ServerHostTempC + '/broker/bindAXB',
//url: '/index/bindAXB',
data: {
'phone_a': _this.selectPhone,
'phone_b': _this.activeLandlord.phone,
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.isCallFlag = true;
},
success: function(_data) {
if(_data['code'] == '200') {
_this.telHide = _data.data.phone;
_this.tempFollowId = _data.data.follow_id;
console.log(_this.telHide);
_this.modalShow1 = false;
_this.modalShow2 = true;
_beizhuObj.val(''); //清空跟进输入框内容
} else {
layerTipsX(_data['msg']);
}
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
_this.isCallFlag = false;
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
});
},
saveGenjin() {
let _this = this;
if(!_this.isGenjinSave){
if(_this.content == ''){
layerTipsX('跟进内容为空');
return false;
};
/***
agent_id true int 经纪人id
agent_phone true string 经纪人手机号
agent_name true string 经纪人名
house_id true int 楼盘id
follow_up_info true string 跟进内容
landlord_phone false string 房东手机号
landlord_name false string 备注
*****/
$.ajax({
type: 'post',
url: ServerHostTempC + '/broker/addShopFollowUp',
data: {
'AuthToken': _this.user_info_obj.AuthToken,
'agent_id': _this.user_info_obj.id,
'agent_phone': _this.user_info_obj.phone,
'agent_name': _this.user_info_obj.name,
'house_id': _this.d.id,
'follow_id': _this.tempFollowId,
'follow_up_info': _this.content,
'landlord_phone': _this.activeLandlord.phone,
'landlord_name': _this.activeLandlord.name
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {
_this.isGenjinSave = true;
},
success: function(_data) {
if(_data['code'] == '200') {
alert('保存成功');
_this.modalShow2 = false;
} else {
layerTipsX(_data['msg']);
}
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
_this.isGenjinSave = false;
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
}
},
//点击未打通，释放号码的接口
releaseTel() {
let _this = this;
$.ajax({
type: 'post',
url: '/index/agentsUnBind',
data: {
'phone_a': _this.selectPhone, //经纪人手机号
'phone_b': _this.activeLandlord.phone, //客户手机号
'phone_x': _this.telHide, //中间号
'AuthToken': _this.user_info_obj.AuthToken
},
timeout: 30000,
dataType: 'json',
beforeSend: function() {},
success: function(_data) {
if(_data['code'] == '200') {
//_this.modalShow2 = false;
} else {
layerTipsX(_data['msg']);
}
},
error: function() {
layerTipsX('enter error');
},
complete: function(xhr, textStatus) {
if(textStatus === 'timeout') {
//处理超时的逻辑
layerTipsX('请求超时,请重试');
};
}
});
}
},
computed: {
dealPrice: function() {
let _this = this;
if(_this.d.rent_type == '1') {
return '租金均价 ：' + _this.d.rent_price + '元/月';
} else if(_this.d.rent_type == '2') {
return '营业额扣点 ：' + _this.d.rent_price + '%';
}else if(_this.d.rent_type == '3') {
return '租金均价 ：' + _this.d.rent_price + '元/天/m²';
} else if(_this.d.rent_type == '4') {
return '租金均价 ：' + _this.d.rent_price + '元/年';
}else{
return '租金均价 ：' + _this.d.rent_price + '元/月/m²';
}
},
dealArea: function() {
let _this = this;
if(_this.d.shop_type=='1') {
//街铺
return _this.d.shop_area_start + '㎡';
} else {
//商场
return _this.d.shop_area_start + '㎡—' + _this.d.shop_area_end + '㎡';
}
}
}
});
});
\ No newline at end of file
public/resource/js/officeBuildingList.js
View file @ cd207cf1
...@@ -488,7 +488,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho ...@@ -488,7 +488,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho
$('.detail-modal-body-sec:nth-of-type('+(business.detailTabIndex+1)+')').show().siblings().hide(); $('.detail-modal-body-sec:nth-of-type('+(business.detailTabIndex+1)+')').show().siblings().hide();
if(business.detailTabIndex == 0){ if(business.detailTabIndex == 0){
checkLogin(); checkLogin();
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+business.id); $('.iframe-shop-detail').attr('src', '/app_broker/office_detail_pc?shop_id='+business.id);
}else if(business.detailTabIndex == 1){ }else if(business.detailTabIndex == 1){
checkLogin(); checkLogin();
$('.followup-modal-comment-area>textarea').val('');//清空跟进框内容 $('.followup-modal-comment-area>textarea').val('');//清空跟进框内容
...@@ -721,7 +721,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho ...@@ -721,7 +721,7 @@ define(['doT', 'text!temp/office_building_list_template_tpl.html', 'css!style/ho
business.house_id = $(this).attr("data-id"); business.house_id = $(this).attr("data-id");
checkLogin(); checkLogin();
// business.getFollowupList(); // business.getFollowupList();
$('.iframe-shop-detail').attr('src', '/app_broker/shop_detail_pc?shop_id='+_id); $('.iframe-shop-detail').attr('src', '/app_broker/office_detail_pc?shop_id='+_id);
}); });
//是否独家 下载附件 附件上传处理事件 //是否独家 下载附件 附件上传处理事件
$("#file_input").change(function() { $("#file_input").change(function() {
......
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