<template>
  <div class="mod-config">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="当日" name="dayUser" />
      <el-tab-pane label="月度" name="monthUser" />
      <el-tab-pane label="年度" name="yearUser" />
      <el-tab-pane label="全部" name="allUser" />
      <el-tab-pane label="留存率" name="retainUser" />
    </el-tabs>
    <keep-alive>
      <component :is="activeTab" />
    </keep-alive>
  </div>
</template>

<script>
import allUser from './allUser'
import dayUser from './dayUser'
import monthUser from './monthUser'
import yearUser from './yearUser'
import retainUser from './retainUser'

export default {
  components: {
    dayUser,
    monthUser,
    yearUser,
    allUser,
    retainUser
  },
  data() {
    return {
      activeTab: 'dayUser'
    }
  }
}
</script>

<style scoped lang="less">
@import '../styles/statistics-common.less';

.sb-form-item-ten();
</style>
