44 lines
927 B
Vue
44 lines
927 B
Vue
<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>
|