36 lines
988 B
Vue
36 lines
988 B
Vue
<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>
|