feat(统计业务): 新增课程统计页面,支持按金额、课程和分类统计
- 添加课程统计主页面,包含三个统计维度的标签页切换 - 实现按金额统计功能,支持年份选择和月度详情查看 - 实现按课程统计功能,支持年份/月份切换和分页展示 - 实现按分类统计功能,支持年份/月份切换 - 各统计页面均支持数据导出为Excel报表 - 添加路由配置,将课程统计页面集成到导航系统中
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
<template>
|
||||
<div class="mod-config">
|
||||
<el-tabs v-model="activeTab" type="card">
|
||||
<el-tab-pane label="按金额统计" name="amount" />
|
||||
<el-tab-pane label="按课程统计" name="course" />
|
||||
<el-tab-pane label="按分类统计" name="label" />
|
||||
</el-tabs>
|
||||
<keep-alive>
|
||||
<component :is="currentComponent" />
|
||||
</keep-alive>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import amountStatistics from './amountStatistics'
|
||||
import courseStatistics from './courseStatistics'
|
||||
import labelStatistics from './labelStatistics'
|
||||
|
||||
export default {
|
||||
components: { amountStatistics, courseStatistics, labelStatistics },
|
||||
data() {
|
||||
return {
|
||||
activeTab: 'amount'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
currentComponent() {
|
||||
return `${this.activeTab}Statistics`
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-form .el-form-item {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user