<template>
  <div class="app-container">
    <el-row :gutter="12">
      <el-col :xs="24" :lg="5">
        <panel-group />
      </el-col>
      <el-col :xs="24" :lg="14">
        <project-list-panel/>
      </el-col>
      <el-col :xs="24" :lg="5">
        <el-card class="card-box">
          <project-rate-chart/>
        </el-card>
        <el-card class="card-box">
          <month-project-chart height="180px" bar-width="50%"/>
        </el-card>
        <notice-panel/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import PanelGroup from '@/views/dashboard/PanelGroup.vue';
import NoticePanel from '@/views/bst/index/components/NoticePanel.vue';
import MonthProjectChart from '@/views/dashboard/MonthProjectChart.vue';
import ProjectRateChart from '@/views/dashboard/ProjectRateChart.vue';
import ProjectListPanel from './components/ProjectListPanel.vue';

export default {
  name: 'Index',
  components: { PanelGroup, NoticePanel, MonthProjectChart, ProjectRateChart, ProjectListPanel },
  data() {
    return {
    }
  },
}
</script>