提交
This commit is contained in:
@@ -7,84 +7,86 @@
|
|||||||
<div class="dis-f jus-bet" style="margin-top: -15px;">
|
<div class="dis-f jus-bet" style="margin-top: -15px;">
|
||||||
<div class="info-box">
|
<div class="info-box">
|
||||||
<div style="position:absolute;top:0;left:0">
|
<div style="position:absolute;top:0;left:0">
|
||||||
<el-affix :offset="0" @change="changeTitleType" z-index="666" style="width: 1200px">
|
<el-affix :offset="0" @change="changeTitleType" z-index="666" style="width: 1200px">
|
||||||
<div class="top-bar-box dis-f jus-x" v-if="titleType">
|
<div class="top-bar-box dis-f jus-x" v-if="titleType">
|
||||||
<div class="top-bar dis-f al-item jus-bet">
|
<div class="top-bar dis-f al-item jus-bet">
|
||||||
<div class="dis-f al-item">
|
|
||||||
<img src="../assets/img/detail/authenticationHousing.png"
|
|
||||||
class="authentication-housing" v-if="pageType == 1 &&
|
|
||||||
housingInfo['data'] &&
|
|
||||||
housingInfo['data'].info.verified" alt="">
|
|
||||||
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo"
|
|
||||||
style="margin-right:10px;" v-if="pageType == 2 &&
|
|
||||||
housingInfo['data'] &&
|
|
||||||
housingInfo['data'].isintermediary == 1" alt="">
|
|
||||||
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified
|
|
||||||
|| pageType == 2 &&
|
|
||||||
housingInfo['data'] &&
|
|
||||||
housingInfo['data'].isintermediary == 1"></div>
|
|
||||||
<span class="need-houing-type" v-if="pageType == 3">预算</span>
|
|
||||||
<span class="unit">HK$</span>
|
|
||||||
<span class="rent" v-if="pageType != 3">{{ housingInfo['data'] &&
|
|
||||||
housingInfo['data'].info.rent }}</span>
|
|
||||||
<span class="rent" v-if="pageType == 3">
|
|
||||||
{{
|
|
||||||
housingInfo['data'] && housingInfo['data'].info.rent[0]
|
|
||||||
}}~
|
|
||||||
{{
|
|
||||||
housingInfo['data'] && housingInfo['data'].info.rent[1]
|
|
||||||
}}
|
|
||||||
</span>
|
|
||||||
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
|
|
||||||
<div class="line"></div>
|
|
||||||
<div class="dis-f al-item">
|
<div class="dis-f al-item">
|
||||||
{{ indexData['data'] &&
|
<img src="../assets/img/detail/authenticationHousing.png"
|
||||||
indexData['data']['config'] &&
|
class="authentication-housing" v-if="pageType == 1 &&
|
||||||
indexData['data']['config']['type'][housingInfo['data'] &&
|
housingInfo['data'] &&
|
||||||
housingInfo['data'].info.type.substring(0, 1)]
|
housingInfo['data'].info.verified" alt="">
|
||||||
}}
|
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo"
|
||||||
<img src="../assets/img/detail/arrowIcon.svg" class="icon" alt="">
|
style="margin-right:10px;" v-if="pageType == 2 &&
|
||||||
{{ indexData['data'] &&
|
housingInfo['data'] &&
|
||||||
indexData['data']['config'] &&
|
housingInfo['data'].isintermediary == 1" alt="">
|
||||||
indexData['data']['config']['type'][housingInfo['data'] &&
|
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified
|
||||||
housingInfo['data'].info.type]
|
|| pageType == 2 &&
|
||||||
}}
|
housingInfo['data'] &&
|
||||||
</div>
|
housingInfo['data'].isintermediary == 1"></div>
|
||||||
</div>
|
<span class="need-houing-type" v-if="pageType == 3">预算</span>
|
||||||
<div class="dis-f al-item">
|
<span class="unit">HK$</span>
|
||||||
<div class="tool-btn dis-f al-item jus-x">
|
<span class="rent" v-if="pageType != 3">{{ housingInfo['data'] &&
|
||||||
<div class="dis-f al-item" @click="setOperation">
|
housingInfo['data'].info.rent }}</span>
|
||||||
<img src="../assets/img/detail/collect.png"
|
<span class="rent" v-if="pageType == 3">
|
||||||
v-show="housingInfo['data'] && !housingInfo['data'].isfav"
|
{{
|
||||||
class="tool-icon" alt="">
|
housingInfo['data'] && housingInfo['data'].info.rent[0]
|
||||||
<img src="../assets/img/detail/collectT.png"
|
}}~
|
||||||
v-show="housingInfo['data'] && housingInfo['data'].isfav"
|
{{
|
||||||
class="tool-icon" alt="">
|
housingInfo['data'] && housingInfo['data'].info.rent[1]
|
||||||
<span>
|
}}
|
||||||
{{ housingInfo['data'] && housingInfo['data'].isfav ?
|
</span>
|
||||||
housingInfo['data'] && housingInfo['data']['info'].count_fav : '收藏' }}
|
<span>/{{ housingInfo['data'] && housingInfo['data'].info.rentalperiod }}</span>
|
||||||
</span>
|
<div class="line"></div>
|
||||||
</div>
|
<div class="dis-f al-item">
|
||||||
<div class="line" style="margin:0 20px;"></div>
|
{{ indexData['data'] &&
|
||||||
<div class="dis-f al-item" style="position: relative;">
|
indexData['data']['config'] &&
|
||||||
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="">
|
indexData['data']['config']['type'][housingInfo['data'] &&
|
||||||
<span>
|
housingInfo['data'].info.type.substring(0, 1)]
|
||||||
转发
|
}}
|
||||||
</span>
|
<img src="../assets/img/detail/arrowIcon.svg" class="icon" alt="">
|
||||||
<transmit-btn v-if="housingInfo.data" :qrcode="housingInfo.data['qrcode']"
|
{{ indexData['data'] &&
|
||||||
:title="housingInfo.data.info['subject']"></transmit-btn>
|
indexData['data']['config'] &&
|
||||||
|
indexData['data']['config']['type'][housingInfo['data'] &&
|
||||||
|
housingInfo['data'].info.type]
|
||||||
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
|
<div class="dis-f al-item">
|
||||||
<div class="contact-btn top-contact-btn" style="margin:0 0 0 10px;"
|
<div class="tool-btn dis-f al-item jus-x">
|
||||||
@click="getConcatData">
|
<div class="dis-f al-item" @click="setOperation">
|
||||||
联系方式
|
<img src="../assets/img/detail/collect.png"
|
||||||
|
v-show="housingInfo['data'] && !housingInfo['data'].isfav"
|
||||||
|
class="tool-icon" alt="">
|
||||||
|
<img src="../assets/img/detail/collectT.png"
|
||||||
|
v-show="housingInfo['data'] && housingInfo['data'].isfav"
|
||||||
|
class="tool-icon" alt="">
|
||||||
|
<span>
|
||||||
|
{{ housingInfo['data'] && housingInfo['data'].isfav ?
|
||||||
|
housingInfo['data'] && housingInfo['data']['info'].count_fav : '收藏'
|
||||||
|
}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="line" style="margin:0 20px;"></div>
|
||||||
|
<div class="dis-f al-item" style="position: relative;">
|
||||||
|
<img src="../assets/img/detail/forward.png" class="tool-icon" alt="">
|
||||||
|
<span>
|
||||||
|
转发
|
||||||
|
</span>
|
||||||
|
<transmit-btn v-if="housingInfo.data"
|
||||||
|
:qrcode="housingInfo.data['qrcode']"
|
||||||
|
:title="housingInfo.data.info['subject']"></transmit-btn>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="concat-btn-box" :class="{ 'concat-btn-show': concatType }">
|
||||||
|
<div class="contact-btn top-contact-btn" style="margin:0 0 0 10px;"
|
||||||
|
@click="getConcatData">
|
||||||
|
联系方式
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</el-affix>
|
||||||
</el-affix>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-price-box dis-f" style="align-items: end;">
|
<div class="detail-price-box dis-f" style="align-items: end;">
|
||||||
<span class="need-houing-type" v-if="pageType == 3">预算</span>
|
<span class="need-houing-type" v-if="pageType == 3">预算</span>
|
||||||
@@ -787,7 +789,7 @@
|
|||||||
<footerTool class="mg-t-60"></footerTool>
|
<footerTool class="mg-t-60"></footerTool>
|
||||||
<div class="pop-mask" v-show="showConcat">
|
<div class="pop-mask" v-show="showConcat">
|
||||||
<div class="pop-box">
|
<div class="pop-box">
|
||||||
<!-- 两种信息 -->
|
<!-- 多种信息 -->
|
||||||
<!-- third-concat -->
|
<!-- third-concat -->
|
||||||
<div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
|
<div class="pop-big-box" v-show="concatData.data && concatData.data.count > 1"
|
||||||
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
|
:class="{ 'third-concat': concatData.data && concatData.data.count === 3 ? !concatData.data.wechatdata.url : concatData.data && concatData.data.count > 3 }">
|
||||||
@@ -798,59 +800,79 @@
|
|||||||
<div class="user-liner-box dis-f al-item"
|
<div class="user-liner-box dis-f al-item"
|
||||||
:class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
|
:class="{ 'jus-bet': concatData.data && concatData.data.count > 2 }">
|
||||||
<!-- class='s-w-100' -->
|
<!-- class='s-w-100' -->
|
||||||
<div style="padding:0 0 30px 0;"
|
<div style="padding:0 0 30px 0;" class="s-w-100">
|
||||||
:class="[{ 's-w-100': concatData.data && concatData.data.count === 2 }]">
|
|
||||||
<div class="liner-title">
|
<div class="liner-title">
|
||||||
联系方式
|
联系方式
|
||||||
</div>
|
</div>
|
||||||
<div class="whatsapp-box"
|
<div class="dis-f jus-bet s-w-100">
|
||||||
v-if="concatData.data && concatData.data.wechat && concatData.data.count > 2">
|
<div>
|
||||||
<div class="dis-f al-item">
|
<div
|
||||||
<img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
|
v-if="concatData.data && concatData.data.wechat && concatData.data.count > 2">
|
||||||
微信
|
<div class="dis-f al-item">
|
||||||
</div>
|
<img src="../assets/img/detail/wxIcon.png" class="whatsapp-icon" alt="">
|
||||||
<div class="dis-f al-item box-text mg-l-35">
|
微信
|
||||||
<div style="width:120px;">
|
</div>
|
||||||
{{ concatData.data && concatData.data.wechat }}
|
<div class="dis-f al-item box-text mg-l-35">
|
||||||
|
<div style="width:120px;">
|
||||||
|
{{ concatData.data && concatData.data.wechat }}
|
||||||
|
</div>
|
||||||
|
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
||||||
|
@click.stop="clone(concatData.data.wechat)">
|
||||||
|
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
<div
|
||||||
@click.stop="clone(concatData.data.wechat)">
|
v-if="concatData.data && concatData.data.whatsapp && concatData.data.count > 2">
|
||||||
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
<div class="dis-f al-item">
|
||||||
复制
|
<img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon"
|
||||||
|
alt="">
|
||||||
|
WhatsApp
|
||||||
|
</div>
|
||||||
|
<div class="dis-f al-item box-text mg-l-35">
|
||||||
|
<div style="width:120px;">
|
||||||
|
{{ concatData.data && concatData.data.whatsapp }}
|
||||||
|
</div>
|
||||||
|
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
||||||
|
@click.stop="clone(concatData.data.whatsapp)">
|
||||||
|
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="concatData.data && concatData.data.tel && concatData.data.count > 2">
|
||||||
|
<div class="dis-f al-item">
|
||||||
|
<img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon"
|
||||||
|
alt="">
|
||||||
|
电话号码
|
||||||
|
</div>
|
||||||
|
<div class="dis-f al-item box-text mg-l-35">
|
||||||
|
<div style="width:120px;">
|
||||||
|
{{ concatData.data && concatData.data.tel }}
|
||||||
|
</div>
|
||||||
|
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
||||||
|
@click.stop="clone(concatData.data.tel)">
|
||||||
|
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
||||||
|
复制
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="whatsapp-box"
|
<div
|
||||||
v-if="concatData.data && concatData.data.whatsapp && concatData.data.count > 2">
|
v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
|
||||||
<div class="dis-f al-item">
|
<div class="wx-qrcode-s dis-f jus-x al-item">
|
||||||
<img src="../assets/img/detail/WhatsAppIcon.png" class="whatsapp-icon" alt="">
|
<img :src="concatData.data && concatData.data.wechatdata.url"
|
||||||
WhatsApp
|
class="user-img" alt="">
|
||||||
</div>
|
|
||||||
<div class="dis-f al-item box-text mg-l-35">
|
|
||||||
<div style="width:120px;">
|
|
||||||
{{ concatData.data && concatData.data.whatsapp }}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
<div style="margin-top:15px;font-size:14px;text-align: center;">
|
||||||
@click.stop="clone(concatData.data.whatsapp)">
|
<div>
|
||||||
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
微信扫码添加好友
|
||||||
复制
|
</div>
|
||||||
</div>
|
<div style="margin-top:5px;font-size:14px;">
|
||||||
</div>
|
备注：寄托租房
|
||||||
</div>
|
</div>
|
||||||
<div class="whatsapp-box"
|
|
||||||
v-if="concatData.data && concatData.data.tel && concatData.data.count > 2">
|
|
||||||
<div class="dis-f al-item">
|
|
||||||
<img src="../assets/img/detail/phoneIcon.png" class="whatsapp-icon" alt="">
|
|
||||||
电话号码
|
|
||||||
</div>
|
|
||||||
<div class="dis-f al-item box-text mg-l-35">
|
|
||||||
<div style="width:120px;">
|
|
||||||
{{ concatData.data && concatData.data.tel }}
|
|
||||||
</div>
|
|
||||||
<div class="clone-btn dis-f al-item jus-x mg-l-50"
|
|
||||||
@click.stop="clone(concatData.data.tel)">
|
|
||||||
<img src="../assets/img/detail/cloneIcon.png" class="icon" alt="">
|
|
||||||
复制
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -898,20 +920,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="concatData.data && concatData.data.count > 2 && concatData.data.wechatdata.url">
|
|
||||||
<div class="wx-qrcode-s dis-f jus-x al-item">
|
|
||||||
<img :src="concatData.data && concatData.data.wechatdata.url" class="user-img"
|
|
||||||
alt="">
|
|
||||||
</div>
|
|
||||||
<div style="margin-top:15px;font-size:14px;text-align: center;">
|
|
||||||
<div>
|
|
||||||
微信扫码添加好友
|
|
||||||
</div>
|
|
||||||
<div style="margin-top:5px;font-size:14px;">
|
|
||||||
备注：寄托租房
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="round dis-f jus-x al-item"
|
<div class="round dis-f jus-x al-item"
|
||||||
v-if="concatData.data && !concatData.data.wechatdata.url">
|
v-if="concatData.data && !concatData.data.wechatdata.url">
|
||||||
<div class="deepen dis-f jus-x al-item">
|
<div class="deepen dis-f jus-x al-item">
|
||||||
@@ -1767,12 +1775,12 @@ img {
|
|||||||
|
|
||||||
.whatsapp-box {
|
.whatsapp-box {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
.whatsapp-icon {
|
.whatsapp-icon {
|
||||||
width: 25px;
|
width: 25px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user