<!--
  Description: 设备统计
  Author: 李亚光
  Date: 2023-08-22
 -->
<script lang="ts" setup name="DeviceCount">
import headerCard from './components/header.vue'
import middleCard from './components/middle.vue'
import bottomCard from './components/bottom.vue'
</script>

<template>
  <!-- 布局 -->
  <app-container>
    <div>
      <!-- 设备运行情况和数据上报情况 -->
      <header-card style="border-radius: 6px;" />
      <!-- 设备分类统计和离线统计 -->
      <middle-card style="border-radius: 6px; margin-top: 10px;" />

      <!-- 管理单位设备统计和离线设备清单 -->
      <bottom-card style="border-radius: 6px; margin-top: 10px;" />
    </div>
  </app-container>
</template>