Browse Source

生活圈地图切换重新加载点位跟tab不对应问题,地图首次不加载大概率是因为接口返回的空数据抛异常了

dongming-master
mk 8 months ago
parent
commit
eab3440468
  1. 35
      src/views/livingCircle/index.vue

35
src/views/livingCircle/index.vue

@ -29,7 +29,7 @@
style="z-index: 10px;" :popup-background-color="'#F6F7F9'">
<div class="container">
<div v-for="(item, index) in tableList" :key="index" class="map_item flex flex-center-i"
<div v-for="(item, index) in propList" :key="index" class="map_item flex flex-center-i"
@click="toDetail(item)">
<img :src="item.attrs && item.attrs.length > 0 ? item.attrs[0].url : 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/internal/20240927/087bb3a330a6494b9b09b5341c309ced.png'"
class="left_image" />
@ -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,21 +103,32 @@ 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() {
@ -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);
},

Loading…
Cancel
Save