<script setup>
import { ref, onMounted, watch } from "vue";
import DashboardStat from "@/components/dashboard/dashboardStat.vue";
import DashboardBuild from "@/components/dashboard/dashboardBuild.vue";
import DashboardElecChart from "@/components/dashboard/dashboardElecChart.vue";
import DashboardTag from "@/components/dashboard/dashboardTag.vue";
import DashboardAlert from "@/components/dashboard/dashboardAlert.vue";
</script>
<template>
  <a-row :gutter="24" class="px-5 py-2">
    <a-col :span="8">
      <!-- 建築物 -->
      <DashboardBuild />
    </a-col>
    <a-col :span="16" class="">
      <!-- 用電數據 -->
      <DashboardStat />
      <!-- 用電圖表 -->
      <DashboardElecChart />
    </a-col>
  </a-row>

  <a-row :gutter="24" class="px-5">
    <a-col :span="14">
      <!-- 系統小類 -->
      <DashboardTag />
    </a-col>
    <a-col :span="10">
      <!-- 告警 -->
      <DashboardAlert />
    </a-col>
  </a-row>
</template>

<style scoped></style>
