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-25 19:32:50 +08:00
parent fff3c786a8
commit 7e95fd62f8
6 changed files with 151 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/detail.vue
View File

@@ -8,9 +8,10 @@
<div class="top-bar-box dis-f jus-x" v-show="titleType">
<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="housingInfo['data']&&housingInfo['data'].isintermediary" alt="">
<div class="line" v-if="housingInfo['data']&&housingInfo['data'].isintermediary"></div>
<img src="../assets/img/detail/authenticationHousing.png" class="authentication-housing"
v-if="housingInfo['data'] &&
housingInfo['data'].info.verified" alt="">
<div class="line" v-if="housingInfo['data'] && housingInfo['data'].info.verified"></div>
<span class="unit">HK$</span>
<span class="rent">{{ housingInfo['data'] && housingInfo['data'].info.rent }}</span>
<span>/月</span>
@@ -238,8 +239,8 @@
housingInfo['data']['info'].location.substring(0,
1)]
}} > {{
location && location[housingInfo['data'] && housingInfo['data']['info'].location]
}}</span>
location && location[housingInfo['data'] && housingInfo['data']['info'].location]
}}</span>
</div>
<div class="dis-f jus-x" style="margin-top:15px;">
<div v-if="housingInfo['data']">
@@ -413,6 +414,10 @@
{{ checkUpdateTime(housingInfo['data'] && housingInfo['data'].info.updatetime)
}} </span>
</div>
<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="">
<span>认证房源 x{{ housingInfo['data']&&housingInfo['data'].verifiedlistingcount }}</span>
</div>
<div class="dis-f jus-x">
<div class="contact-btn" @click="getConcatData">
联系方式
@@ -465,13 +470,19 @@
</div>
</div>
<div class="dis-f jus-x al-item" style="position: relative;z-index:-1;">
<div class="body-maxWidth">
<div class="body-maxWidth" v-show="recommendListData.length > 0">
<div ref="gridContainer"
style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
<indexWaterfallBox v-for="(items, i) in recommendListData" :data="items" :key="items.id">
</indexWaterfallBox>
</div>
</div>
<div class="body-maxWidth" v-if="publisherList.length > 0">
<div style="margin-top:15px;display: flex;flex-wrap: wrap;margin-bottom: 50px;width:876px">
<biserialItem v-for="(item, i) in publisherList" :detailShow="true" :key="i" :item="item">
</biserialItem>
</div>
</div>
</div>
<div class="dis-f jus-x bottom-tps">
- {{ loadText }} -
@@ -710,6 +721,7 @@ import { useRouter } from 'vue-router'
import indexWaterfallBox from "../components/indexWaterfallBox/indexWaterfallBox.vue";
import Masonry from 'masonry-layout';
import transmitBtn from '@/components/public/transmitBtn.vue'
import biserialItem from '../components/biserialListItem/biserialListItem.vue'
import store from '@/store';
@@ -867,7 +879,12 @@ let getHousingInfo = () => {
name: housingInfo['data']['info'].address,
})
concatInfo['data'] = store.state.indexData.wechat
recommendList()
if (housingInfo['data'].info.verified) {
getPublisherList()
} else {
recommendList()
}
} else {
ElMessage({
message: res.message
@@ -946,7 +963,11 @@ const onPageSrcoll = (e) => {
if (loadMore.value) {
loadMore.value = false
pages.value += 1
recommendList()
if (housingInfo['data'].info.verified) {
getPublisherList()
} else {
recommendList()
}
}
}
}
@@ -997,6 +1018,32 @@ let recommendList = () => {
})
}
//发布者其他房源
let publisherList = ref([])
//获取发布者其他房源
let getPublisherList = () => {
api.publisherList({
page: pages.value,
limit: 30,
token: housingInfo['data'].token
}).then(res => {
console.log(res)
if (res.code === 200) {
publisherList.value = publisherList.value.concat(res.data)
if (res.data.length >= 30) {
loadMore.value = true
} else {
loadMore.value = false
loadText.value = '到底了'
}
} else {
ElMessage({
message: res.message,
})
}
})
}
//瀑布流模块
const gridContainer = ref(null);
let masonryInstance = null
@@ -1445,9 +1492,9 @@ img {
background: #ebebeb;
}
.authentication-housing{
width:88px;
height:16px;
.authentication-housing {
width: 88px;
height: 16px;
}
@@ -1527,7 +1574,6 @@ img {
.right-tool-box {
width: 304px;
height: 347px;
background: inherit;
background-color: rgba(255, 255, 255, 1);
box-sizing: border-box;
@@ -1650,7 +1696,7 @@ img {
font-style: normal;
font-size: 14px;
color: #555555;
margin-top: 30px;
margin-top: 25px;
.icon {
width: 16px;