diff --git a/src/views/livingCircle/index.vue b/src/views/livingCircle/index.vue index 3a985e1..b6f6137 100644 --- a/src/views/livingCircle/index.vue +++ b/src/views/livingCircle/index.vue @@ -29,7 +29,7 @@ style="z-index: 10px;" :popup-background-color="'#F6F7F9'">
-
@@ -76,7 +76,6 @@ export default { showModalDetail: false, PublicityList: [], tagList: [{ name: '全部', value: 0 }, { name: '我的社区', value: 1 }, { name: '教育培训', value: 4 }, { name: '医疗卫生', value: 5 }, { name: '商业服务', value: 6 }, { name: '文化体育', value: 7 }, { name: '金融电邮', value: 8 }, { name: '其他', value: 9 },], - tagActive: 'new', tagId: null, pageSize: 5, pageNo: 1, @@ -87,8 +86,9 @@ export default { searchValue: "", longitude: "", latitude: "", - showModal: false - + showModal: false, + propList:[], + selectedTab:'' }; }, created() { @@ -103,22 +103,33 @@ export default { methods: { onTabChange(index) { const selectedTab = this.tagList[index]; - this.tableList = this.tableList.filter(item => item.type === selectedTab.name) - this.loadMarkers(this.tableList) + this.selectedTab = selectedTab + const newArray = this.tableList.map(item => { + if ( item.type === selectedTab.name) { + return item; // 只有满足条件的项才会被返回 + } + }).filter(item => item !== undefined); + this.loadMarkers(newArray) }, //关闭 onClose() { this.showModal = false, this.showModalDetail = false - this.sphereLifeSearchList() - }, //查看生活圈列表 selectMap() { this.showModal = true this.showModalDetail = true - console.log(this.showModal); - + if(this.selectedTab.name === '全部'){ + this.propList = this.tableList + }else{ + this.propList = this.tableList.map(item => { + if ( item.type === this.selectedTab.name) { + return item; // 只有满足条件的项才会被返回 + } + }).filter(item => item !== undefined); + } + }, async initMap() { const map = new qq.maps.Map(document.getElementById('content1'), { @@ -174,6 +185,7 @@ export default { const lng = position.lng; // 经度 this.longitude = position.lng this.latitude = position.lat + console.log(this,'sssss'); this.sphereLifeSearchList()//获取讯息列表 // map.setCenter(new qq.maps.LatLng(lat, lng)); // 设置地图中心为用户位置 }, (error) => { @@ -195,10 +207,9 @@ export default { lat: this.latitude,//'36.098056' name: searchKey || '' } - console.log(parm, "sdflksdjflkjdsfk"); let res = await sphereLifeSearchList(parm) - if (res.code === 0) { + if (res.code === 0 && res.data) { this.loading = false; this.tableList = res.data.map(item => { if (item.latitude) { @@ -207,8 +218,6 @@ export default { } }) - console.log(this.tableList, '生活圈列表'); - } await this.loadMarkers(res.data); },