dy-admin-manager/src/views/reportForm/index.vue

<template>
  <div class="m-container">
    <h2>
      <div class="squrt"></div>
      报表中心
    </h2>
    <div class="m-core">
      <el-collapse v-model="activeName" class="formCollapse">
        <el-collapse-item
          name="1"
          v-if="
            $helpers.permission('export/musicGroupRegister') ||
              $helpers.permission('export/musicGroupNormalStudentNum') ||
              $helpers.permission('export/exportStudentAttendances') ||
              $helpers.permission('export/cloudStudyStudentTrainData')
          "
        >
          <template slot="title">
            <p class="wrapTitle">教务信息</p>
          </template>
          <div class="m-wrap" v-permission="'export/musicGroupRegister'">
            <div class="title">乐团招生汇总：</div>
            <select-all
              v-model.trim="organIdList"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              multiple
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportMusicGroup"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="MUSIC_GROUP_REGISTER"
              :exportData="{ organIds: this.organIdList.join(',') }"
              fileName="招生情况汇总表"
              errorMsg="请至少选择一个分部"
              :flag="this.organIdList.length < 1"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">
                请选择分部后，导出招生情况汇总表，分部可多选
              </div>
              <i
                class="el-icon-question micon el-tooltip"
                v-permission="'export/musicGroupRegister'"
                style="font-size: 18px; color: #f56c6c"
              ></i>
            </el-tooltip>
          </div>
          <div
            class="m-wrap"
            v-permission="'export/musicGroupNormalStudentNum'"
          >
            <div class="title">乐团在读人数：</div>
            <select-all
              v-model.trim="musicTeamNum"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="MUSIC_GROUP_NORMAL_STUDENT_NUM"
              :exportData="{ organIds: this.musicTeamNum.join(',') }"
              fileName="乐团在读人数"
              errorMsg="请至少选择一个分部"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">请选择分部后，导出乐团在读人数信息</div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
              ></i>
            </el-tooltip>
          </div>
          <div class="m-wrap" v-permission="'export/exportStudentAttendances'">
            <div class="title">学生考勤：</div>
            <select-all
              v-model.trim="attendanceOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-select
              v-model.trim="attendanceCourseType"
              class="organSelect"
              style="margin-left: 15px; width: 100%"
              filterable
              placeholder="请选择课程类型"
            >
              <el-option
                v-for="(item, index) in courseListType"
                :key="index"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
            <el-date-picker
              v-model.trim="timer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="上课开始日期"
              end-placeholder="上课结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportAttendance"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_STUDENT_ATTENDANCES"
              :exportData="exportAttendance"
              fileName="学生考勤"
              errorMsg="请至少选择一个分部"
            />
          </div>
          <div
            class="m-wrap"
            v-permission="'export/cloudStudyStudentTrainData'"
          >
            <div class="title">学练宝学员统计：</div>
            <!-- <el-select
              v-model.trim="trainOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </el-select> -->
            <select-all
              v-model.trim="trainOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="cloudTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportTrain"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="CLOUD_STUDY_STUDENT_TRAIN_DATA"
              :exportData="exportTrain"
              fileName="学练宝学员统计"
              errorMsg="请至少选择一个分部"
              :flag="this.trainOrganId.length < 1"
            />
          </div>
          <!-- 老师使用学练宝数据
 -->

          <div class="m-wrap" v-permission="'export/teacherCloudTrainingList'">
            <div class="title">老师使用学练宝数据：</div>
            <select-all
              v-model.trim="trainTeacherOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="trainTeacherTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="pickerOptions"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportTeacherTrain"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_TEACHER_CLOUD_COURSE_REPORT"
              :exportData="exportTeacherTrain"
              fileName="老师使用学练宝数据"
              errorMsg="请选择分部"
              :flag="!this.trainTeacherOrganId"
              :isDownList="true"
            />
          </div>
          <!--  -->
        </el-collapse-item>
        <el-collapse-item
          name="2"
          v-if="
            $helpers.permission('export/teacherDefaultSalary') ||
              $helpers.permission('export/studentOrder') ||
              $helpers.permission('studentInstrument/export') ||
              $helpers.permission('export/studentVipPractice') ||
              $helpers.permission('export/exercisesSituation') ||
              $helpers.permission('export/exportIndexErrData') ||
              $helpers.permission('export/exportMusicGroupCourseList') ||
              $helpers.permission('export/EXPORT_INDEX_HISTORY_ERR_DATA') ||
              $helpers.permission('export/EXPORT_STUDENT_SUBCOURSE') ||
              $helpers.permission('export/EXPORT_TRAINING_STATISTICS') ||
              $helpers.permission('export/EXPORT_OPERATING_VISIT_STATISTICS') ||
              $helpers.permission('export/CLOUD_COACH_ACTIVATION_DETAILS')
          "
        >
          <template slot="title">
            <p class="wrapTitle">运营数据</p>
          </template>
          <div class="m-wrap" v-permission="'export/teacherDefaultSalary'">
            <div class="title">老师默认课酬：</div>
            <select-all
              v-model.trim="teacherDefaultSalaryOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              multiple
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportDefaultSalary"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="TEACHER_DEFAULT_SALARY"
              :exportData="exportDefaultSalary"
              fileName="老师默认课酬"
              errorMsg="请至少选择一个分部"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">请选择分部后，导出老师列表及老师课酬信息</div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
                v-permission="'export/teacherDefaultSalary'"
              ></i>
            </el-tooltip>
          </div>
          <div class="m-wrap" v-permission="'export/studentOrder'">
            <div class="title">回款统计：</div>
            <select-all
              v-model.trim="studentOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              multiple
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              style="margin-left: 15px"
              v-model="studentMonth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM-dd"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportStudent"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="STUDENT_ORDER"
              :exportData="exportStudent"
              fileName="回款统计"
              errorMsg="请选择导出月份"
              :flag="!this.studentMonth"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">请选择分部和月份，导出回款统计</div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
                v-permission="'export/studentOrder'"
              ></i>
            </el-tooltip>
          </div>
          <div class="m-wrap" v-permission="'studentInstrument/export'">
            <div class="title">乐保订单导出：</div>
            <el-date-picker
              v-model="leBaoTimer"
              style="width: 360px"
              type="monthrange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始月份"
              end-placeholder="结束月份"
            >
            </el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportLeBao"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="STUDENT_INSTRUMENT"
              :exportData="exportLeBao"
              fileName="乐保订单"
              errorMsg="请选择导出月份"
              :flag="!(leBaoTimer && leBaoTimer.length > 1)"
            />
            <!-- <el-tooltip placement="top"
                      popper-class="mTooltip">
            <div slot="content">
              请选择分部和月份，导出回款统计
            </div>
            <i class="el-icon-question micon el-tooltip"
               style="font-size: 18px; color: #F56C6C"
               v-permission="'export/studentOrder'"></i>
          </el-tooltip> -->
          </div>
          <div class="m-wrap" v-permission="'export/studentVipPractice'">
            <div class="title">VIP网管课耗导出：</div>
            <select-all
              v-model.trim="vipOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportVip"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="STUDENT_VIP_PRACTICE"
              :exportData="exportVip"
              fileName="VIP网管课耗"
              errorMsg="请选择分部"
              :flag="vipOrganId.length <= 0"
              :isDownList="true"
            />
          </div>
          <div class="m-wrap" v-permission="'export/VIP_STUDENT_COURSE_MANAGE'">
            <div class="title">VIP学员课程管理导出：</div>
            <select-all
              v-model.trim="VipStudentOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportVipStudent"
              >导出</el-button
            > -->

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="VIP_STUDENT_COURSE_MANAGE"
              :exportData="exportVipStudent"
              fileName="VIP学员课程管理导出"
              errorMsg="请选择分部"
              :isDownList="true"
            />
          </div>
          <div class="m-wrap" v-permission="'export/exercisesSituation'">
            <div class="title">服务指标明细导出：</div>
            <select-all
              v-model.trim="serviceOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="serviceTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportDetailService"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXERCISES_SITUATION"
              :exportData="exportDetailService"
              fileName="服务指标明细"
              errorMsg="请选择导出月份"
            />
          </div>
          <div class="m-wrap" v-permission="'export/exportIndexErrData'">
            <div class="title">异常处理数据导出：</div>
            <select-all
              clearable
              filterable
              class="organSelect"
              v-model="Abnormal.organIds"
              multiple
              placeholder="请选择分部"
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id + ''"
              ></el-option>
            </select-all>

            <!-- <el-button
              type="primary"
              style="margin-left: 10px"
              @click="exportAbnormal"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_INDEX_HISTORY_ERR_DATA"
              :exportData="exportAbnormal"
              fileName="异常处理数据导出"
              errorMsg="请选择分部"
            />
          </div>

          <!-- <div class="m-wrap" v-permission="'export/STUDENT_VIP_COURSE_INFO'">
            <div class="title">VIP课学员课程导出：</div>
            <select-all
              v-model.trim="vipStudentCourseOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="STUDENT_VIP_COURSE_INFO"
              :exportData="exportAbnormal"
              fileName="VIP课学员课程信息导出"
              errorMsg="请选择分部"
              :flag="this.vipStudentCourseOrganId.length < 1"
              :isDownList="true"
            />
          </div> -->

          <div
            class="m-wrap"
            v-permission="'export/STUDENT_MUSIC_THEORY_COURSE_INFO'"
          >
            <div class="title">小组课学员课程导出：</div>
            <select-all
              v-model.trim="musicStudentCourseOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="STUDENT_MUSIC_THEORY_COURSE_INFO"
              :exportData="exportAbnormal"
              fileName="小组课学员课程信息导出"
              errorMsg="请选择分部"
              :flag="this.musicStudentCourseOrganId.length < 1"
              :isDownList="true"
            />
          </div>

          <div
            class="m-wrap"
            v-permission="'export/exportMusicGroupCourseList'"
          >
            <div class="title">乐团数据导出：</div>
            <select-all
              v-model.trim="teamOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="teamTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              @change="getWeekTime"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportMusicGroup"
              >导出</el-button
            >
            <!-- <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXERCISES_SITUATION"
              :exportData="exportDetailService"
              fileName="服务指标明细"
              errorMsg="请选择导出月份"
            /> -->
          </div>
          <div class="m-wrap" v-permission="'export/EXPORT_STUDENT_SUBCOURSE'">
            <div class="title">活动资格导出：</div>
            <select-all
              v-model.trim="activeOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_STUDENT_SUBCOURSE"
              :exportData="exportActive"
              fileName="活动资格导出"
              errorMsg="请选择分部"
              :isDownList="true"
            />
          </div>

          <div class="m-wrap" v-permission="'export/EXPORT_STUDENT_SERVE_INFO'">
            <div class="title">乐团学生指标导出：</div>
            <select-all
              v-model.trim="studentServerOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="studentServerTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              @change="getStudentWeekTime"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_STUDENT_SERVE_INFO"
              :exportData="exportStudentServer"
              fileName="乐团学生指标导出"
              errorMsg="请选择分部"
              :isDownList="false"
            />
          </div>

          <!--  -->
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_TRAINING_STATISTICS'"
          >
            <div class="title">练习统计导出：</div>
            <select-all
              v-model.trim="trainingOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="trainingTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- @change="getStudentWeekTime" -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_TRAINING_STATISTICS"
              :exportData="exporTtraining"
              fileName="练习统计导出"
              errorMsg="请选择分部"
              :isDownList="true"
            />
          </div>
          <!-- 回访统计导出 -->
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_OPERATING_VISIT_STATISTICS'"
          >
            <div class="title">回访统计导出：</div>
            <el-date-picker
              v-model="visitmouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_OPERATING_VISIT_STATISTICS"
              :exportData="exportVisit"
              fileName="回访统计导出"
              errorMsg="请选择月份"
              :flag="!this.visitmouth"
            />
          </div>
          <div class="m-wrap" v-permission="'export/EXPORT_CLOUD_TEACHER_SUM'">
            <div class="title">学练宝统计导出：</div>
            <select-all
              v-model.trim="yunOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="yunTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :clearable="false"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- @change="getStudentWeekTime" -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_CLOUD_TEACHER_SUM"
              :exportData="exporyun"
              fileName="学练宝统计导出"
              errorMsg="请选择分部"
              :isDownList="true"
            />
          </div>

          <div
            class="m-wrap"
            v-permission="'export/CLOUD_COACH_ACTIVATION_DETAILS'"
          >
            <div class="title">学练宝激活明细：</div>
            <select-all
              v-model.trim="cloudAcivationOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>

            <el-date-picker
              style="margin-left: 15px"
              v-model="expotAcivationMouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>

            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="CLOUD_COACH_ACTIVATION_DETAILS"
              :exportData="expotAcivationDetails"
              fileName="学练宝激活明细导出"
              errorMsg="请选择分部"
              :flag="this.cloudAcivationOrganId.length <= 0"
            />
          </div>

          <!-- <div
            class="m-wrap"
            v-permission="'export/EXPORT_MUSIC_GROUP_ECHELON_DATA'"
          >
            <div class="title">乐团梯队数据：</div>
            <select-all
              v-model.trim="echelonDataOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_MUSIC_GROUP_ECHELON_DATA"
              :exportData="exportEchelonData"
              fileName="乐团梯队数据导出"
              errorMsg="请选择分部"
              :flag="this.echelonDataOrganId.length <= 0"
              :isDownList="true"
            />
          </div> -->
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_MUSIC_GROUP_NO_COURSE'"
          >
            <div class="title">乐团未排课时长：</div>
            <select-all
              v-model.trim="musicGroupNoDataOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_MUSIC_GROUP_NO_COURSE"
              :exportData="exportMusicGroupNoData"
              fileName="乐团未排课时长导出"
              errorMsg="请选择分部"
              message="您确认导出乐团未排课时长"
              :flag="this.musicGroupNoDataOrganId.length <= 0"
            />
          </div>
          <!-- <div class="m-wrap" v-permission="'export/now'">
            <div class="title">乐团未排课时长：</div>
            <select-all
              v-model.trim="musicGroupNoDataOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_MUSIC_GROUP_NO_COURSE"
              :exportData="exportMusicGroupNoData"
              fileName="乐团未排课时长导出"
              errorMsg="请选择分部"
              :flag="!this.musicGroupNoDataOrganId"
            />
          </div> -->
        </el-collapse-item>
        <el-collapse-item
          name="3"
          v-if="
            $helpers.permission('export/teacherSalary') ||
              $helpers.permission('export/userCoursesAccount/4388') ||
              $helpers.permission('export/userCashAccountDetail/4389') ||
              $helpers.permission('multiDataSourceHomeStats/exportPaymentFlow/5289')
          "
        >
          <template slot="title">
            <p class="wrapTitle">财务数据</p>
          </template>
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_OPERATING_REPORT_NEW'"
          >
            <div class="title">经营报表导出：</div>
            <el-date-picker
              v-model="operatingMouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>
            <!-- <el-select v-model.trim="courseScheduleType"
                   style="marginLeft:10px"
                   filterable
                   clearable
                   multiple
                   placeholder="课程类型">
          <el-option v-for="(item, index) in courseArray"
                     :key="index"
                     :label="item.label"
                     :value="item.value"></el-option>
        </el-select> -->
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportSalar"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_OPERATING_REPORT_NEW"
              :exportData="exportOperating"
              fileName="经营报表"
              errorMsg="请选择月份"
              :flag="!this.operatingMouth"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">将只导出当前选择月份的经营报表。</div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
                v-permission="'export/teacherSalary'"
              ></i>
            </el-tooltip>
          </div>

          <div
            class="m-wrap"
            v-permission="'export/EXPORT_OA_SUMMARY_EXPENSES'"
          >
            <div class="title">oa费用汇总：</div>
            <el-date-picker
              v-model="oaCountMouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_OA_SUMMARY_EXPENSES"
              :exportData="exportOaCount"
              :isDownList="true"
              fileName="oa费用汇总"
              errorMsg="请选择月份"
              :flag="!this.oaCountMouth"
            />
          </div>
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_OA_SUMMARY_EXPENSES_DETAIL'"
          >
            <div class="title">oa费用明细：</div>
            <el-date-picker
              v-model="oaDetailMouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_OA_SUMMARY_EXPENSES_DETAIL"
              :exportData="exportOaDetail"
              :isDownList="true"
              fileName="oa费用明细"
              errorMsg="请选择月份"
              :flag="!this.oaDetailMouth"
            />
          </div>
          <div
            class="m-wrap"
            v-permission="'export/EXPORT_OPERATING_SUMMARY_INCOME'"
          >
            <div class="title">经营报表收入汇总：</div>
            <el-date-picker
              v-model="reportCountMouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              class="organSelect"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_OPERATING_SUMMARY_INCOME"
              :exportData="exportCount"
              fileName="经营报表收入汇总"
              :isDownList="true"
              errorMsg="请选择月份"
              :flag="!this.reportCountMouth"
            />
          </div>
          <div class="m-wrap" v-permission="'import/importHumanCost'">
            <div class="title">经营报表外部数据录入：</div>
            <el-upload
              v-permission="'import/importHumanCost'"
              style="display: inline-block; "
              action="/api-web/import/importHumanCost"
              :show-file-list="false"
              :before-upload="reportBeforeUpload"
              accept=".xlsx,.xls"
              :headers="headers"
              :on-error="reportHandleError"
              :on-success="reportHandleSuccess"
            >
              <el-button type="primary">
                导入
              </el-button>
            </el-upload>
            <el-button
              type="primary"
              @click="downloadTemplateReportOut"
              style="margin-left: 10px;"
              >下载模板</el-button
            >
          </div>

          <div class="m-wrap" v-permission="'export/now'">
            <div class="title">课程收入明细：</div>
            <select-all
              v-model.trim="incomeOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model="mouthIncome"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM"
              style="margin-left: 12px;"
              class="organSelect"
            ></el-date-picker>
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="EXPORT_COURSE_INCOME"
              :exportData="exportIncome"
              fileName="课程收入明细导出"
              errorMsg="请选择月份"
              :flag="!this.mouthIncome"
              :isDownList="true"
            />
          </div>

          <div class="m-wrap" v-permission="'export/teacherSalary'">
            <div class="title">课酬导出：</div>
            <el-date-picker
              v-model="mouth"
              type="month"
              placeholder="选择月"
              value-format="yyyy-MM-dd"
              class="organSelect"
            ></el-date-picker>
            <!-- <el-select v-model.trim="courseScheduleType"
                   style="marginLeft:10px"
                   filterable
                   clearable
                   multiple
                   placeholder="课程类型">
          <el-option v-for="(item, index) in courseArray"
                     :key="index"
                     :label="item.label"
                     :value="item.value"></el-option>
        </el-select> -->
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportSalar"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="TEACHER_SALARY"
              :exportData="exportSalar"
              fileName="课酬导出"
              errorMsg="请选择月份"
              :flag="!this.mouth"
            />
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">将只导出当前选择月份已结算的课程课酬。</div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
                v-permission="'export/teacherSalary'"
              ></i>
            </el-tooltip>
          </div>
          <div class="m-wrap" v-permission="'export/userCoursesAccount/4388'">
            <div class="title">课程余额明细：</div>
            <select-all
              v-model.trim="AccountOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="AccountTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportAccount"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="USER_COURSES_ACCOUNT"
              :exportData="exportAccount"
              fileName="课程余额明细"
              errorMsg="请选择月份"
            />
          </div>
          <div
            class="m-wrap"
            v-permission="'export/userCashAccountDetail/4389'"
          >
            <div class="title">账户余额明细：</div>
            <select-all
              v-model.trim="AccountDetailOrganId"
              class="organSelect"
              style="width: 100%"
              filterable
              multiple
              placeholder="请选择分部"
              clearable
            >
              <el-option
                v-for="(item, index) in selects.branchs"
                :key="index"
                :label="item.name"
                :value="item.id"
              ></el-option>
            </select-all>
            <el-date-picker
              v-model.trim="AccountDetailTimer"
              style="width: 360px; margin-left: 15px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <!-- <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportDetailAccount"
              >导出</el-button
            > -->
            <ExportChiose
              style="margin-left: 10px"
              ExportEnum="USER_CASH_ACCOUNT_DETAIL"
              :exportData="exportAccount"
              fileName="课程余额明细"
              errorMsg="请选择月份"
            />
          </div>
          <div
            class="m-wrap"
            v-permission="'multiDataSourceHomeStats/exportPaymentFlow/5289'"
          >
            <div class="title">三端订单明细：</div>
            <el-date-picker
              v-model.trim="paymentFlowTimer"
              style="width: 360px"
              type="daterange"
              value-format="yyyy-MM-dd"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
              :picker-options="{
                firstDayOfWeek: 1
              }"
            ></el-date-picker>
            <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportPaymentFlow"
              >导出</el-button
            >
            <el-tooltip placement="top" popper-class="mTooltip">
              <div slot="content">
                按分账/支付日期导出管乐迷、酷乐秀、音乐数字课堂三个平台的订单明细，Excel
                内包含「管乐迷」「酷乐秀」「音乐数字课堂」三个
                Sheet，该报表不支持按分部筛选
              </div>
              <i
                class="el-icon-question micon el-tooltip"
                style="font-size: 18px; color: #f56c6c"
              ></i>
            </el-tooltip>
          </div>
        </el-collapse-item>
        <el-collapse-item name="4">
          <template slot="title">
            <p class="wrapTitle">平衡关系</p>
          </template>
          <BalancedRelationship />
        </el-collapse-item>
        <!-- <el-collapse-item
          name="4"
          v-if="$helpers.permission('questionnaireUserResult/export/report')"
        >
          <template slot="title">
            <p class="wrapTitle">其他数据</p>
          </template>
          <div
            class="m-wrap"
            v-if="$helpers.permission('questionnaireUserResult/export/report')"
          >
            <div class="title">问卷调查：</div>
            <el-select
              v-model.trim="questionActiveType"
              class="organSelect"
              style="width: 100%"
              filterable
              placeholder="请选择导出类型"
              clearable
            >
              <el-option
                label="学练宝用户反馈"
                value="CLOUD_TEACHER_FEEDBACK"
              ></el-option>
            </el-select>
            <el-button
              style="margin-left: 10px"
              type="primary"
              @click="exportQuestion"
              >导出</el-button
            >
        <ExportChiose
              style="margin-left: 10px"
              ExportEnum="USER_CASH_ACCOUNT_DETAIL"
              :exportData="{ activeType: this.questionActiveType }"
              fileName="问卷调查"
              errorMsg="请选择月份"
            />
          </div>
        </el-collapse-item> -->
      </el-collapse>
    </div>
  </div>
</template>
<script>
import { exportTeacherSalary } from "@/api/generalSettings";
import { courseType, courseListType } from "@/utils/searchArray";
import ExportChiose from "@/components/Export-chiose";
import { Export } from "@/utils/downLoadFile";
import cleanDeep from "clean-deep";
import qs from "qs";
import dayjs from "dayjs";
import axios from "axios";
import { getToken, getTenantId } from "@/utils/auth";
import { getTimes } from "@/utils";
import load from "@/utils/loading";
import BalancedRelationship from "./balanced-relationship";
export default {
  name: "reportForm",
  components: {
    ExportChiose,
    BalancedRelationship
  },
  data() {
    return {
      incomeOrganId: [],
      mouthIncome: "",
      mouth: "",
      organIdList: [],
      teacherDefaultSalaryOrganId: [],
      courseArray: courseType,
      courseListType,
      courseScheduleType: [],
      musicTeamNum: [],
      studentOrganId: [],
      studentMonth: "",
      attendanceOrganId: [],
      attendanceCourseType: "MUSIC",
      timer: [],
      leBaoTimer: [],
      AccountOrganId: [],
      AccountTimer: [],
      AccountDetailOrganId: [],
      AccountDetailTimer: [],
      trainOrganId: [],
      questionActiveType: "CLOUD_TEACHER_FEEDBACK",
      vipOrganId: [],
      serviceOrganId: [], // 服务报表
      serviceTimer: [],
      Abnormal: {
        organIds: []
      },
      activeName: ["1", "2", "3", "4"],
      vipStudentCourseOrganId: [],
      musicStudentCourseOrganId: [],
      VipStudentOrganId: [],
      teamOrganId: [],
      teamTimer: [],
      activeOrganId: [],
      studentServerOrganId: [],
      studentServerTimer: [],
      trainingOrganId: [],
      trainingTimer: [],
      visitmouth: "",
      operatingMouth: "",
      reportCountMouth: "",
      oaDetailMouth: "",
      oaCountMouth: "",

      cloudAcivationOrganId: [],
      expotAcivationMouth: "",

      cloudTimer: [],
      yunOrganId: [],
      yunTimer: [
        dayjs()
          .set("date", 1)
          .format("YYYY-MM-DD"),
        dayjs().format("YYYY-MM-DD")
      ],
      trainTeacherOrganId: [],
      trainTeacherTimer: [],
      pickerOptions: {
        firstDayOfWeek: 1,
        disabledDate(time) {
          return time.getTime() + 86400000 > new Date().getTime();
        }
      },
      headers: {
        Authorization: getToken(),
        tenantId: getTenantId()
      },
      echelonDataOrganId: [],
      musicGroupNoDataOrganId: [],
      paymentFlowTimer: []
    };
  },
  mounted() {
    this.$store.dispatch("setBranchs");
  },
  methods: {
    reportBeforeUpload(file) {
      load.startLoading();
    },
    reportHandleSuccess(response, file, fileList) {
      // 导入商品
      // 报表导出
      load.endLoading();
      if (response.code == 200) {
        this.$message.success(response.msg || "导入成功");
      } else if (response.code == 0) {
        let str = this.fomatStr(response.msg);
        this.$alert(str, "导入结果", {
          confirmButtonText: "确定",
          dangerouslyUseHTMLString: true,
          callback: action => {}
        });
      } else {
        this.$message.error(response.msg);
      }
    },
    reportHandleError(err, file, fileList) {
      load.endLoading();
    },
    downloadTemplateReportOut() {
      window.location.href =
        "https://oss.dayaedu.com/daya-docs/%E7%BB%8F%E8%90%A5%E6%8A%A5%E8%A1%A8%E5%A4%96%E9%83%A8%E6%95%B0%E6%8D%AE%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls";
    },
    exportMusicGroup() {
      if (this.organIdList.length < 1) {
        this.$message.error("请至少选择一个分部");
        return;
      }
      let url = "/api-web/export/musicGroupRegister";
      let data = { organIds: this.organIdList.join(",") };
      const options = {
        method: "POST",
        headers: {
          Authorization: getToken(),
          tenantId: getTenantId()
        },
        data: qs.stringify(cleanDeep(data)),
        url,
        responseType: "blob"
      };
      this.$confirm("您确定导出招生情况汇总表", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          load.startLoading();
          axios(options)
            .then(res => {
              let blob = new Blob([res.data], {
                // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
                type: "application/vnd.ms-excel;charset=utf-8"
                //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
              });

              let text = new Response(blob).text();
              text.then(res => {
                // 判断是否报错
                if (res.indexOf("code") != -1) {
                  let json = JSON.parse(res);
                  if (json.code == 403) {
                    this.$message.error(`登录过期，请重新登录！`);
                    setTimeout(() => {
                      this.$store.dispatch("user/resetToken").then(() => {
                        location.reload();
                      });
                    }, 1000);
                    return;
                  }
                  this.$message.error(json.msg);
                } else {
                  let objectUrl = URL.createObjectURL(blob);
                  let link = document.createElement("a");
                  let nowTime = new Date();
                  let ymd =
                    nowTime.getFullYear() +
                    "" +
                    (nowTime.getMonth() + 1) +
                    "" +
                    nowTime.getDate();
                  let fname = ymd + "招生情况汇总表.xls"; //下载文件的名字
                  link.href = objectUrl;
                  link.setAttribute("download", fname);
                  document.body.appendChild(link);
                  link.click();
                }
              });
              load.endLoading();
            })
            .catch(error => {
              this.$message.error("导出数据失败，请联系管理员");
              load.endLoading();
            });
        })
        .catch(() => {});
    },

    exportMusicTeamNum() {
      let organIds = this.musicTeamNum.join(",");
      let url = "/api-web/export/musicGroupNormalStudentNum";
      let data = { organIds };
      const options = {
        method: "POST",
        headers: {
          Authorization: getToken(),
          tenantId: getTenantId()
        },
        data: qs.stringify(cleanDeep(data)),
        url,
        responseType: "blob"
      };
      this.$confirm("您确定导出乐团在读人数", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          load.startLoading();
          axios(options)
            .then(res => {
              let blob = new Blob([res.data], {
                // type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'
                type: "application/vnd.ms-excel;charset=utf-8"
                //word文档为application/msword,pdf文档为application/pdf,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
              });

              let text = new Response(blob).text();
              text.then(res => {
                // 判断是否报错
                if (res.indexOf("code") != -1) {
                  let json = JSON.parse(res);
                  if (json.code == 403) {
                    this.$message.error(`登录过期，请重新登录！`);
                    setTimeout(() => {
                      this.$store.dispatch("user/resetToken").then(() => {
                        location.reload();
                      });
                    }, 1000);
                    return;
                  }
                  this.$message.error(json.msg);
                } else {
                  let objectUrl = URL.createObjectURL(blob);
                  let link = document.createElement("a");
                  let nowTime = new Date();
                  let ymd =
                    nowTime.getFullYear() +
                    "" +
                    (nowTime.getMonth() + 1) +
                    "" +
                    nowTime.getDate();
                  let fname = ymd + "乐团在读人数.xls"; //下载文件的名字
                  link.href = objectUrl;
                  link.setAttribute("download", fname);
                  document.body.appendChild(link);
                  link.click();
                }
              });
              load.endLoading();
            })
            .catch(error => {
              this.$message.error("导出数据失败，请联系管理员");
              load.endLoading();
            });
        })
        .catch(() => {});
    },

    exportQuestion() {
      Export(
        this,
        {
          url: "/api-web/questionnaireUserResult/export",
          fileName: "问卷调查.xls",
          method: "get",
          params: { activeType: this.questionActiveType }
        },
        "您确定导出问卷调查?"
      );
    },

    getNowDateAndMonday(time) {
      let timestamp = new Date(time.replace(/-/g, "/")).getTime();
      let serverDate = new Date(time);
      if (serverDate.getDay() == 0) {
        timestamp -= 7 * 24 * 60 * 60 * 1000;
      }
      let mondayTime =
        timestamp - (serverDate.getDay() - 1) * 24 * 60 * 60 * 1000;

      let mondayData = new Date(mondayTime);
      //年
      let mondayY = mondayData.getFullYear();
      //月
      let mondayM =
        mondayData.getMonth() + 1 < 10
          ? "0" + (mondayData.getMonth() + 1)
          : mondayData.getMonth() + 1;
      //日
      let mondayD =
        mondayData.getDate() < 10
          ? "0" + mondayData.getDate()
          : mondayData.getDate();

      let str = mondayY + "-" + mondayM + "-" + mondayD;
      return str;
    },
    getNowDateAndSunday(time) {
      let timestamp = new Date(time.replace(/-/g, "/")).getTime();
      let serverDate = new Date(time);

      let num = 7 - serverDate.getDay();
      if (num == 7) {
        num = 0;
      }
      let sundayTiem = timestamp + num * 24 * 60 * 60 * 1000;
      let SundayData = new Date(sundayTiem);
      //年
      let tomorrowY = SundayData.getFullYear(); //月
      let tomorrowM =
        SundayData.getMonth() + 1 < 10
          ? "0" + (SundayData.getMonth() + 1)
          : SundayData.getMonth() + 1;
      //日
      let tomorrowD =
        SundayData.getDate() < 10
          ? "0" + SundayData.getDate()
          : SundayData.getDate();
      let str = tomorrowY + "-" + tomorrowM + "-" + tomorrowD;
      return str;
    },
    getWeekTime(val) {
      if (val && val.length > 0) {
        let start = this.getNowDateAndMonday(val[0]);
        let end = this.getNowDateAndSunday(val[1]);
        this.teamTimer.splice(0, 1, start);
        this.teamTimer.splice(1, 1, end);
      }
    },
    getStudentWeekTime(val) {
      let start = this.getNowDateAndMonday(val[0]);
      let end = this.getNowDateAndSunday(val[1]);
      this.studentServerTimer.splice(0, 1, start);
      this.studentServerTimer.splice(1, 1, end);
    },

    exportMusicGroup() {
      let params = {
        ...getTimes(this.teamTimer, ["startTime", "endTime"]),
        organId: this.teamOrganId.join(",")
      };

      Export(
        this,
        {
          method: "post",
          url: "/api-web/export/exportMusicGroupCourseList",
          params: this.$helpers.qs.stringify({
            ...params
          })
        },
        "是否确认导出报表？"
      );
    },

    exportPaymentFlow() {
      const params = getTimes(this.paymentFlowTimer, ["startTime", "endTime"]);
      if (!params.startTime || !params.endTime) {
        this.$message.error("请选择导出时间范围");
        return;
      }
      Export(
        this,
        {
          method: "get",
          url: "/api-web/multiDataSourceHomeStats/exportPaymentFlow",
          fileName: `三端订单明细(${params.startTime}~${params.endTime}).xls`,
          params
        },
        `您确定导出 ${params.startTime} 至 ${params.endTime} 的三端订单明细？`
      );
    }
  },
  computed: {
    exportTeacherTrain() {
      // if (this.trainTeacherTimer.length < 1) {
      //   this.$message.error("请选择时间段");
      //   return;
      // }

      // if (this.trainTeacherOrganId.length < 1) {
      //   this.$message.error("请选择分部");
      //   return;
      // }
      let startTime = this.trainTeacherTimer[0] || null;
      let endTime = this.trainTeacherTimer[1] || null;
      // Export(
      //   this,
      //   {
      //     url: "/api-web/export/teacherCloudTrainingList",
      //     fileName: "老师使用学练宝数据.xls",
      //     method: "post",
      //     params: qs.stringify({
      //       organIdList: this.trainTeacherOrganId.join(","),
      //       startTime,
      //       endTime,
      //     }),
      //   },
      //   "您确定导出老师使用学练宝数据?"
      // );
      let obj = {
        organId: this.trainTeacherOrganId.join(","),
        startTime,
        endTime
      };
      return obj;
    },
    exportAttendance() {
      let classStartDate, classEndDate;
      if (this.timer && this.timer.length > 0) {
        classStartDate = this.timer[0];
        classEndDate = this.timer[1];
      } else {
        classStartDate = null;
        classEndDate = null;
      }
      return {
        organId: this.attendanceOrganId.join(","),
        groupType: this.attendanceCourseType,
        classStartDate,
        classEndDate
      };
    },
    exportTrain() {
      let cloudTeacherTrainStartDate, cloudTeacherTrainEndDate;
      if (this.cloudTimer && this.cloudTimer.length > 0) {
        cloudTeacherTrainStartDate = this.cloudTimer[0];
        cloudTeacherTrainEndDate = this.cloudTimer[1];
      } else {
        cloudTeacherTrainStartDate = null;
        cloudTeacherTrainEndDate = null;
      }

      let obj = {
        organIds: this.trainOrganId.join(","),
        cloudTeacherTrainStartDate,
        cloudTeacherTrainEndDate
      };
      console.log(obj, "exportTrain");
      return obj;
    },
    exportDefaultSalary() {
      let organIdList = this.teacherDefaultSalaryOrganId.join(",");
      let url = "/api-web/export/teacherDefaultSalary";
      let data = { organIdList };
      return data;
    },
    exportStudent() {
      let studentOrganId = this.studentOrganId.join(",");
      return { organIds: studentOrganId, date: this.studentMonth };
    },
    exportLeBao() {
      let endTime, startTime;
      if (this.leBaoTimer && this.leBaoTimer.length > 1) {
        startTime = this.leBaoTimer[0];
        let end = this.leBaoTimer[1];
        end = new Date(end);
        end = new Date(end.getFullYear(), end.getMonth() + 1, 0);
        endTime = dayjs(end).format("YYYY-MM-DD");
      }
      return { startTime: startTime, endTime: endTime };
    },
    exportVip() {
      // if (!this.vipOrganId.length < 0) {
      //   this.$message.error("请选择分部");
      //   return;
      // }
      let data = {
        organId: this.vipOrganId.join(",")
      };
      return data;
    },
    exportVipStudent() {
      let data = {
        organId: this.VipStudentOrganId.join(",")
      };
      return data;
    },
    exportActive() {
      let data = {
        organId: this.activeOrganId.join(",")
      };
      return data;
    },
    exportStudentServer() {
      let sunday, monday;
      if (this.studentServerTimer && this.studentServerTimer.length > 1) {
        monday = this.studentServerTimer[0];
        sunday = this.studentServerTimer[1];
      } else {
        monday = null;
        sunday = null;
      }

      return {
        monday,
        sunday,
        organId: this.studentServerOrganId.join(",")
      };
    },

    exportDetailService() {
      let sunday, monday;
      if (this.serviceTimer && this.serviceTimer.length > 1) {
        monday = this.serviceTimer[0];
        sunday = this.serviceTimer[1];
      } else {
        monday = null;
        sunday = null;
      }
      return {
        monday: monday,
        sunday: sunday,
        organId: this.serviceOrganId.join(",")
      };
    },
    exportAbnormal() {
      console.log(this.Abnormal);
      return {
        organIds: this.Abnormal.organIds.join(",")
      };
    },
    exportSalar() {
      // if (!this.mouth) {
      //   this.$message.error("请选择导出月份");
      //   return;
      // }
      // let courseTypeList = this.courseScheduleType.join(',')
      // let url = "/api-web/export/teacherSalary";
      let data = { date: this.mouth };
      return data;
    },

    exportIncome() {
      let data = {
        month: this.mouthIncome,
        organId: this.incomeOrganId.join(",")
      };
      return data;
    },
    exportOperating() {
      let data = { date: this.operatingMouth };
      return data;
    },
    exportOaCount() {
      let data = { month: this.oaCountMouth };
      return data;
    },
    exportOaDetail() {
      let data = { month: this.oaDetailMouth };
      return data;
    },
    exportCount() {
      let data = { month: this.reportCountMouth };
      return data;
    },
    exportVisit() {
      let data = { month: this.visitmouth };
      return data;
    },
    expotAcivationDetails() {
      let data = {
        month: this.expotAcivationMouth,
        organId: this.cloudAcivationOrganId.join(",")
      };
      return data;
    },
    exportEchelonData() {
      let data = {
        organId: this.echelonDataOrganId.join(",")
      };
      return data;
    },
    exportMusicGroupNoData() {
      let data = {
        organId: this.musicGroupNoDataOrganId.join(",")
      };
      return data;
    },
    exportAccount() {
      let endTime, startTime;
      if (this.AccountTimer && this.AccountTimer.length > 1) {
        startTime = this.AccountTimer[0];
        endTime = this.AccountTimer[1];
      } else {
        startTime = null;
        endTime = null;
      }
      return {
        startTime: startTime,
        endTime: endTime,
        organId: this.AccountOrganId.join(",")
      };
    },

    exporTtraining() {
      let endTime, startTime;
      if (this.trainingTimer && this.trainingTimer.length > 1) {
        startTime = this.trainingTimer[0];
        endTime = this.trainingTimer[1];
      } else {
        startTime = null;
        endTime = null;
      }
      return {
        startDate: startTime,
        endDate: endTime,
        organId: this.trainingOrganId.join(",")
      };
    },
    exporyun() {
      let endTime, startTime;
      if (this.yunTimer && this.yunTimer.length > 1) {
        startTime = this.yunTimer[0];
        endTime = this.yunTimer[1];
      } else {
        startTime = null;
        endTime = null;
      }
      return {
        startDate: startTime,
        endDate: endTime,
        organId: this.yunOrganId.join(",")
      };
    },
    exportDetailAccount() {
      let endTime, startTime;
      if (this.AccountDetailTimer && this.AccountDetailTimer.length > 1) {
        startTime = this.AccountDetailTimer[0];
        endTime = this.AccountDetailTimer[1];
      } else {
        startTime = null;
        endTime = null;
      }
      return {
        startTime: startTime,
        endTime: endTime,
        organId: this.AccountDetailOrganId.join(",")
      };
    }
  }
  // AccountDetailTimer
};
</script>
<style lang="scss" scoped>
.m-container {
  // margin-top: 20px;
  .m-wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    margin-bottom: 16px;
    .newBand {
      margin: 0 5px 0 10px;
    }
    .title {
      width: 150px;
      // height: 40px;
      // line-height: 40px;
      text-align: right;
      color: #212121;
      font-weight: 600;
    }
    .organSelect {
      width: 260px !important;
    }
    .el-tooltip.micon {
      width: 20px;
      height: 20px;
      position: relative;
      margin-left: 8px;
      // top: 12px;
    }
  }

  .formCollapse {
    border: none;
    ::v-deep .el-collapse-item__header {
      padding: 0 15px;
      border-bottom: none;
      background-color: #f8f8f8;
    }
    ::v-deep .el-collapse-item__wrap {
      padding: 15px;
      border-bottom: none;
    }
    ::v-deep .el-collapse-item__arrow.is-active {
      transform: rotate(-90deg);
    }
    //  默认方向
    ::v-deep .el-collapse-item__arrow,
    .el-tabs__nav {
      transform: rotate(90deg);
    }
    ::v-deep .el-collapse-item__content {
      padding-bottom: 0px !important;
    }
    .wrapTitle {
      font-size: 18px;
      position: relative;
      font-weight: 600;
      margin-left: 12px;

      &::after {
        position: absolute;
        width: 4px;
        height: 18px;
        background: var(--color-primary);
        border-radius: 2px;
        left: -13px;
        top: 14px;
        content: "";
      }
    }
  }
}
::v-deep .el-input__icon.el-icon-date {
  height: 40px !important;
}
</style>