统计报表

src/views/his/statistics/courseReport.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="85px">
+      <el-radio-group v-model="queryParams.dimension" @change="handleDimensionChange">
+        <el-radio-button label="company">销售公司</el-radio-button>
+        <el-radio-button label="camp">训练营</el-radio-button>
+      </el-radio-group>
       <el-form-item label="公司名" prop="companyId">
         <el-select filterable v-model="queryParams.companyId" placeholder="请选择公司名"
                    clearable size="small">
@@ -12,7 +16,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="训练营" prop="trainingCampId">
+      <el-form-item label="训练营" prop="trainingCampId" v-if="queryParams.dimension === 'camp'">
         <el-select filterable v-model="queryParams.trainingCampId" placeholder="请选择训练营"
                    clearable size="small"  @change="handleCampChange">
           <el-option
@@ -26,7 +30,7 @@
       <el-form-item>
         <treeselect style="width: 220px" v-model="queryParams.periodId" :options="deptOptions"
                     clearable :show-count="true" placeholder="请选择归属营期" value-consists-of="LEAF_PRIORITY"
-                    :normalizer="normalizer" />
+                    :normalizer="normalizer" v-if="queryParams.dimension === 'camp'" />
       </el-form-item>
       <el-form-item>
         <el-form-item label="下单时间" prop="createTime">
@@ -217,7 +221,8 @@ export default {
         deptId: null,
         source: null,
         trainingCampId:null,
-        periodId:null
+        periodId:null,
+        dimension:'company'
       },
       // 表单参数
       form: {},
@@ -269,6 +274,13 @@ export default {
     });
   },
   methods: {
+    handleDimensionChange: function(val) {
+      console.log('维度切换到:', val);
+      // 重置分页
+      this.queryParams.pageNum = 1;
+      // 重新获取数据
+      this.getList();
+    },
     /** 查询套餐订单列表 */
     getList() {
       this.loading = true;

src/views/his/statistics/orderReport.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="85px">
+      <el-radio-group v-model="queryParams.dimension" @change="handleDimensionChange">
+        <el-radio-button label="company">公司维度</el-radio-button>
+        <el-radio-button label="dept">部门维度</el-radio-button>
+      </el-radio-group>
       <el-form-item label="公司名" prop="companyId">
         <el-select filterable v-model="queryParams.companyId" placeholder="请选择公司名" @change="companyChange"
                    clearable size="small">
@@ -15,7 +19,7 @@
 
       <el-form-item>
         <treeselect style="width: 220px" :clearable="false" v-model="queryParams.deptId" :options="deptOptions"
-                    clearable :show-count="true" placeholder="请选择归属部门" @input="currDeptChange"/>
+                    clearable :show-count="true" placeholder="请选择归属部门" @input="currDeptChange" v-if="queryParams.dimension === 'dept'"/>
       </el-form-item>
       <el-form-item>
         <el-form-item label="下单时间" prop="createTime">
@@ -181,6 +185,7 @@ export default {
         companyName: null,
         deptId: null,
         source: null,
+        dimension:'company'
       },
       // 表单参数
       form: {},
@@ -226,6 +231,13 @@ export default {
     });
   },
   methods: {
+    handleDimensionChange: function(val) {
+      console.log('维度切换到:', val);
+      // 重置分页
+      this.queryParams.pageNum = 1;
+      // 重新获取数据
+      this.getList();
+    },
     /** 查询套餐订单列表 */
     getList() {
       this.loading = true;

src/views/his/statistics/packageOrderReport.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="85px">
+      <el-radio-group v-model="queryParams.dimension" @change="handleDimensionChange">
+        <el-radio-button label="company">公司维度</el-radio-button>
+        <el-radio-button label="dept">部门维度</el-radio-button>
+      </el-radio-group>
       <el-form-item label="公司名" prop="companyId">
         <el-select filterable v-model="queryParams.companyId" placeholder="请选择公司名" @change="companyChange"
                    clearable size="small">
@@ -15,7 +19,7 @@
 
       <el-form-item>
         <treeselect style="width: 220px" :clearable="false" v-model="queryParams.deptId" :options="deptOptions"
-                    clearable :show-count="true" placeholder="请选择归属部门"/>
+                    clearable :show-count="true" placeholder="请选择归属部门" v-if="queryParams.dimension === 'dept'"/>
       </el-form-item>
       <el-form-item>
         <el-form-item label="下单时间" prop="createTime">
@@ -168,6 +172,7 @@ export default {
         companyName: null,
         deptId: null,
         source: null,
+        dimension:'company'
       },
       // 表单参数
       form: {},
@@ -228,6 +233,13 @@ export default {
     });
   },
   methods: {
+    handleDimensionChange: function(val) {
+      console.log('维度切换到:', val);
+      // 重置分页
+      this.queryParams.pageNum = 1;
+      // 重新获取数据
+      this.getList();
+    },
     /** 查询套餐订单列表 */
     getList() {
       this.loading = true;