ct
This commit is contained in:
@@ -29,7 +29,8 @@ export default {
|
|||||||
return {
|
return {
|
||||||
title: '',
|
title: '',
|
||||||
current: 1,
|
current: 1,
|
||||||
list: []
|
list: [],
|
||||||
|
isMore: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {...mapState(['user'])},
|
computed: {...mapState(['user'])},
|
||||||
@@ -57,13 +58,17 @@ export default {
|
|||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
if (res?.data) {
|
if (res?.data) {
|
||||||
|
if (res.data.records.length < 10) {
|
||||||
|
this.isMore = true
|
||||||
|
}
|
||||||
|
|
||||||
res.data.records.forEach(e => {
|
res.data.records.forEach(e => {
|
||||||
e.cellName = `${e.communityName + e.buildingNumber}栋`
|
e.cellName = `${e.communityName + e.buildingNumber}栋`
|
||||||
})
|
})
|
||||||
if (this.current > 1 && this.current > res.data.pages) {
|
if (this.current > 1 && this.current > res.data.pages) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
this.list = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
|
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
|
||||||
this.pages = res.data.pages
|
this.pages = res.data.pages
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -77,14 +82,20 @@ export default {
|
|||||||
|
|
||||||
},
|
},
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
this.current++;
|
if (this.isMore) return
|
||||||
this.getList()
|
|
||||||
|
this.current++
|
||||||
|
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.list {
|
.list {
|
||||||
|
padding-bottom: 20px;
|
||||||
.list-content {
|
.list-content {
|
||||||
padding: 32px 32px 0;
|
padding: 32px 32px 0;
|
||||||
background-color: #F5F5F5;
|
background-color: #F5F5F5;
|
||||||
|
|||||||
@@ -138,7 +138,7 @@ uni-page-body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
height: 100%;
|
height: 100vh;
|
||||||
|
|
||||||
.build-btn {
|
.build-btn {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
|
|||||||
@@ -38,12 +38,12 @@
|
|||||||
<div class="line2"></div>
|
<div class="line2"></div>
|
||||||
|
|
||||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#fff" inactive-color="#333" bar-width="192" active-color="#135AB8 " @change="change"></u-tabs>
|
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#fff" inactive-color="#333" bar-width="192" active-color="#135AB8 " @change="change"></u-tabs>
|
||||||
|
|
||||||
|
<div class="line3"></div>
|
||||||
</AiTopFixed>
|
</AiTopFixed>
|
||||||
|
|
||||||
<div class="bottoms">
|
<div class="bottoms">
|
||||||
<template v-if="data.length">
|
<template v-if="data.length">
|
||||||
<div class="line3"></div>
|
|
||||||
|
|
||||||
<div class="templates" v-for="(item, i) in data" :key="i" @click="goDetail(item)">
|
<div class="templates" v-for="(item, i) in data" :key="i" @click="goDetail(item)">
|
||||||
<img :src="item.avatar" alt="" v-if="item.avatar" />
|
<img :src="item.avatar" alt="" v-if="item.avatar" />
|
||||||
<img src="./components/img/user-img.png" alt="" v-else />
|
<img src="./components/img/user-img.png" alt="" v-else />
|
||||||
@@ -246,7 +246,7 @@ export default {
|
|||||||
|
|
||||||
.line1 {
|
.line1 {
|
||||||
height: 4px;
|
height: 4px;
|
||||||
background: #f3f6f9;
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.middle {
|
.middle {
|
||||||
@@ -267,15 +267,15 @@ export default {
|
|||||||
|
|
||||||
.line2 {
|
.line2 {
|
||||||
height: 8px;
|
height: 8px;
|
||||||
background: #f3f6f9;
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line3 {
|
||||||
|
height: 6px;
|
||||||
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottoms {
|
.bottoms {
|
||||||
.line3 {
|
|
||||||
height: 6px;
|
|
||||||
background: #f3f6f9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.templates {
|
.templates {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="FamilyList">
|
<div class="FamilyList">
|
||||||
<div class="title">户主列表</div>
|
<div class="title">户主列表</div>
|
||||||
<div class="main">
|
<div class="main" v-if="list.length">
|
||||||
<ul v-for="item in list" :key="item.id">
|
<ul v-for="item in list" :key="item.id">
|
||||||
<li>
|
<li>
|
||||||
<div class="user">
|
<div class="user">
|
||||||
@@ -68,7 +68,6 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.FamilyList {
|
.FamilyList {
|
||||||
background-color: #FFFFFF;
|
|
||||||
.title {
|
.title {
|
||||||
padding: 24px 32px;
|
padding: 24px 32px;
|
||||||
background-color: #F3F6F9;
|
background-color: #F3F6F9;
|
||||||
|
|||||||
@@ -81,7 +81,7 @@ export default {
|
|||||||
getLeafNodes() {
|
getLeafNodes() {
|
||||||
this.$http.post(`/app/appgirdinfo/queryGirdMemberGirdsById`).then((res) => {
|
this.$http.post(`/app/appgirdinfo/queryGirdMemberGirdsById`).then((res) => {
|
||||||
if (res?.data) {
|
if (res?.data) {
|
||||||
this.treeList = res.data
|
this.treeList = res.data.filter(v => v.girdLevel === '2')
|
||||||
|
|
||||||
const arr = res.data.filter(v => v.points).map(e => {
|
const arr = res.data.filter(v => v.points).map(e => {
|
||||||
return {
|
return {
|
||||||
|
|||||||
Reference in New Issue
Block a user