个人/中介 搜索 求房源 首页更新

This commit is contained in:
2023-07-20 17:18:53 +08:00
parent 60f0f45def
commit 4adeb65dbd
8 changed files with 68 additions and 59 deletions

View File

@@ -20,6 +20,7 @@
</div>
</div>
<listBtmPrompt></listBtmPrompt>
<footerTool></footerTool>
</div>
<!-- 右下角咨询 -->
<circle-btn></circle-btn>
@@ -36,6 +37,7 @@ import circleBtn from '@/components/public/circle-btn.vue'
import api from "../../utils/api";
import tool from '../../toolJs/downLoadMore'
import { ElMessage } from 'element-plus'
import footerTool from '@/components/footer/footer.vue'
//获取数据
let pages = ref(1)
@@ -43,7 +45,7 @@ let dataList = reactive({ data: [], count: 0 })
let dataCount = ref(0)
let pageList = reactive({ 1: [], 2: [], height1: 0, height2: 0, tab: 1 })
let seachSelectData = reactive({ data: {} })
let loading = ref(false)
let loading = ref(true)
provide('count', dataCount)
//保存搜索设置
@@ -76,11 +78,7 @@ let getDataList = (data) => {
}
api.getLists(postData).then(res => {
if (res.code === 200) {
loading.value = true
dataList.data = res.data.data
if(res.data.count<20){
loading.value = false
}
if (pages.value === 1) {
setInitial()
}
@@ -88,8 +86,8 @@ let getDataList = (data) => {
dataList.count = res.data.count
dataCount.value = res.data.count
nextTick(() => {
pageList['1'].push(dataList.data[0])
pageList['2'].push(dataList.data[1])
if(dataList.data[0])pageList['1'].push(dataList.data[0])
if(dataList.data[1])pageList['2'].push(dataList.data[1])
})
} else {
ElMessage({
@@ -103,9 +101,11 @@ let getDataList = (data) => {
//添加数据
let addListData = () => {
let num = null
if (pageList.tab >= (dataList.count>20?20-2:dataList.count-2)) {
if(dataList.count>20){
if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
if(dataList.data.length>=20){
loading.value = true
}else{
loading.value = false
}
return
}
@@ -127,7 +127,7 @@ let watchImgLoad = (id, listId, height) => {
//加载更多
let downLoadMore = () => {
tool.loadMore(() => {
if (!loading.value||dataList.data.length===0) return
if (!loading.value) return
pages.value++
getDataList(seachSelectData.data)
})

View File

@@ -20,6 +20,7 @@
</div>
</div>
<listBtmPrompt></listBtmPrompt>
<footerTool></footerTool>
</div>
<!-- 右下角咨询 -->
@@ -37,6 +38,7 @@ import circleBtn from '@/components/public/circle-btn.vue'
import api from "../../utils/api";
import tool from '../../toolJs/downLoadMore'
import { ElMessage } from 'element-plus'
import footerTool from '@/components/footer/footer.vue'
//获取数据
let pages = ref(1)
@@ -44,22 +46,16 @@ let dataList = reactive({ data: [], count: 0 })
let dataCount = ref(0)
let pageList = reactive({ 1: [], 2: [], height1: 0, height2: 0, tab: 1 })
let seachSelectData = reactive({ data: {} })
let loading = ref(false)
let loading = ref(true)
provide('count', dataCount)
//保存搜索设置
let setSeachSelectData = (data) => {
pages.value = 1
// if(data.location.length>0){
// data.location=JSON.stringify(data.location)
// }
seachSelectData.data = {
...data
}
loading.value = true
console.log('seachSelectData', seachSelectData.data)
return
getDataList(seachSelectData.data)
}
@@ -83,11 +79,7 @@ let getDataList = (data) => {
}
api.getLists(postData).then(res => {
if (res.code === 200) {
loading.value = true
dataList.data = res.data.data
if(res.data.count<20){
loading.value = false
}
if (pages.value === 1) {
setInitial()
}
@@ -95,8 +87,8 @@ let getDataList = (data) => {
dataList.count = res.data.count
dataCount.value = res.data.count
nextTick(() => {
pageList['1'].push(dataList.data[0])
pageList['2'].push(dataList.data[1])
if(dataList.data[0])pageList['1'].push(dataList.data[0])
if(dataList.data[1])pageList['2'].push(dataList.data[1])
})
} else {
ElMessage({
@@ -110,9 +102,12 @@ let getDataList = (data) => {
//添加数据
let addListData = () => {
let num = null
if (pageList.tab >= (dataList.count>20?20-2:dataList.count-2)) {
if(dataList.count>20){
if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
console.log(dataList.data.length,20,loading.value)
if(dataList.data.length>=20){
loading.value = true
}else{
loading.value = false
}
return
}
@@ -134,7 +129,7 @@ let watchImgLoad = (id, listId, height) => {
//加载更多
let downLoadMore = () => {
tool.loadMore(() => {
if (!loading.value||dataList.data.length===0) return
if (!loading.value) return
pages.value++
getDataList(seachSelectData.data)
})

View File

@@ -20,6 +20,7 @@
</div>
</div>
<listBtmPrompt></listBtmPrompt>
<footerTool></footerTool>
</div>
<!-- 右下角咨询 -->
@@ -38,6 +39,7 @@ import api from "../../utils/api";
import tool from '../../toolJs/downLoadMore'
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import footerTool from '@/components/footer/footer.vue'
//路由
const router = useRouter()
@@ -83,23 +85,15 @@ let getDataList = (data) => {
api.getLists(postData).then(res => {
if (res.code === 200) {
dataList.data = res.data.data
// if (res.data.data.length === 0) {
// loading.value = false
// return
// }
if(res.data.count<20){
loading.value = false
}
if (pages.value === 1) {
setInitial()
}
pageList.tab = 1
dataList.count = res.data.count
dataCount.value = res.data.count
nextTick(() => {
pageList['1'].push(dataList.data[0])
pageList['2'].push(dataList.data[1])
if(dataList.data[0])pageList['1'].push(dataList.data[0])
if(dataList.data[1])pageList['2'].push(dataList.data[1])
})
} else {
ElMessage({
@@ -113,9 +107,11 @@ let getDataList = (data) => {
//添加数据
let addListData = () => {
let num = null
if (pageList.tab >= (dataList.count>20?20-2:dataList.count-2)) {
if(dataList.count>20){
if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
if(dataList.data.length>=20){
loading.value = true
}else{
loading.value = false
}
return
}
@@ -150,7 +146,7 @@ onMounted(() => {
let typeData=null
if(data)typeData=JSON.parse(data)
if(Object.keys(data).length>0){
if(data&&Object.keys(data).length>0){
if(type!=='location'){
seachSelectData.data={[type]:typeData.id}
}else{

View File

@@ -24,6 +24,7 @@
</div>
</div>
<listBtmPrompt></listBtmPrompt>
<footerTool></footerTool>
</div>
</template>
@@ -40,6 +41,7 @@ import apartmentItem from '@/components/public/apartment-item.vue';
import Masonry from 'masonry-layout';
import { useRouter } from 'vue-router';
import { ElMessage } from 'element-plus'
import footerTool from '@/components/footer/footer.vue'
//路由
const route = useRouter()
@@ -99,11 +101,7 @@ let getDataList = (data) => {
seachApi.then(res => {
if (res.code === 200) {
console.log(res.data)
loading.value = true
dataList.data = res.data.data
if (res.data.count < 20) {
loading.value = false
}
if (seachSelectData.data.tabType !== 'apartment') {
if (pages.value === 1) {
setInitial()
@@ -112,8 +110,8 @@ let getDataList = (data) => {
dataList.count = res.data.count
dataCount.value = res.data.count
nextTick(() => {
pageList['1'].push(dataList.data[0])
pageList['2'].push(dataList.data[1])
if(dataList.data[0])pageList['1'].push(dataList.data[0])
if(dataList.data[1])pageList['2'].push(dataList.data[1])
})
} else {
let data = res.data
@@ -137,10 +135,11 @@ let getDataList = (data) => {
//添加数据
let addListData = () => {
let num = null
console.log(pageList.tab , dataList.count)
if (pageList.tab >= (dataList.count>20?20-2:dataList.count-2)) {
if(dataList.count>20){
if (pageList.tab >= (dataList.count>20?dataList.data.length-2:dataList.count-2)) {
if(dataList.data.length>=20){
loading.value = true
}else{
loading.value = false
}
return
}