<template>
  <div class="p-4">
    <GrowCard class="enter-y" />
    <a-row>
      <a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <!-- Top10 -->
        <Top10 />
      </a-col>
      <a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <!-- 各类报告数量 -->
        <ReportCount />
      </a-col>
    </a-row>
    <a-row>
      <a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <!-- 各阶段地块数 -->
        <DkCount />
      </a-col>
      <a-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
        <!-- 30天内在线人数 -->
        <OnlineCount />
      </a-col>
    </a-row>
  </div>
</template>
<script lang="ts" setup>
  import GrowCard from '../components/GrowCard.vue';
  import Top10 from '../components/Top10.vue';
  import ReportCount from '../components/ReportCount.vue';
  import DkCount from '../components/DkCount.vue';
  import OnlineCount from '../components/OnlineCount.vue';
</script>
<style lang="less" scoped>
  .p-4 {
    padding: 1rem calc(1rem - 10px);
  }
  .ant-col {
    padding: 5px;
  }
</style>
