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-28 17:43:00 +08:00
parent 7bf9f59c75
commit 8da2aaf482
9 changed files with 63 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/seachIndex.vue
View File

@@ -5,7 +5,7 @@
<div class="dis-f jus-x al-item">
<div class="body-maxWidth mg-t-35">
<div class="dis-f jus-bet"
v-show="dataList.data && dataList.data.length > 0&&seachSelectData.data.tabType!=='apartment' && seachSelectData.data.intermediary !== ''">
v-show="dataList.data && dataList.data.length > 0 && seachSelectData.data.tabType !== 'apartment' && seachSelectData.data.intermediary !== ''">
<div ref="list">
<biserialItem v-for="(item, i) in pageList['1']" :key="i" :item="item" :imgLoad="watchImgLoad"
listId="1"></biserialItem>
@@ -15,7 +15,7 @@
listId="2"></biserialItem>
</div>
</div>
<div v-show="seachSelectData.data&&seachSelectData.data.tabType==='apartment' && dataList.data && dataList.data.length > 0"
<div v-show="seachSelectData.data && seachSelectData.data.tabType === 'apartment' && dataList.data && dataList.data.length > 0"
ref="gridContainer">
<apartment-item v-for="item in listApartment" :item="item"></apartment-item>
</div>
@@ -24,12 +24,11 @@
</div>
</div>
</div>
<loadMoreText :loadText="loading ? '加载中....' : '到底了'"></loadMoreText>
<loadMoreText :loadText="loadingText"></loadMoreText>
<listBtmPrompt></listBtmPrompt>
<footerTool></footerTool>
</div>
<back-to-top></back-to-top>
</template>
<script setup>
@@ -60,6 +59,7 @@ let dataCount = ref(0)//数据数量
let pageList = reactive({ 1: [], 2: [], height1: 0, height2: 0, tab: 1 })//双列瀑布数据
let seachSelectData = reactive({ data: {} })//搜索数据
let loading = ref(true)//开关
let loadingText = ref(` 加载中..... `)
let listApartment = ref([])//公寓数据
let masonryInstance = null//瀑布实例
provide('count', dataCount)
@@ -108,6 +108,11 @@ let getDataList = (data) => {
console.log(res.data)
// console.log(seachSelectData.data)
dataList.data = res.data.data
if (res.data.data.length < 20) {
loadingText.value = ` 到底了 `
} else {
loadingText.value = ' 加载中... '
}
if (seachSelectData.data.tabType !== 'apartment') {
if (pages.value === 1) {
setInitial()
@@ -123,12 +128,16 @@ let getDataList = (data) => {
let data = res.data
dataList.count = res.data.count
dataCount.value = res.data.count
if(pages.value===1)listApartment.value=[]
if (pages.value === 1) listApartment.value = []
listApartment.value = listApartment.value.concat(data.data)
console.log(seachSelectData.data)
nextTick(() => {
masonryInstance.reloadItems();
masonryInstance.layout();
if (res.data.data.length >= 20) {
console.log(123)
loading.value = true
}
})
}
inputModuleInfo.value.setListCount(seachSelectData.data, dataList.count)
@@ -189,9 +198,9 @@ onMounted(() => {
gutter: 20
});
routeQuery.data = route.currentRoute.value.query
if (routeQuery.data.keyword && routeQuery.data.keyword.replace(/\s/g, "")&&routeQuery.data.houseingPageType!=6) {
inputModuleInfo.value.searchInit(routeQuery.data.keyword)//调用搜索组件的搜索功能
route.currentRoute.value.query.keyword = ''
if (routeQuery.data.keyword && routeQuery.data.keyword.replace(/\s/g, "") && routeQuery.data.houseingPageType != 6) {
inputModuleInfo.value.searchInit(routeQuery.data.keyword)//调用搜索组件的搜索功能
route.currentRoute.value.query.keyword = ''
} else {
console.log(seachSelectData.data)
inputModuleInfo.value.checkPageType()