feat(统计业务): 新增课程统计页面,支持按金额、课程和分类统计

- 添加课程统计主页面,包含三个统计维度的标签页切换
- 实现按金额统计功能,支持年份选择和月度详情查看
- 实现按课程统计功能,支持年份/月份切换和分页展示
- 实现按分类统计功能,支持年份/月份切换
- 各统计页面均支持数据导出为Excel报表
- 添加路由配置,将课程统计页面集成到导航系统中
This commit is contained in:
2026-03-13 16:17:50 +08:00
parent 5138937dd4
commit cc9fc9adde
5 changed files with 920 additions and 1 deletions

View File

@@ -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>