From cc9fc9added33031b94d1af4d1fd6a28ef65c2e9 Mon Sep 17 00:00:00 2001
From: chenghuan <chenghuanv587@qq.com>
Date: Fri, 13 Mar 2026 16:17:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=BB=9F=E8=AE=A1=E4=B8=9A=E5=8A=A1):=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=AF=BE=E7=A8=8B=E7=BB=9F=E8=AE=A1=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8C=E6=94=AF=E6=8C=81=E6=8C=89=E9=87=91=E9=A2=9D?=
 =?UTF-8?q?=E3=80=81=E8=AF=BE=E7=A8=8B=E5=92=8C=E5=88=86=E7=B1=BB=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加课程统计主页面，包含三个统计维度的标签页切换
- 实现按金额统计功能，支持年份选择和月度详情查看
- 实现按课程统计功能，支持年份/月份切换和分页展示
- 实现按分类统计功能，支持年份/月份切换
- 各统计页面均支持数据导出为Excel报表
- 添加路由配置，将课程统计页面集成到导航系统中
---
 src/router/index.js                           |   3 +-
 .../courseStatistics/amountStatistics.vue     | 238 ++++++++++
 .../courseStatistics/courseStatistics.vue     | 448 ++++++++++++++++++
 .../courseStatistics/index.vue                |  38 ++
 .../courseStatistics/labelStatistics.vue      | 194 ++++++++
 5 files changed, 920 insertions(+), 1 deletion(-)
 create mode 100644 src/views/modules/statisticsBusiness/courseStatistics/amountStatistics.vue
 create mode 100644 src/views/modules/statisticsBusiness/courseStatistics/courseStatistics.vue
 create mode 100644 src/views/modules/statisticsBusiness/courseStatistics/index.vue
 create mode 100644 src/views/modules/statisticsBusiness/courseStatistics/labelStatistics.vue

diff --git a/src/router/index.js b/src/router/index.js
index 35bced7..09071e3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -92,7 +92,8 @@ const mainRoutes = {
     { path: '/reportList-trainingCourseClassList', component: _import('modules/reportList/trainingCourseClassList'), name: 'reportList-trainingCourseClassList', meta: { title: '培训班报表', isTab: true } },
     { path: '/reportList-courseList', component: _import('modules/reportList/courseList'), name: 'reportList-courseList', meta: { title: '课程报表', isTab: true } },
     { path: '/reportList-lingshuFullYear', component: _import('modules/reportList/lingshuFullYear'), name: 'reportList-lingshuFullYear', meta: { title: '灵枢年度报表', isTab: true } },
-    { path: '/content-psychologicalForum', component: _import('modules/content/psychologicalForum'), name: 'content-psychologicalForum', meta: { title: '心理论坛', isTab: true } }
+    { path: '/content-psychologicalForum', component: _import('modules/content/psychologicalForum'), name: 'content-psychologicalForum', meta: { title: '心理论坛', isTab: true } },
+    { path: '/statisticsBusiness-courseStatistics', component: _import('modules/statisticsBusiness/courseStatistics/index'), name: 'statisticsBusiness-courseStatistics', meta: { title: '课程统计', isTab: true } }
   ],
   beforeEnter (to, from, next) {
     let token = Vue.cookie.get('token')
diff --git a/src/views/modules/statisticsBusiness/courseStatistics/amountStatistics.vue b/src/views/modules/statisticsBusiness/courseStatistics/amountStatistics.vue
new file mode 100644
index 0000000..81fe51d
--- /dev/null
+++ b/src/views/modules/statisticsBusiness/courseStatistics/amountStatistics.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="course-statistics-container">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-date-picker
+          v-model="currentYear"
+          type="year"
+          format="yyyy"
+          value-format="yyyy"
+          :picker-options="pickerOptions"
+          placeholder="选择年份"
+          @change="handleYearChange"
+          size="small"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="primary"
+          size="small"
+          @click="handleYearChange"
+        >刷新</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportData"
+        >下载报表</el-button>
+      </el-form-item>
+    </el-form>
+    
+    <div ref="tableContainer" class="table-container">
+      <el-table
+        :data="dataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :max-height="tableHeight"
+      >
+        <el-table-column prop="time" label="月份" min-width="120" />
+        <el-table-column prop="sales" label="销售量" min-width="100" />
+        <el-table-column label="月销售额（微信+支付宝+银行+天医币）" min-width="280">
+          <template slot-scope="scope">
+            {{ scope.row.salesFee }}
+          </template>
+        </el-table-column>
+        <el-table-column label="月销售额（微信+支付宝+银行）" min-width="250">
+          <template slot-scope="scope">
+            {{ scope.row.cashFee }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="wx" label="微信支付" min-width="120" />
+        <el-table-column prop="zfb" label="支付宝支付" min-width="120" />
+        <el-table-column prop="bank" label="银行支付" min-width="120" />
+        <el-table-column prop="point" label="天医币支付" min-width="120" />
+        <el-table-column prop="jf" label="积分支付" min-width="120" />
+        <el-table-column label="明细" min-width="100">
+          <template slot-scope="scope">
+            <el-button 
+              type="primary" 
+              size="small" 
+              @click="openDetail(scope.row.time)"
+            >详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    
+    <el-dialog
+      :visible.sync="dialogVisible"
+      top="10vh"
+      title="销售详情"
+      width="90%"
+    >
+      <div style="margin-bottom: 10px; text-align: right;">
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportDetailData"
+        >下载详情报表</el-button>
+      </div>
+      <el-table
+        :data="detailDataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :max-height="dialogTableHeight"
+      >
+        <el-table-column prop="time" label="日" min-width="100" />
+        <el-table-column prop="sales" label="销售量" min-width="100" />
+        <el-table-column label="日销售额（微信+支付宝+银行+天医币）" min-width="280">
+          <template slot-scope="scope">
+            {{ scope.row.salesFee }}
+          </template>
+        </el-table-column>
+        <el-table-column label="日销售额（微信+支付宝+银行）" min-width="250">
+          <template slot-scope="scope">
+            {{ scope.row.cashFee }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="wx" label="微信支付" min-width="120" />
+        <el-table-column prop="zfb" label="支付宝支付" min-width="120" />
+        <el-table-column prop="bank" label="银行支付" min-width="120" />
+        <el-table-column prop="point" label="天医币支付" min-width="120" />
+        <el-table-column prop="jf" label="积分支付" min-width="120" />
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import http from '@/utils/httpRequest'
+
+export default {
+  data() {
+    return {
+      currentYear: '',
+      dataForm: {},
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getFullYear() > new Date().getFullYear()
+        }
+      },
+      dataList: [],
+      detailDataList: [],
+      dialogVisible: false,
+      currentDetailDate: '',
+      tableHeight: null,
+      dialogTableHeight: ''
+    }
+  },
+  activated() {
+    this.currentYear = new Date().getFullYear().toString()
+    this.getDataList()
+    this.$nextTick(() => {
+      this.calculateTableHeight()
+    })
+  },
+  mounted() {
+    window.addEventListener('resize', this.handleResize)
+    this.$nextTick(() => {
+      this.calculateTableHeight()
+    })
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleYearChange() {
+      this.getDataList()
+    },
+    getDataList() {
+      this.getListData(this.currentYear, 'dataList')
+    },
+    calculateTableHeight() {
+      if (this.$refs.tableContainer) {
+        this.tableHeight = this.$refs.tableContainer.offsetHeight || 500
+      } else {
+        this.tableHeight = 500
+      }
+    },
+    getDetailData() {
+      this.getListData(this.currentDetailDate, 'detailDataList')
+    },
+    getListData(date, dataKey) {
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/getCourseSaleInfoByTime'),
+        method: 'post',
+        data: http.adornData({
+          date: date
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this[dataKey] = data.courseSaleInfo || []
+        }
+      })
+    },
+    openDetail(date) {
+      this.currentDetailDate = date
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        const windowHeight = window.innerHeight
+        this.dialogTableHeight = windowHeight * 0.8 - 140
+      })
+      this.getDetailData()
+    },
+    exportData() {
+      this.exportReport(this.currentYear)
+    },
+    exportDetailData() {
+      this.exportReport(this.currentDetailDate)
+    },
+    exportReport(date) {
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/exportCourseSaleInfoByTime'),
+        method: 'post',
+        data: http.adornData({
+          date: date
+        }),
+        responseType: 'blob'
+      }).then((response) => {
+        const blob = new Blob([response.data])
+        const fileName = `课程统计报表_按金额_${date}.xlsx`
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        link.click()
+        URL.revokeObjectURL(link.href)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.course-statistics-container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 220px);
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+  }
+}
+
+.el-form .el-form-item {
+  margin-bottom: 10px !important;
+}
+
+/deep/ .el-dialog__wrapper .el-dialog__body {
+  padding-top: 0 !important;
+}
+</style>
diff --git a/src/views/modules/statisticsBusiness/courseStatistics/courseStatistics.vue b/src/views/modules/statisticsBusiness/courseStatistics/courseStatistics.vue
new file mode 100644
index 0000000..28dfbbb
--- /dev/null
+++ b/src/views/modules/statisticsBusiness/courseStatistics/courseStatistics.vue
@@ -0,0 +1,448 @@
+<template>
+  <div class="course-statistics-container">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-radio-group v-model="timeType" size="small" @change="handleTimeTypeChange">
+          <el-radio-button label="year">按年份</el-radio-button>
+          <el-radio-button label="month">按月份</el-radio-button>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item>
+        <el-date-picker
+          v-show="timeType === 'year'"
+          v-model="currentDate"
+          type="year"
+          format="yyyy"
+          placeholder="选择年份"
+          popper-append-to-body
+          @change="getDataList"
+          size="small"
+        />
+        <el-date-picker
+          v-show="timeType === 'month'"
+          v-model="currentDate"
+          type="month"
+          format="yyyy-MM"
+          placeholder="选择月份"
+          popper-append-to-body
+          @change="getDataList"
+          size="small"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="primary"
+          size="small"
+          @click="getDataList"
+        >刷新</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportData"
+        >下载报表</el-button>
+      </el-form-item>
+    </el-form>
+    
+    <div class="table-container" ref="tableContainer">
+      <el-table
+        :data="dataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :max-height="tableHeight"
+      >
+        <el-table-column prop="courseTitle" label="课程名称" min-width="150" />
+        <el-table-column prop="catalogueTitle" label="目录名" min-width="150" />
+        <el-table-column prop="courseLabel" label="分类" min-width="120" />
+        <el-table-column 
+          :label="timeType === 'year' ? '年销量' : '月销量'" 
+          prop="sales" 
+          min-width="100" 
+        />
+        <el-table-column 
+          :label="timeType === 'year' ? '年销售额（微信+支付宝+银行+天医币）' : '月销售额（微信+支付宝+银行+天医币）'" 
+          min-width="280"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.salesFee }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          :label="timeType === 'year' ? '年销售额（微信+支付宝+银行）' : '月销售额（微信+支付宝+银行）'" 
+          min-width="250"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.cashFee }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          label="详情" 
+          fixed="right" 
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <el-button 
+              type="primary" 
+              size="small" 
+              @click="showDetail(scope.row)"
+            >详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    
+    <el-pagination
+      :current-page="page"
+      :page-size="limit"
+      :total="total"
+      layout="total, prev, pager, next, sizes"
+      :page-sizes="[10, 20, 30, 50]"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      style="margin-top: 15px; text-align: right;"
+    />
+
+    <el-dialog
+      :visible.sync="yearDetailDialogVisible"
+      top="10vh"
+      title="课程年份明细"
+      width="90%"
+    >
+      <div class="dialog-header">
+        <span class="dialog-title">{{ yearDialogTitle }}</span>
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportDetailData(currentYearDetailDate, true)"
+        >下载详情报表</el-button>
+      </div>
+      <el-table
+        :data="yearDetailDataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :height="yearDetailTableHeight"
+      >
+        <el-table-column prop="monthTime" label="月份" min-width="100" />
+        <el-table-column prop="sales" label="销量" min-width="100" />
+        <el-table-column 
+          label="月销售额（微信+支付宝+银行+天医币）" 
+          min-width="280"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.salesFee }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          label="月销售额（微信+支付宝+银行）" 
+          min-width="250"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.cashFee }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="wx" label="微信支付" min-width="120" />
+        <el-table-column prop="zfb" label="支付宝支付" min-width="120" />
+        <el-table-column prop="bank" label="银行支付" min-width="120" />
+        <el-table-column prop="point" label="天医币支付" min-width="120" />
+        <el-table-column prop="jf" label="积分支付" min-width="120" />
+        <el-table-column prop="relearnCount" label="复读人数" min-width="100" />
+        <el-table-column 
+          label="复读占比（按销量）" 
+          min-width="120"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.sales > 0 ? ((scope.row.relearnCount / scope.row.sales * 100).toFixed(2) + '%') : '0%' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="miaoshaCount" label="秒杀人数" min-width="100" />
+        <el-table-column 
+          label="秒杀占比（按销量）" 
+          min-width="120"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.sales > 0 ? ((scope.row.miaoshaCount / scope.row.sales * 100).toFixed(2) + '%') : '0%' }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="monthDetailDialogVisible"
+      top="10vh"
+      title="课程月份明细"
+      width="90%"
+    >
+      <div class="dialog-header">
+        <span class="dialog-title">{{ monthDialogTitle }}</span>
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportDetailData(currentMonthDetailDate, false)"
+        >下载详情报表</el-button>
+      </div>
+      <el-table
+        :data="monthDetailDataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :height="monthDetailTableHeight"
+      >
+        <el-table-column prop="time" label="时间" min-width="160" />
+        <el-table-column prop="name" label="姓名" min-width="100" />
+        <el-table-column prop="tel" label="注册电话" min-width="120" />
+        <el-table-column 
+          label="课程时长（1个月/3个月半年期/一年期）" 
+          min-width="160"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.days }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          label="是否复读" 
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.orderType === '是' ? '是' : '否' }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import http from '@/utils/httpRequest'
+
+export default {
+  data() {
+    return {
+      timeType: 'year',
+      currentDate: new Date(),
+      dataForm: {},
+      dataList: [],
+      yearDetailDataList: [],
+      monthDetailDataList: [],
+      yearDetailDialogVisible: false,
+      monthDetailDialogVisible: false,
+      yearDialogTitle: '',
+      monthDialogTitle: '',
+      currentYearDetailDate: '',
+      currentMonthDetailDate: '',
+      currentCatalogueId: '',
+      yearDetailTableHeight: '',
+      monthDetailTableHeight: '',
+      page: 1,
+      limit: 10,
+      total: 0,
+      tableHeight: null
+    }
+  },
+  activated() {
+    const now = new Date()
+    if (this.timeType === 'year') {
+      this.currentDate = new Date(now.getFullYear(), 0, 1)
+    } else {
+      this.currentDate = now
+    }
+    this.getDataList()
+  },
+  mounted() {
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleResize() {
+      this.calculateTableHeight()
+    },
+    calculateTableHeight() {
+      if (this.$refs.tableContainer) {
+        this.tableHeight = this.$refs.tableContainer.offsetHeight || 500
+      } else {
+        this.tableHeight = 500
+      }
+    },
+    handleTimeTypeChange() {
+      if (this.timeType === 'year') {
+        const now = new Date()
+        this.currentDate = new Date(now.getFullYear(), 0, 1)
+      } else {
+        this.currentDate = new Date()
+      }
+      this.getDataList()
+    },
+    getDataList() {
+      const dateStr = this.timeType === 'year' 
+        ? this.currentDate.getFullYear().toString() 
+        : `${this.currentDate.getFullYear()}-${String(this.currentDate.getMonth() + 1).padStart(2, '0')}`
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/getCourseSaleInfoByCourse'),
+        method: 'post',
+        data: http.adornData({
+          date: dateStr,
+          page: this.page,
+          limit: this.limit
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.courseSaleInfo || []
+          this.total = data.totalSize || 0
+          this.calculateTableHeight()
+        }
+      })
+    },
+    handleSizeChange(val) {
+      this.limit = val
+      this.getDataList()
+    },
+    handleCurrentChange(val) {
+      this.page = val
+      this.getDataList()
+    },
+    exportData() {
+      const dateStr = this.timeType === 'year' 
+        ? this.currentDate.getFullYear().toString() 
+        : `${this.currentDate.getFullYear()}-${String(this.currentDate.getMonth() + 1).padStart(2, '0')}`
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/exportCourseSaleInfoByCourse'),
+        method: 'post',
+        data: http.adornData({
+          date: dateStr
+        }),
+        responseType: 'blob'
+      }).then((response) => {
+        const blob = new Blob([response.data])
+        const fileName = `课程统计报表_按课程_${dateStr}.xlsx`
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        link.click()
+        URL.revokeObjectURL(link.href)
+      })
+    },
+    showDetail(row) {
+      this.currentCatalogueId = row.catalogueId
+      const dateStr = this.timeType === 'year' 
+        ? this.currentDate.getFullYear().toString() 
+        : `${this.currentDate.getFullYear()}-${String(this.currentDate.getMonth() + 1).padStart(2, '0')}`
+      
+      const dialogTitle = `${row.courseTitle} - ${row.catalogueTitle}`
+      const isYear = this.timeType === 'year'
+      
+      if (isYear) {
+        this.currentYearDetailDate = dateStr
+        this.yearDialogTitle = dialogTitle
+        this.yearDetailDialogVisible = true
+        
+        this.$nextTick(() => {
+          const windowHeight = window.innerHeight
+          this.yearDetailTableHeight = windowHeight * 0.8 - 140
+        })
+        
+        http({
+          url: http.adornUrl('/master/statisticsBusiness/getCourseYearInfo'),
+          method: 'post',
+          data: http.adornData({
+            date: dateStr,
+            catalogueId: row.catalogueId
+          })
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.yearDetailDataList = data.courseSaleInfo || []
+          }
+        })
+      } else {
+        this.currentMonthDetailDate = dateStr
+        this.monthDialogTitle = dialogTitle
+        this.monthDetailDialogVisible = true
+        
+        this.$nextTick(() => {
+          const windowHeight = window.innerHeight
+          this.monthDetailTableHeight = windowHeight * 0.8 - 140
+        })
+        
+        http({
+          url: http.adornUrl('/master/statisticsBusiness/getCourseMonthInfo'),
+          method: 'post',
+          data: http.adornData({
+            date: dateStr,
+            catalogueId: row.catalogueId
+          })
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.monthDetailDataList = data.courseSaleInfo || []
+          }
+        })
+      }
+    },
+    exportDetailData(date, isYear) {
+      const exportUrl = isYear 
+        ? '/master/statisticsBusiness/exportCourseYearInfo' 
+        : '/master/statisticsBusiness/exportCourseMonthInfo'
+      const fileName = isYear 
+        ? `课程年份明细报表_${this.yearDialogTitle}_${date}.xlsx` 
+        : `课程月份明细报表_${this.monthDialogTitle}_${date}.xlsx`
+      
+      http({
+        url: http.adornUrl(exportUrl),
+        method: 'post',
+        data: http.adornData({
+          date: date,
+          catalogueId: this.currentCatalogueId
+        }),
+        responseType: 'blob'
+      }).then((response) => {
+        const blob = new Blob([response.data])
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        link.click()
+        URL.revokeObjectURL(link.href)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.course-statistics-container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 220px);
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+  }
+}
+
+.dialog-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.dialog-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.el-form .el-form-item {
+  margin-bottom: 10px !important;
+}
+
+/deep/ .el-dialog__wrapper .el-dialog__body {
+  padding-top: 0 !important;
+}
+</style>
diff --git a/src/views/modules/statisticsBusiness/courseStatistics/index.vue b/src/views/modules/statisticsBusiness/courseStatistics/index.vue
new file mode 100644
index 0000000..9c4360e
--- /dev/null
+++ b/src/views/modules/statisticsBusiness/courseStatistics/index.vue
@@ -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>
diff --git a/src/views/modules/statisticsBusiness/courseStatistics/labelStatistics.vue b/src/views/modules/statisticsBusiness/courseStatistics/labelStatistics.vue
new file mode 100644
index 0000000..b26b585
--- /dev/null
+++ b/src/views/modules/statisticsBusiness/courseStatistics/labelStatistics.vue
@@ -0,0 +1,194 @@
+<template>
+  <div class="course-label-statistics-container">
+    <el-form
+      :inline="true"
+      :model="dataForm"
+      @keyup.enter.native="getDataList()"
+    >
+      <el-form-item>
+        <el-radio-group v-model="timeType" size="small" @change="handleTimeTypeChange">
+          <el-radio-button label="year">按年份</el-radio-button>
+          <el-radio-button label="month">按月份</el-radio-button>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item>
+        <el-date-picker
+          v-show="timeType === 'year'"
+          v-model="currentDate"
+          type="year"
+          format="yyyy"
+          placeholder="选择年份"
+          popper-append-to-body
+          @change="getDataList"
+          size="small"
+        />
+        <el-date-picker
+          v-show="timeType === 'month'"
+          v-model="currentDate"
+          type="month"
+          format="yyyy-MM"
+          placeholder="选择月份"
+          popper-append-to-body
+          @change="getDataList"
+          size="small"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="primary"
+          size="small"
+          @click="getDataList"
+        >刷新</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button 
+          type="success"
+          size="small"
+          @click="exportData"
+        >下载报表</el-button>
+      </el-form-item>
+    </el-form>
+    
+    <div class="table-container" ref="tableContainer">
+      <el-table
+        :data="dataList"
+        border
+        :header-cell-style="{ textAlign: 'center' }"
+        :cell-style="{ textAlign: 'center' }"
+        :max-height="tableHeight"
+      >
+        <el-table-column prop="courseLabel" label="分类" min-width="150" />
+        <el-table-column prop="courseCount" label="总销售门数" min-width="120" />
+        <el-table-column prop="sales" label="总销量" min-width="100" />
+        <el-table-column 
+          :label="timeType === 'year' ? '年销售额（微信+支付宝+银行+天医币）' : '月销售额（微信+支付宝+银行+天医币）'" 
+          min-width="280"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.salesFee }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          :label="timeType === 'year' ? '年销售额（微信+支付宝+银行）' : '月销售额（微信+支付宝+银行）'" 
+          min-width="250"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.cashFee }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+
+<script>
+import http from '@/utils/httpRequest'
+
+export default {
+  data() {
+    return {
+      timeType: 'year',
+      currentDate: new Date(),
+      dataForm: {},
+      dataList: [],
+      tableHeight: null
+    }
+  },
+  activated() {
+    const now = new Date()
+    if (this.timeType === 'year') {
+      this.currentDate = new Date(now.getFullYear(), 0, 1)
+    } else {
+      this.currentDate = now
+    }
+    this.getDataList()
+    this.$nextTick(() => {
+      this.calculateTableHeight()
+    })
+  },
+  mounted() {
+    window.addEventListener('resize', this.handleResize)
+    this.$nextTick(() => {
+      this.calculateTableHeight()
+    })
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    handleResize() {
+      this.calculateTableHeight()
+    },
+    calculateTableHeight() {
+      if (this.$refs.tableContainer) {
+        this.tableHeight = this.$refs.tableContainer.offsetHeight || 500
+      } else {
+        this.tableHeight = 500
+      }
+    },
+    handleTimeTypeChange() {
+      if (this.timeType === 'year') {
+        const now = new Date()
+        this.currentDate = new Date(now.getFullYear(), 0, 1)
+      } else {
+        this.currentDate = new Date()
+      }
+      this.getDataList()
+    },
+    getDataList() {
+      const dateStr = this.timeType === 'year' 
+        ? this.currentDate.getFullYear().toString() 
+        : `${this.currentDate.getFullYear()}-${String(this.currentDate.getMonth() + 1).padStart(2, '0')}`
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/getCourseSaleInfoByCourseLabel'),
+        method: 'post',
+        data: http.adornData({
+          date: dateStr
+        })
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.courseSaleInfo || []
+        }
+      })
+    },
+    exportData() {
+      const dateStr = this.timeType === 'year' 
+        ? this.currentDate.getFullYear().toString() 
+        : `${this.currentDate.getFullYear()}-${String(this.currentDate.getMonth() + 1).padStart(2, '0')}`
+      http({
+        url: http.adornUrl('/master/statisticsBusiness/exportCourseSaleInfoByCourseLabel'),
+        method: 'post',
+        data: http.adornData({
+          date: dateStr
+        }),
+        responseType: 'blob'
+      }).then((response) => {
+        const blob = new Blob([response.data])
+        const fileName = `按分类统计报表_${dateStr}.xlsx`
+        const link = document.createElement('a')
+        link.href = URL.createObjectURL(blob)
+        link.download = fileName
+        link.click()
+        URL.revokeObjectURL(link.href)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.course-label-statistics-container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 220px);
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+  }
+}
+
+.el-form .el-form-item {
+  margin-bottom: 10px !important;
+}
+</style>