<template>
  <el-row :gutter="20">
    <el-col :span="8">
      <el-card shadow="hover">
        <ChartDeviceCount />
      </el-card>
    </el-col>
    <el-col :span="16">
      <ChartDeviceDetail />
    </el-col>
  </el-row>
  <DeviceTable />
</template>

<script setup>
import ChartDeviceCount from 'components/overview/chart-device-count.vue';
import ChartDeviceDetail from 'components/overview/chart-device-detail.vue';
import DeviceTable from 'components/overview/device-table.vue';
import { useStore } from 'vuex';

const store = useStore();
store.dispatch('device/getDevicesCount'); // 获取设备数量信息
</script>
