|
|
|
@ -87,6 +87,7 @@ |
|
|
|
import AMapLocaClass from './AMapLocaClass' |
|
|
|
import { getCommunityDistrict, getCommunityGeoPolygon, getCommunityGeoLine, getGridGeoPolygon, getMapStatistics, getGrid, getPageGridDataToal } from 'api/screen-content-center' |
|
|
|
import { getCommunityDetail } from 'api/screen-content-left' |
|
|
|
import { getResidentClassifyStatistics ,getHourseClassifyStatistics} from 'api/screen-content-right' |
|
|
|
import { mapGetters, mapActions } from 'vuex' |
|
|
|
import Bus from 'utils/eventBus' |
|
|
|
import { numAnimation } from 'utils/common' |
|
|
|
@ -150,6 +151,9 @@ export default { |
|
|
|
mapLevel(val) { |
|
|
|
if (val) { |
|
|
|
this.getMapStatistics() |
|
|
|
this.getResidentClassifyStatistics() |
|
|
|
this.getHourseClassifyStatistics() |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -171,6 +175,31 @@ export default { |
|
|
|
showGlobalDialog: 'showGlobalDialog', |
|
|
|
set_gridInfoDialog: "SET_GRIDINFODIALOG", |
|
|
|
}), |
|
|
|
getResidentClassifyStatistics() { |
|
|
|
let params = { |
|
|
|
agencyId: this.communityId || '0' |
|
|
|
} |
|
|
|
getResidentClassifyStatistics(params).then(({ data: res }) => { |
|
|
|
console.log('产品内网接口-获取居民分类统计数据地图', res) |
|
|
|
numAnimation(this.statisticsList[0].value, res.count, this.statisticsList[0], 'value') |
|
|
|
|
|
|
|
|
|
|
|
}).catch(err => { |
|
|
|
console.error('产品内网接口-获取居民分类统计数据', err) |
|
|
|
}) |
|
|
|
}, |
|
|
|
getHourseClassifyStatistics () { |
|
|
|
let params = { |
|
|
|
agencyId: this.communityId || '0' |
|
|
|
} |
|
|
|
getHourseClassifyStatistics(params).then(({ data: res }) => { |
|
|
|
numAnimation(this.statisticsList[1].value, res.count, this.statisticsList[1], 'value') |
|
|
|
|
|
|
|
}).catch(err => { |
|
|
|
console.error('产品内网接口-获取房屋分类统计数据', err) |
|
|
|
this.roomClassifyChart.hideLoading() |
|
|
|
}) |
|
|
|
}, |
|
|
|
handelClickLook(houseId) { |
|
|
|
this.houseId = houseId |
|
|
|
this.showHouseDetail = true |
|
|
|
@ -182,11 +211,13 @@ export default { |
|
|
|
handelCLickBack() { |
|
|
|
this.mapBack = false |
|
|
|
this.set_mapLevel('community') |
|
|
|
this.set_communityId('') |
|
|
|
this.set_communityId('0') |
|
|
|
Bus.$emit('drawCommunityPolygon') |
|
|
|
}, |
|
|
|
initMap() { |
|
|
|
this.getMapStatistics() |
|
|
|
this.getResidentClassifyStatistics() |
|
|
|
this.getHourseClassifyStatistics() |
|
|
|
this.getPageGridDataToal() |
|
|
|
/* eslint-disable */ |
|
|
|
Promise.all([ |
|
|
|
@ -235,7 +266,6 @@ export default { |
|
|
|
}, |
|
|
|
// 获取顶部统计数 |
|
|
|
getMapStatistics() { |
|
|
|
|
|
|
|
if (this.mapLevel === 'community' || (this.mapLevel === 'grid' && !this.communityId)) { |
|
|
|
const params = { |
|
|
|
id: this.streetId |
|
|
|
@ -243,8 +273,8 @@ export default { |
|
|
|
getMapStatistics(params).then(({ data: res }) => { |
|
|
|
console.log('获取地图中心上方统计数2', res) |
|
|
|
const { resiNum, houseNum, communityNum, gridNum, gridUserNum, partyMemberNum } = res |
|
|
|
numAnimation(this.statisticsList[0].value, resiNum, this.statisticsList[0], 'value') |
|
|
|
numAnimation(this.statisticsList[1].value, houseNum, this.statisticsList[1], 'value') |
|
|
|
// numAnimation(this.statisticsList[0].value, resiNum, this.statisticsList[0], 'value') |
|
|
|
// numAnimation(this.statisticsList[1].value, houseNum, this.statisticsList[1], 'value') |
|
|
|
// numAnimation(this.statisticsList[2].value, communityNum, this.statisticsList[2], 'value') |
|
|
|
// numAnimation(this.statisticsList[3].value, gridNum, this.statisticsList[3], 'value') |
|
|
|
numAnimation(this.statisticsList[4].value, gridUserNum, this.statisticsList[4], 'value') |
|
|
|
@ -260,8 +290,8 @@ export default { |
|
|
|
console.log('获取地图中心上方统计数1', res) |
|
|
|
// resiNum |
|
|
|
const { resiNum, houseNum, gridNum, gridUserNum, partyMemberNum } = res |
|
|
|
numAnimation(this.statisticsList[0].value, resiNum, this.statisticsList[0], 'value') |
|
|
|
numAnimation(this.statisticsList[1].value, houseNum, this.statisticsList[1], 'value') |
|
|
|
// numAnimation(this.statisticsList[0].value, resiNum, this.statisticsList[0], 'value') |
|
|
|
// numAnimation(this.statisticsList[1].value, houseNum, this.statisticsList[1], 'value') |
|
|
|
// numAnimation(this.statisticsList[2].value, 1, this.statisticsList[2], 'value') |
|
|
|
// numAnimation(this.statisticsList[3].value, gridNum, this.statisticsList[3], 'value') |
|
|
|
numAnimation(this.statisticsList[4].value, gridUserNum, this.statisticsList[4], 'value') |
|
|
|
@ -277,12 +307,14 @@ export default { |
|
|
|
this.collapse = true |
|
|
|
}, |
|
|
|
// 社区下钻到网格 |
|
|
|
drowDownToGrid({ id, communityId, center }) { |
|
|
|
drowDownToGrid({ id, communityId, center,ids }) { |
|
|
|
this.mapBack = true |
|
|
|
this.getGridList(id) |
|
|
|
this.set_mapLevel('grid') |
|
|
|
this.set_communityId(communityId) |
|
|
|
this.set_communityId(ids || '0') |
|
|
|
this.getMapStatistics() |
|
|
|
this.getResidentClassifyStatistics() |
|
|
|
this.getHourseClassifyStatistics() |
|
|
|
Bus.$emit('drawGridPolygon', { communityId: id, center: center }) |
|
|
|
}, |
|
|
|
getGridList(id) { |
|
|
|
@ -338,6 +370,7 @@ export default { |
|
|
|
Bus.$emit('drawGridPolygon') |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 切换红十字会、志愿者tab |
|
|
|
async chooseTab(item) { |
|
|
|
// if (this.currentTab && (this.currentTab === tab.label)) { |
|
|
|
@ -353,7 +386,7 @@ export default { |
|
|
|
// } else { |
|
|
|
// Bus.$emit('clearMarker') |
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.set_gridInfoDialog(true) |
|
|
|
Bus.$emit('emitgridInfoDialogData', { gridId: item.id || '1534561053840998402' }) |
|
|
|
@ -532,6 +565,7 @@ img { |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.screen-content-map { |
|
|
|
width: 100%; |
|
|
|
@ -635,7 +669,8 @@ img { |
|
|
|
bottom: 50%; |
|
|
|
z-index: 20; |
|
|
|
color: #fff; |
|
|
|
transform: translate(0,50%); |
|
|
|
transform: translate(0, 50%); |
|
|
|
|
|
|
|
.tab-item { |
|
|
|
width: fit-content; |
|
|
|
height: 36px; |
|
|
|
|
