|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<Card class='CrowdnessIndicatorRankings border' title="拥挤度指标排名情况"> |
|
|
|
<div class="map"> |
|
|
|
<AMapContainer style="z-index: 9;" /> |
|
|
|
<AMapContainer v-if="delayLoad" style="z-index: 9;" /> |
|
|
|
</div> |
|
|
|
<div class="right border"> |
|
|
|
<div :class="['item', { active: active === item.key }]" v-for="item in operation" :key="item.key" |
|
|
@ -56,14 +56,20 @@ export default { |
|
|
|
key: 'pie', |
|
|
|
label: "天气" |
|
|
|
}, |
|
|
|
] |
|
|
|
], |
|
|
|
delayLoad: false |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleClick(item) { |
|
|
|
this.active = item.key |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
setTimeout(() => { |
|
|
|
this.delayLoad = true |
|
|
|
}, 240); |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|