diff --git a/src/views/drivingSchool/DriveSchoolStatistics/api/index.js b/src/views/drivingSchool/DriveSchoolStatistics/api/index.js
new file mode 100644
index 0000000..1616cf6
--- /dev/null
+++ b/src/views/drivingSchool/DriveSchoolStatistics/api/index.js
@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+export function getCoachList() {
+  return request({
+    url: '/base/dl-drive-school-coach/list',
+    method: 'GET'
+  })
+}
+
+export function getDate(paramsObj) {
+  return request({
+    url: '/base/dataView/indexData',
+    method: 'GET',
+    params: paramsObj
+  })
+}
+
+export function getDetailsData(paramsObj) {
+  return request({
+    url: '/base/dl-drive-school-student/indexStuentList',
+    method: 'GET',
+    params: paramsObj
+  })
+}
+
+export function getStudentByCoach(paramsObj) {
+  return request({
+    url: '/base/drive-school-staff/pageStaff',
+    method: 'GET',
+    params: paramsObj
+  })
+}
+
+export function getExamBatch(paramsObj) {
+  return request({
+    url: '/examBatch/page',
+    method: 'GET',
+    params: paramsObj
+  })
+}
+
+export function getExamBatchById(id) {
+  return request({
+    url: '/examBatch/getById?id=' + id,
+    method: 'GET'
+  })
+}
diff --git a/src/views/drivingSchool/DriveSchoolStatistics/index.vue b/src/views/drivingSchool/DriveSchoolStatistics/index.vue
new file mode 100644
index 0000000..0bf6ee2
--- /dev/null
+++ b/src/views/drivingSchool/DriveSchoolStatistics/index.vue
@@ -0,0 +1,1036 @@
+<template>
+  <div class="app-container">
+  <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"  label-width="68px">
+    <el-form-item label="教练名称" prop="coachId">
+      <el-select v-model="queryParams.coachId" placeholder="请选择教练">
+        <el-option
+          v-for="item in coachList"
+          :key="item.userId"
+          :label="item.name"
+          :value="item.userId">
+        </el-option>
+      </el-select>
+    </el-form-item>
+
+    <el-form-item label="时间区间" prop="timeType">
+      <el-select v-model="queryParams.timeType" placeholder="请选择时间区间">
+        <el-option
+          v-for="item in timeTypeList"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value">
+        </el-option>
+      </el-select>
+    </el-form-item>
+
+    <el-form-item label="自定义时间" prop="timeType" v-if="queryParams.timeType === 'more'" label-width="120px">
+      <el-date-picker
+        v-model="queryParams.timeRange"
+        type="daterange"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+        value-format="yyyy-MM-dd"
+        @change="handleDateChange">
+      </el-date-picker>
+    </el-form-item>
+
+    <el-form-item>
+      <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
+      <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+    </el-form-item>
+  </el-form>
+
+    <el-row :gutter="20">
+      <!-- 第一组 -->
+      <el-col :span="12">
+        <div class="group-title">
+          <i class="el-icon-user-solid"></i>
+          <span>招生情况</span>
+        </div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-card class="box-card"  shadow="hover" style="margin-bottom: 20px;" @click.native="handleCardClick('coachRecruit')">
+              <div class="card_msg">
+                <div class="card_title" >教练自招</div>
+                <div class="card_center">
+                  <div class="card_echarts" >
+                    <div ref="selfRecruitChart" style="width: 100%; height: 100%;"></div>
+                  </div>
+                  <div class="card_text">
+                    <div class="card_text_top">招生人数(人)
+                    <div style="color: black; font-size: 20px">{{ dataObj.studentInfo.coachNum || '-' }}</div>
+                    </div>
+                    <div class="card_text_bottom">招生金额(元)
+                      <div style="color: black; font-size: 20px">{{ dataObj.studentInfo.coachAmount || '-' }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="12">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;" @click.native="handleCardClick('schoolRecruit')">
+              <div class="card_msg">
+                <div class="card_title">驾校统招</div>
+                <div class="card_center">
+                  <div class="card_echarts" ref="schoolRecruitChart"></div>
+                  <div class="card_text">
+                    <div class="card_text_top">招生人数(人)
+                      <div style="color: black; font-size: 20px">{{ dataObj.studentInfo.schoolNum || '-' }}</div>
+                    </div>
+                    <div class="card_text_bottom">招生金额(元)
+                      <div style="color: black; font-size: 20px">{{ dataObj.studentInfo.schoolAmount || '-' }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <!-- 第二组 -->
+      <el-col :span="12">
+        <div class="group-title">
+          <i class="el-icon-s-order"></i>
+          <span>考试情况</span>
+          </div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;" @click.native="handleCardClick('subject2')">
+              <div class="card_msg">
+                <div class="card_title">科目二</div>
+                <div class="card_center">
+                  <div class="card_echarts" ref="subject2Chart"></div>
+                  <div class="card_text">
+                    <div class="card_text_top">总人数(人)
+                      <div style="color: black; font-size: 20px">{{ dataObj.examInfo.subject2All || '-' }}</div>
+                    </div>
+                    <div class="card_text_bottom">合格数(人)
+                      <div style="color: black; font-size: 20px">{{ dataObj.examInfo.subject2Pass || '-' }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="12">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;" @click.native="handleCardClick('subject3')">
+              <div class="card_msg">
+                <div class="card_title">科目三</div>
+                <div class="card_center">
+                  <div class="card_echarts" ref="subject3Chart"></div>
+                  <div class="card_text">
+                    <div class="card_text_top">总人数(人)
+                      <div style="color: black; font-size: 20px">{{ dataObj.examInfo.subject3All || '-' }}</div>
+                    </div>
+                    <div class="card_text_bottom">合格数(人)
+                      <div style="color: black; font-size: 20px">{{ dataObj.examInfo.subject3Pass || '-' }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <div class="group-title">
+          <i class="el-icon-place"></i>
+          <span>训练情况</span>
+        </div>
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">训练车辆数：{{ dataObj.trainInfo.allCarNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">科目二车辆：{{ dataObj.trainInfo.subject2CarNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">科目三车辆：{{ dataObj.trainInfo.subject3CarNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+
+        </el-row>
+      </el-col>
+
+    </el-row>
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">训练学员数：{{ dataObj.trainInfo.allUserNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">科目二学员：{{ dataObj.trainInfo.subject2UserNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="8">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">科目三学员：{{ dataObj.trainInfo.subject3UserNum || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-col>
+
+    </el-row>
+
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <div class="group-title">
+          <i class="el-icon-s-cooperation"></i>
+          <span>财务情况</span>
+        </div>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">已收金额：{{ dataObj.moneyInfo.inAmount || '-'}}</div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="12">
+            <el-card class="box-card" shadow="hover" style="margin-bottom: 20px;">
+              <div class="card_msg_2">
+                <div class="card_2_font">应付金额：{{ dataObj.moneyInfo.outAmount || '-' }}</div>
+              </div>
+            </el-card>
+          </el-col>
+
+        </el-row>
+      </el-col>
+
+    </el-row>
+
+<!-- 第一层抽屉-->
+    <el-drawer
+      :title="drawerTitle"
+      :visible.sync="drawerVisible"
+      direction="rtl"
+      size="50%"
+      :before-close="handleDrawerClose">
+      <div v-if="drawerContent === 'coachRecruit'">
+<!--        <h3>教练自招详情</h3>-->
+        <el-table :data="detailsDataList" style="width: 100%">
+          <el-table-column label="排名" width="150">
+            <template slot-scope="scope">
+              {{ scope.$index + 1 }}
+            </template>
+          </el-table-column>
+          <el-table-column property="coachName" label="教练" width="200"></el-table-column>
+          <el-table-column property="c1Num" label="C1(人)"></el-table-column>
+          <el-table-column property="c2Num" label="C2(人)"></el-table-column>
+<!--          <el-table-column property="totalNum" label="总人数(人)"></el-table-column>-->
+          <el-table-column label="总人数(人)">
+            <template slot-scope="scope">
+              {{
+                queryParams.timeType === 'all' ? scope.row.totalNum : scope.row.timeTotal
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="120" align="center">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                @click="showDetail(scope.row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+      </div>
+
+      <div v-else-if="drawerContent === 'schoolRecruit'">
+        <!--        <h3>驾校统招详情</h3>-->
+        <el-tabs v-model="schoolRecruitActiveTab" @tab-click="handleSchoolRecruitTabChange">
+          <el-tab-pane label="工作人员" name="staff"></el-tab-pane>
+          <el-tab-pane label="自来学员" name="self"></el-tab-pane>
+        </el-tabs>
+
+     <div v-if="schoolRecruitData">
+       <el-table :data="schoolRecruitData" style="width: 100%">
+         <el-table-column property="name" label="学员姓名" width="200"></el-table-column>
+         <el-table-column property="phone" label="手机号"></el-table-column>
+         <el-table-column property="courseType" label="课程类型"></el-table-column>
+       </el-table>
+        </div>
+      </div>
+      <div v-else-if="drawerContent === 'subject2'">
+<!--        <h3>科目二考试详情</h3>-->
+        <el-table :data="subjectBatchList" style="width: 100%">
+          <el-table-column property="batchName" label="送考批次" width="160" align="center"></el-table-column>
+          <el-table-column property="passRate" label="合格率" width="60" align="center"></el-table-column>
+          <el-table-column property="courseName" label="课程名称" align="center"></el-table-column>
+          <el-table-column property="coachName" label="教练名称" align="center"></el-table-column>
+          <el-table-column property="addr" label="考试场地" align="center"></el-table-column>
+          <el-table-column property="startTime" label="开始时间" align="center">
+            <template #default="{ row }">
+              {{ formatDateTime(row.startTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column property="endTime" label="结束时间" align="center">
+            <template #default="{ row }">
+              {{ formatDateTime(row.endTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="120" align="center">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                @click="showExamBatchDetail(scope.row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div v-else-if="drawerContent === 'subject3'">
+<!--        <h3>科目三考试详情</h3>-->
+        <el-table :data="subjectBatchList" style="width: 100%">
+          <el-table-column property="batchName" label="送考批次" width="160" align="center"></el-table-column>
+          <el-table-column property="passRate" label="合格率" width="60" align="center"></el-table-column>
+          <el-table-column property="courseName" label="课程名称" align="center"></el-table-column>
+          <el-table-column property="coachName" label="教练名称" align="center"></el-table-column>
+          <el-table-column property="addr" label="考试场地" align="center"></el-table-column>
+          <el-table-column property="startTime" label="开始时间" align="center">
+            <template #default="{ row }">
+              {{ formatDateTime(row.startTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column property="endTime" label="结束时间" align="center">
+            <template #default="{ row }">
+              {{ formatDateTime(row.endTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="120" align="center">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                @click="showExamBatchDetail(scope.row)">
+                详情
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-drawer>
+
+<!-- 考试详情第二层抽屉-->
+    <el-drawer
+      :visible.sync="examBatchDetailVisible"
+      direction="rtl"
+      size="40%"
+      :with-header="false"
+      :before-close="handleSecondDrawerClose">
+
+      <div v-if="studentListByCoach">
+<!--        <div v-if="drawerContent === 'coachRecruit'">-->
+          <!--        <h3>教练自招详情</h3>-->
+          <el-table :data="studentListByCoach" style="width: 100%">
+            <el-table-column property="name" label="学员姓名" width="200"></el-table-column>
+            <el-table-column property="phone" label="手机号"></el-table-column>
+            <el-table-column property="courseType" label="课程类型"></el-table-column>
+          </el-table>
+
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="queryParams.pageNum"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="queryParams.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="studentListByCoachTotal"
+          style="margin-top: 15px; padding: 0 15px;">
+        </el-pagination>
+        </div>
+    </el-drawer>
+
+<!--    批次详情二层抽屉-->
+    <el-drawer
+      :visible.sync="examBatchDetailVisible"
+      direction="rtl"
+      size="40%"
+      :with-header="false"
+      :before-close="handleExamBatchDrawerClose">
+
+      <div v-if="examBatchDetailData">
+        <el-table :data="examBatchDetailData" style="width: 100%">
+          <el-table-column property="userName" label="学员姓名"  align="center"></el-table-column>
+          <el-table-column property="userMobile" label="手机号" align="center"></el-table-column>
+          <el-table-column property="startTime" label="考试时间"  align="center">
+            <template #default="{ row }">
+              {{ formatDateTime(row.startTime) }}
+            </template>
+          </el-table-column>
+          <el-table-column property="subject" label="考试科目" align="center">
+            <template #default="{ row }">
+              <span v-if="row.subject">科{{ row.subject }}</span>
+              <span v-else></span>
+            </template>
+          </el-table-column>
+          <el-table-column property="courseName" label="考试类型" align="center"></el-table-column>
+          <el-table-column property="fraction" label="考试分数" align="center"></el-table-column>
+          <el-table-column property="ifPass" label="是否通过" align="center">
+            <template #default="{ row }">
+              <span v-if="row.ifPass === true">通过</span>
+              <span v-else-if="row.ifPass === false">不通过</span>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
+          <el-table-column property="transWay" label="交通方式" align="center"></el-table-column>
+        </el-table>
+      </div>
+    </el-drawer>
+
+
+
+
+
+
+  </div>
+</template>
+
+<script >
+
+import editor from '@/components/Editor/index.vue'
+import {
+  getCoachList,
+  getDate,
+  getDetailsData, getExamBatch, getExamBatchById,
+  getStudentByCoach
+} from '@/views/drivingSchool/DriveSchoolStatistics/api'
+import * as echarts from 'echarts';
+
+export default {
+  name: "Statistics",
+  components: { editor },
+  data() {
+    return {
+      // 第一次抽屉参数
+      drawerVisible: false,
+      drawerTitle: '',
+      drawerContent: '',
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        type: null,
+        timeType: 'all',
+        coachId: null,
+        startTime: null,
+        endTime: null,
+        timeRange: [],
+        schoolType: null,
+        sourceCoachId:null,
+        sort: null,
+        pageNo: 0,
+        source:null,
+      },
+      // 主界面数据
+      dataObj: {},
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+      // 教练列表
+      coachList: [],
+      // ECharts 参数
+      charts: {
+        selfRecruit: null,
+        schoolRecruit: null,
+        subject2: null,
+        subject3: null
+      },
+      // 条件筛选 时间类型
+      timeTypeList: [
+        { value: 'all', label: '全部' },
+        { value: 'month', label: '当月' },
+        { value: 'day', label: '当天' },
+        { value: 'more', label: '自定义' }
+      ],
+      // 点击卡片显示详情的数据
+      detailsDataList: {},
+
+      // 第二层抽屉相关
+      secondDrawerVisible: false,
+      currentDetail: null,
+      // 教练名下学员信息
+      studentListByCoach:[],
+      // 教练名下学员信息数量
+      studentListByCoachTotal: 0,
+
+      schoolRecruitActiveTab: 'staff', // 默认激活的标签
+      schoolRecruitData: {},
+      subjectBatchList:{},
+
+      // 考试批次详情二层抽屉
+      examBatchDetailVisible: false,
+      examBatchDetailData: {},
+
+
+    };
+  },
+  mounted() {
+    this.initCoachList();
+    this.initAll();
+    setTimeout(() => {
+      this.initCharts();
+    }, 100);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize);
+    this.destroyCharts();
+  },
+  methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      console.log('queryParams',this.queryParams)
+      this.queryParams.pageNo = 1;
+      this.initData().then(() => {
+        // 数据加载完成后更新图表
+        this.initCharts();
+      }).catch(error => {
+        console.error('搜索失败:', error);
+        this.$message.error('搜索失败');
+      });
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.queryParams.timeRange = [];
+      this.queryParams.startTime = null;
+      this.queryParams.endTime = null;
+      this.queryParams.timeType = 'all';
+      this.initData().then(() => {
+        // 数据加载完成后更新图表
+        this.initCharts();
+      })
+    },
+    // 时间选择器数据处理
+    handleDateChange(val) {
+      if (val && val.length === 2) {
+        this.queryParams.startTime = val[0];
+        this.queryParams.endTime = val[1];
+      } else {
+        this.queryParams.startTime = null;
+        this.queryParams.endTime = null;
+      }
+    },
+
+    async initAll() {
+      try {
+        await this.initData();  // 先确保数据加载完成
+        this.initCharts();      // 再初始化图表
+      } catch (error) {
+        console.error('初始化失败:', error);
+        this.$message.error('数据加载失败');
+      }
+    },
+    // 获取教练数据
+    initCoachList() {
+      getCoachList().then(res => {
+        console.log('res',res)
+        this.coachList =res.data;
+      })
+    },
+
+    // 卡片点击打开类型
+    handleCardClick(type) {
+      this.drawerContent = type;
+
+      // 根据类型设置抽屉标题
+      switch(type) {
+        case 'coachRecruit':
+          this.drawerTitle = '教练自招详情';
+          this.queryParams.type='02'
+          break;
+        case 'schoolRecruit':
+          this.drawerTitle = '驾校统招详情';
+          this.queryParams.type='01'
+          break;
+        case 'subject2':
+          this.drawerTitle = '科目二考试记录';
+          break;
+        case 'subject3':
+          this.drawerTitle = '科目三考试记录';
+          break;
+      }
+
+      // 打开抽屉
+      this.drawerVisible = true;
+
+      // 获取数据
+      if(type === 'subject2'){
+        this.getExamBatchList('02')
+      }else if(type ==='subject3'){
+        this.getExamBatchList('03')
+      }else{
+        if(type ==='schoolRecruit'){
+          this.handleCardTabClick('schoolRecruit')
+        }
+
+        this.initDetailsData(this.queryParams);
+      }
+
+    },
+
+    // 处理抽屉关闭
+    handleDrawerClose(done) {
+      // 可以在这里添加一些关闭前的处理逻辑
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+
+    // 教练信息后面的详情按钮
+    showDetail(row) {
+      this.currentDetail = row;
+      this.secondDrawerVisible = true;
+      console.log('row', row)
+
+      // 获取详细数据
+      this.getStudentListByCoach(row.userId);
+    },
+    // 关闭第二层抽屉
+    handleSecondDrawerClose(done) {
+      // 可以在这里添加一些关闭前的处理
+      this.currentDetail = null;
+      done();
+    },
+
+    // 考试批次详情按钮
+    showExamBatchDetail(row) {
+      this.examBatchDetailVisible = true;
+      console.log('123',456)
+      this.getExamBatchDetailsList(row.id);
+    },
+
+    // 关闭批次详情第二层抽屉
+    handleExamBatchDrawerClose(done) {
+      done();
+    },
+
+    // 获取主界面数据
+    initData() {
+      this.queryParams.type = 'admin';
+      if(this.queryParams.timeType !== 'more'){
+        this.queryParams.startTime  = null;
+        this.queryParams.endTime  = null;
+        this.queryParams.timeRange  = null;
+      }
+      return getDate(this.queryParams).then(res => {
+        this.dataObj = res.data;
+        console.log('dataObj', this.dataObj);
+        return res;
+      });
+    },
+
+    // 点击卡片获取对应数据
+    initDetailsData(queryParams){
+      let {
+        startTime,
+        endTime,
+        timeType
+      } = queryParams;
+      let startTimeStr = "";
+      let endTimeStr = "";
+      console.log('timeType1', timeType)
+      console.log('timeType2', this.queryParams.timeType)
+      if (timeType === 'more') {
+        if (startTime) {
+          startTimeStr = startTime + " 00:00:01";
+        }
+        if (endTime) {
+          endTimeStr = endTime + " 23:59:59";
+        }
+      } else if (timeType === 'month') {
+        // 当月
+        const now = new Date();
+        const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
+        const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
+
+        startTimeStr = this.formatDate(firstDay) + " 00:00:01";
+        endTimeStr = this.formatDate(lastDay) + " 23:59:59";
+      } else if (timeType === 'day') {
+        console.log('1', 123)
+        // 当天
+        const today = new Date();
+        startTimeStr = this.formatDate(today) + " 00:00:01";
+        endTimeStr = this.formatDate(today) + " 23:59:59";
+      }
+
+      queryParams.startTime = startTimeStr;
+      queryParams.endTime = endTimeStr;
+      console.log('paramsObj', queryParams)
+      getDetailsData(queryParams).then(res => {
+        this.detailsDataList = res.data;
+        console.log('initDetailsData', this.detailsDataList)
+      })
+    },
+
+    // 教练名下学员信息查询
+    getStudentListByCoach(userId){
+      console.log('123', 345)
+      this.queryParams.sourceCoachId = userId
+      this.queryParams.type = 'student'
+      this.queryParams.sort = 'desc'
+
+      getStudentByCoach(this.queryParams).then(res => {
+        console.log('345', 345)
+        this.studentListByCoach = res.data.records;
+        this.studentListByCoachTotal = res.data.total;
+        console.log('studentListByCoach', this.studentListByCoach)
+      })
+    },
+    formatDate(date) {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      return `${year}-${month}-${day}`;
+    },
+
+    // 教练名下学员信息分页方法
+    handleSizeChange(val) {
+      this.queryParams.pageSize = val;
+      this.queryParams.pageNo = 1; // 重置页码
+      this.getStudentListByCoach(this.currentDetail.userId);
+    },
+    handleCurrentChange(val) {
+      this.queryParams.pageNo = val;
+      this.getStudentListByCoach(this.currentDetail.userId);
+    },
+
+    // 标签切换时调用
+    handleSchoolRecruitTabChange(tab) {
+      this.fetchSchoolRecruitData(tab.name);
+    },
+
+    // 驾校统招获取数据
+    fetchSchoolRecruitData(type) {
+      if(type === 'staff'){
+        this.queryParams.type = '01'
+      }else{
+        this.queryParams.type = 'student'
+      }
+      this.queryParams.source = '03'
+      this.queryParams.pageSize = 10000
+      console.log('this.queryParams', this.queryParams)
+      getStudentByCoach(this.queryParams).then(res => {
+        this.schoolRecruitData = res.data.records;
+        console.log('res',res)
+      })
+    },
+
+    // 在打开抽屉时初始化数据
+    handleCardTabClick(type) {
+      this.drawerContent = type;
+
+      if (type === 'schoolRecruit') {
+        this.schoolRecruitActiveTab = 'staff'; // 重置为默认标签
+        this.fetchSchoolRecruitData('staff'); // 初始化加载工作人员数据
+      }
+
+    },
+
+    // 获取考试批次信息
+    getExamBatchList(subject){
+      const paramsObj = {
+        pageNo: 1,
+        timeType: this.queryParams.timeType,
+        startTimeSearch: this.queryParams.startTime,
+        endTimeSearch: this.queryParams.endTime,
+        subject: subject,
+        pageSize: 10000,
+      }
+      getExamBatch(paramsObj).then(res => {
+        this.subjectBatchList = res.data.records;
+      })
+    },
+
+    getExamBatchDetailsList(id) {
+      getExamBatchById(id).then(res => {
+        console.log('原始响应数据:', res.data);
+
+        // 直接处理成只保留 itemList（并合并外层字段）
+        this.examBatchDetailData = res.data.itemList.map(item => ({
+          ...item,
+          // 合并外层数据到每个item
+          courseName: res.data.courseName,    // 课程名称
+          subject: res.data.subject,          // 考试科目
+          startTime: item.startTime || res.data.startTime,  // 考试时间
+          transWay: res.data.transWay,        // 交通方式
+          coachName: res.data.coachName,      // 教练名称
+          batchName: res.data.batchName,      // 批次名称
+          addr: res.data.addr                 // 考试地址
+        }));
+
+        console.log('处理后的itemList数据:', this.examBatchDetailData);
+      }).catch(error => {
+        console.error('获取数据失败:', error);
+      });
+    },
+
+    // 初始化ECharts图
+    initCharts() {
+      if (!this.dataObj) {
+        console.warn('数据尚未加载');
+        return;
+      }
+
+      this.charts.selfRecruit = echarts.init(this.$refs.selfRecruitChart);
+      this.charts.selfRecruit.setOption(
+        this.getGaugeOption(this.dataObj.studentInfo?.coachRate || 0)
+      );
+
+      this.charts.schoolRecruit = echarts.init(this.$refs.schoolRecruitChart);
+      this.charts.schoolRecruit.setOption(
+        this.getGaugeOption(this.dataObj.studentInfo?.schoolRate || 0)
+      );
+
+      this.charts.subject2 = echarts.init(this.$refs.subject2Chart);
+      this.charts.subject2.setOption(
+        this.getGaugeOption(this.dataObj.examInfo?.subject2Rate || 0)
+      );
+
+      this.charts.subject3 = echarts.init(this.$refs.subject3Chart);
+      this.charts.subject3.setOption(
+        this.getGaugeOption(this.dataObj.examInfo?.subject3Rate || 0)
+      );
+    },
+
+    destroyCharts() {
+      Object.values(this.charts).forEach(chart => {
+        try {
+          chart && chart.dispose && chart.dispose();
+        } catch (e) {
+          console.error('图表销毁失败:', e);
+        }
+      });
+    },
+
+    handleResize() {
+      Object.values(this.charts).forEach(chart => {
+        try {
+          chart && chart.resize && chart.resize();
+        } catch (e) {
+          console.error('图表resize失败:', e);
+        }
+      });
+    },
+
+    // ECharts图
+    getGaugeOption(value) {
+      return {
+        series: [
+          {
+            type: 'gauge',
+            startAngle: 210,
+            endAngle: -30,
+            min: 0,
+            max: 100,
+            progress: {
+              show: true,
+              width: 12,
+              overlap: false, // 防止进度条覆盖底色
+              roundCap: true, // 圆角进度条
+              clip: false // 不裁剪超出部分
+            },
+            axisLine: {
+              lineStyle: {
+                width: 12,
+                color: [
+                  // 分段设置颜色
+                  [1, '#F2F2F2'] // 底色为灰白色
+                ]
+              }
+            },
+            axisTick: {
+              show: false
+            },
+            splitLine: {
+              show: false
+            },
+            axisLabel: {
+              show: false
+            },
+            pointer: {
+              show: false
+            },
+            detail: {
+              valueAnimation: true,
+              fontSize: 30,
+              offsetCenter: [0, '-10%'],
+              formatter: '{value}%',
+              color: '#333'
+            },
+            data: [
+              {
+                value: value
+              }
+            ]
+          },
+          // 添加第二个系列作为蓝色进度条
+          {
+            type: 'gauge',
+            startAngle: 210,
+            endAngle: -30,
+            min: 0,
+            max: 100,
+            progress: {
+              show: true,
+              width: 12,
+              roundCap: true,
+              itemStyle: {
+                color: '#5470C6' // 进度条颜色
+              }
+            },
+            axisLine: {
+              show: false
+            },
+            axisTick: {
+              show: false
+            },
+            splitLine: {
+              show: false
+            },
+            axisLabel: {
+              show: false
+            },
+            pointer: {
+              show: false
+            },
+            detail: {
+              show: false
+            },
+            data: [
+              {
+                value: value
+              }
+            ]
+          }
+        ]
+      };
+    },
+
+    // 格式化时间
+    formatDateTime(timestamp) {
+      const date = new Date(timestamp);
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, '0');
+      const day = String(date.getDate()).padStart(2, '0');
+      const hours = String(date.getHours()).padStart(2, '0');
+      const minutes = String(date.getMinutes()).padStart(2, '0');
+      return `${year}-${month}-${day} ${hours}:${minutes}`;
+    },
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.card_msg {
+  height: 220px;
+}
+.card_title {
+  width: 100%;
+  height: 10%;
+  font-size: 16px;
+  font-weight: bold;
+
+}
+
+.group-title {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 15px;
+  padding-left: 10px;
+  border-left: 4px solid #409EFF;
+}
+
+.card_msg_2 {
+  height: 50px;
+  display: flex;
+  align-items: center;
+}
+
+.card_2_font {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.card_center {
+  width: 100%;
+  height: 90%;
+  display: flex;
+  flex-direction: row;
+}
+
+.card_echarts {
+  width: 70%;
+  height: 100%;
+}
+.card_text {
+  width: 30%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.card_text_top {
+  height: 50%;
+  color: #6c6c6c;
+  font-weight: bold;
+  font-size: 14px;
+  /*display: flex;
+  justify-content: center;
+  align-items: center;*/
+}
+.card_text_bottom {
+  height: 50%;
+  color: #6c6c6c;
+  font-weight: bold;
+  font-size: 14px;
+  /*display: flex;
+  justify-content: center;
+  align-items: center;*/
+}
+
+::v-deep .el-drawer__header {
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  color: black;
+}
+</style>