<template>
  <div style="padding: 0px 35px; display: flex; justify-content: space-between">
    <div>
      <border-panel
        height="310px"
        style="margin-bottom: 6px"
        title="高层建筑统计"
      >
        <BuildNum />
      </border-panel>
      <border-panel
        height="320px"
        style="margin-bottom: 6px"
        title="年代分布统计"
      >
        <ChronologicDistributionStatistics />
      </border-panel>
      <border-panel height="310px" title="高度分布统计">
        <HeightDistribution />
      </border-panel>
    </div>
    <div>
      <border-panel height="521px" style="margin-bottom: 6px" title="区域分布">
        <Regional />
      </border-panel>
      <border-panel height="421px" style="margin-bottom: 6px" title="建筑统计">
        <BuildingStatistics />
      </border-panel>
    </div>
  </div>
</template>
<script>
import BuildNum from "./components/BuildNum.vue";
import Regional from "./components/Regional.vue";
import BuildingStatistics from "./components/BuildingStatistics.vue";
import HeightDistribution from "./components/HeightDistribution.vue";
import ChronologicDistributionStatistics from "./components/ChronologicDistributionStatistics.vue";
export default {
  name: "BasicPage",
  components: {
    BuildNum,
    Regional,
    BuildingStatistics,
    HeightDistribution,
    ChronologicDistributionStatistics,
  },
};
</script>

<style scoped lang="less"></style>
