XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

接口类型修改 瀑布流替换

Browse Source
This commit is contained in:
luJianJun
2023-07-31 11:42:24 +08:00
parent a6eb45baed
commit 6793e4cd3e
9 changed files with 196 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/views/detail.vue
View File

@@ -17,9 +17,9 @@
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>
|| 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'] &&
@@ -73,7 +73,8 @@
</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 class="contact-btn top-contact-btn" style="margin:0 0 0 10px;"
@click="getConcatData">
联系方式
</div>
</div>
@@ -85,8 +86,9 @@
<div class="info-box">
<div class="detail-price-box">
<span class="need-houing-type" v-if="pageType == 3">预算</span>
<span class="unit" :style="{'font-size':pageType===3?'20px':''}">HK$</span><span class="rent" v-if="pageType != 3">{{
housingInfo['data'] && housingInfo['data'].info.rent }}</span>
<span class="unit" :style="{ 'font-size': pageType === 3 ? '20px' : '' }">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]
@@ -145,8 +147,9 @@
</div>
</div>
</div>
<div class="image-box" v-if="(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.video) ||
(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.picturegroup)">
<div class="image-box"
v-if="(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.video) ||
(housingInfo['data'] && housingInfo['data'].info && housingInfo['data'].info.picturegroup)">
<div class="dis-f al-item">
<img src="../assets/img/detail/videoIcon.png" v-if="housingInfo['data'] &&
housingInfo['data'].info.video &&
@@ -230,15 +233,16 @@
<div class="title-box">
所在楼层
</div>
<div class="text"
v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor" :key="i"
:class="{ 'mg-l-30': i === 0 }">
{{
item == 0 ? '不限' :
indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['floor'][item]
}}
<div class="text">
<span v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.floor"
:key="i" :class="[i === 0 ? 'mg-l-30' : 'mg-l-10']">
{{
item == 0 ? '不限' :
indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['floor'][item]
}}
</span>
<!-- {{ housingInfo['data'] && housingInfo['data'].info.floor }} -->
</div>
</div>
@@ -261,16 +265,18 @@
<div class="title-box">
晾晒区
</div>
<div class="text"
v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea"
:key="i" :class="{ 'mg-l-30': i === 0 }">
{{
item == 0 ? '不限' :
indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['sunshinearea'][housingInfo['data'] &&
housingInfo['data'].info.sunshinearea]
}}
<div class="text">
<span
v-for="(item, i) in housingInfo['data'] && housingInfo['data'].info.sunshinearea"
:key="i" :class="[i === 0 ? 'mg-l-30' : 'mg-l-10']">
{{
item == 0 ? '不限' :
indexData['data'] &&
indexData['data']['config'] &&
indexData['data']['config']['sunshinearea'][housingInfo['data'] &&
housingInfo['data'].info.sunshinearea]
}}
</span>
</div>
</div>
<div class="info dis-f al-item"
@@ -449,7 +455,8 @@
location && location[housingInfo['data'] && housingInfo['data']['info'].location]
}}</span>
</div>
<div class="dis-f jus-x" style="margin-top:15px;" v-if="housingInfo['data'] && housingInfo['data'].info.latitude">
<div class="dis-f jus-x" style="margin-top:15px;"
v-if="housingInfo['data'] && housingInfo['data'].info.latitude">
<div>
<mapInfo :latlng="{
longitude: housingInfo['data'].info.longitude * 1,
@@ -579,8 +586,9 @@
<div>
如房源信息中有内容侵犯了您的合法权益，可点击屏幕右侧的举报或联系寄托方同学（微信号
<el-dropdown>
<span class="text-line line-h-30" @click="clone(concatInfo.data && concatInfo.data.wechat)">{{
concatInfo.data && concatInfo.data.wechat }}</span>
<span class="text-line line-h-30"
@click="clone(concatInfo.data && concatInfo.data.wechat)">{{
concatInfo.data && concatInfo.data.wechat }}</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>
@@ -613,7 +621,7 @@
<img src="../assets/homeImage/intermediaryTabImg.png" class="intermediary-logo" alt="">
</div>
<div class="dis-f jus-x"
v-if="pageType!=2||(pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary != 1)">
v-if="pageType != 2 || (pageType == 2 && housingInfo['data'] && housingInfo['data'].isintermediary != 1)">
<div class="user-type">
{{
indexData['data'] &&
@@ -642,7 +650,8 @@
<div class="dis-f al-item jus-x time-box"
v-if="housingInfo['data'] && housingInfo['data'].verifiedlistingcount">
<img src="../assets/img/detail/presonNumIcon.png" class="icon" alt="">
<div class="dis-f al-item">认证房源 x {{ housingInfo['data'] && housingInfo['data'].verifiedlistingcount }}</div>
<div class="dis-f al-item">认证房源 x {{ housingInfo['data'] &&
housingInfo['data'].verifiedlistingcount }}</div>
</div>
</div>
<div class="intermediary-info-box" v-if="housingInfo['data'] && housingInfo['data'].contacts">
@@ -744,7 +753,8 @@
<div class="dis-f jus-x" v-if="pageType != 3 && (recommendListData.length > 0 || publisherList.length > 0)">
<div class="body-maxWidth housing-title" style="margin-top:50px;">
{{ pageType == 2 && housingInfo['data'].isintermediary ? `发布者的其他房源（${publisherList.length}）` :
pageType == 1 && housingInfo['data'] && housingInfo['data']['info'].verified ? `发布者的其他认证房源（${publisherList.length}）`:'附近房源' }}
pageType == 1 && housingInfo['data'] && housingInfo['data']['info'].verified ?
`发布者的其他认证房源（${publisherList.length}）` : '附近房源' }}
</div>
</div>
<div class="dis-f jus-x al-item" style="position: relative;" v-if="pageType != 3">
@@ -1206,11 +1216,11 @@ let setNavigation = () => {
},
secondaryIndex: {
path: '/needHousing',
title:'求房源'
title: '求房源'
}
}
}
console.log(111,store.state.routeList)
console.log(111, store.state.routeList)
}
//中介数据
let contacts = reactive({
@@ -1236,7 +1246,7 @@ let getHousingInfo = () => {
})
concatInfo['data'] = store.state.indexData.wechat
if (res.data.contacts) contacts['data'] = res.data.contacts
if ((pageType.value == 2 && housingInfo['data'].isintermediary)||(pageType.value ==1 && housingInfo['data']['info'].verified)) {
if ((pageType.value == 2 && housingInfo['data'].isintermediary) || (pageType.value == 1 && housingInfo['data']['info'].verified)) {
getPublisherList()
} else if (pageType.value != 3) {
recommendList()
@@ -1884,8 +1894,8 @@ img {
}
}
.top-contact-btn{
width:200px !important;
.top-contact-btn {
width: 200px !important;
}
.contact-btn {
@@ -2036,7 +2046,7 @@ img {
padding: 20px 10px;
margin-top: 30px;
box-sizing: border-box;
line-height:20px;
line-height: 20px;
.business-card-btn {
width: 100px;
@@ -2425,6 +2435,10 @@ img {
width: 100%;
}
.mg-l-10 {
margin-left: 10px;
}
.mg-l-30 {
margin-left: 30px;
}
@@ -2481,8 +2495,9 @@ img {
color: #7F7F7F;
font-size: 13px;
margin-top: 30px;
.line-h-30{
line-height:30px;
.line-h-30 {
line-height: 30px;
}
.wx-qrcode-s {
@@ -2535,7 +2550,7 @@ img {
font-weight: 400;
font-style: normal;
color: #7F7F7F;
font-size:13px;
font-size: 13px;
.houseing-info-box-s {
padding: 0 15px;