<template>
  <div>
    <el-row :gutter="12">
      <el-col :xs="24" :lg="18">
        <el-card class="card-box">
          <brief />
        </el-card>
      </el-col>
      <el-col :xs="24" :lg="6">
        <el-card header="待办事项" class="card-box">
          <todo-list/>
        </el-card>
      </el-col>
    </el-row>

    <el-row :gutter="8">
      <el-col :lg="12" :xs="24">
        <el-card header="支付对账" class="card-box">
          <daily-bill-amount-chart/>
        </el-card>
      </el-col>
      <el-col :lg="12" :xs="24">
        <el-card header="收入及成本" class="card-box">
          <service-income-chart/>
        </el-card>
      </el-col>
    </el-row>

    <el-card header="每日充值提现" class="card-box">
      <daily-hour-bill-chart/>
    </el-card>
  </div>
</template>

<script>
import DailyBillReport from '@/views/dashboard/DailyBillReport.vue'
import TodoList from '@/views/dashboard/component/TodoList.vue'
import DailyProfitReport from '@/views/dashboard/DailyProfitReport.vue'
import BalancePeriodReport from '@/views/dashboard/BalancePeriodReport.vue'
import Brief from '@/views/dashboard/Brief.vue'
import DailyHourBillChart from '@/views/dashboard/DailyHourBillChart.vue'
import ServiceIncomeChart from '@/views/dashboard/ServiceIncomeChart.vue'
import DailyBillAmountChart from '@/views/dashboard/DailyBillAmountChart.vue'

export default {
  name: 'AdminIndex',
  components: { DailyBillAmountChart, ServiceIncomeChart, DailyHourBillChart, Brief, BalancePeriodReport, DailyProfitReport, TodoList, DailyBillReport }
}
</script>

<style scoped >

</style>
