<template>
  <div>
    <el-row :gutter="12">
      <el-col :xs="24" :lg="24">
        <el-card class="card-box">
          <brief />
        </el-card>
      </el-col>
    </el-row>

    <el-row :gutter="8">
      <el-col :lg="9" :xs="24">
        <el-card header="每日充值提现" class="card-box">
          <daily-bill-report />
        </el-card>
      </el-col>
      <el-col :lg="9" :xs="24">
        <el-card header="每日充值利润" class="card-box">
          <daily-profit-report />
        </el-card>
      </el-col>
      <el-col :lg="6" :xs="24">
        <el-card header="待办事项" class="card-box">
          <todo-list/>
        </el-card>
      </el-col>
    </el-row>

    <el-card header="余额时段分析" class="card-box">
      <balance-period-report/>
    </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'

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

<style scoped >

</style>
