|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<Card class='CrowdnessIndicatorRankings border' title="拥挤度指标排名情况"> |
|
|
|
<div class="map"> |
|
|
|
map |
|
|
|
<AMapContainer style="z-index: 9;" /> |
|
|
|
</div> |
|
|
|
<div class="right border"> |
|
|
|
<div :class="['item', { active: active === item.key }]" v-for="item in operation" :key="item.key" |
|
|
@ -20,11 +20,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import Card from "./../../components/Card.vue"; |
|
|
|
import AMapContainer from "@screen/pages/Home/components/AMapContainer/index.vue" |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'CrowdnessIndicatorRankings', |
|
|
|
components: { |
|
|
|
Card |
|
|
|
Card, |
|
|
|
AMapContainer |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
@ -81,6 +83,8 @@ export default { |
|
|
|
|
|
|
|
.map { |
|
|
|
flex: 1; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|