school_website/ruoyi-ui/src/views/hit/registrationStudentInfo/index.vue

<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
      <el-form-item label="学校名称" prop="schoolName">
        <el-input v-model="queryParams.schoolName" placeholder="请输入学校名称" clearable
                  @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="学院名称" prop="collegeName">
        <el-input v-model="queryParams.collegeName" placeholder="请输入学院名称" clearable
                  @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="所属赛区" prop="division">
        <el-input v-model="queryParams.division" placeholder="请输入所属赛区" clearable
                  @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="团队名称" prop="teamName">
        <el-input v-model="queryParams.teamName" placeholder="请输入团队名称" clearable
                  @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="年份" prop="year">
        <el-date-picker
          v-model="queryParams.year"
          type="year"
          placeholder="选择年份"
        >
        </el-date-picker>
      </el-form-item>
      <el-form-item label="赛道" prop="year">
        <el-select v-model="queryParams.racetrack" placeholder="请选择" clearable>
          <el-option
            v-for="item in dict.type.com_racetrack"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <!--      <el-form-item label="大赛年份" prop="competitionYear">-->
      <!--        <el-select v-model="queryParams.createTime" placeholder="请选择">-->
      <!--          <el-option v-for="item in yearList" :key="item.value" :label="item.label" :value="item.value">-->
      <!--          </el-option>-->
      <!--        </el-select>-->
      <!--      </el-form-item>-->
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置刷新</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-upload2"
          size="mini"
          @click="handleImport('student')"
          v-hasPermi="['hit:hitRegInfoUser:import']"
        >导入学生成绩
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-upload2"
          size="mini"
          @click="handleImport('team')"
          v-hasPermi="['hit:hitRegInfoTeam:import']"
        >导入团队成绩
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['hit:hitRegistrationStudentInfo:export']"
        >导出
        </el-button>
      </el-col>
      <el-col :span="1.5" v-hasPermi="['hit:open']">
        <el-switch v-model="registerStatus" @change="updateRegisterStatus" active-value="1" inactive-value="0"
                   active-text="开启报名" inactive-text="关闭报名"
        >
        </el-switch>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table style="width: 100%; table-layout: auto" v-loading="loading" :data="HitRegistrationStudentInfoList"
              @selection-change="handleSelectionChange"
    >

      <el-table-column type="expand">
        <template slot-scope="props">
          <el-descriptions :title="'领队老师'" style="margin-left: 10%">
            <el-descriptions-item label="老师姓名">{{ props.row.ldTeacher.teacherName }}</el-descriptions-item>
            <el-descriptions-item label="老师职务">{{ props.row.ldTeacher.teacherJob }}</el-descriptions-item>
            <el-descriptions-item label="老师手机号">{{ props.row.ldTeacher.teacherNumber }}</el-descriptions-item>
            <el-descriptions-item label="老师邮箱">{{ props.row.ldTeacher.teacherEmail }}</el-descriptions-item>
            <el-descriptions-item label="老师所在系及专业">{{
                props.row.ldTeacher.teacherSchool
              }}
            </el-descriptions-item>
          </el-descriptions>
          <el-descriptions :title="'指导老师' + (index)" v-for="(item, index) in props.row.zdTeacher"
                           style="margin-left: 10%"
          >
            <el-descriptions-item label="老师姓名">{{ item.teacherName }}</el-descriptions-item>
            <el-descriptions-item label="老师职务">{{ item.teacherJob }}</el-descriptions-item>
            <el-descriptions-item label="老师手机号">{{ item.teacherNumber }}</el-descriptions-item>
            <el-descriptions-item label="老师邮箱">{{ item.teacherEmail }}</el-descriptions-item>
            <el-descriptions-item label="老师所在系及专业">{{ item.teacherSchool }}</el-descriptions-item>
          </el-descriptions>
          <el-descriptions :title="'学生信息' + (index + 1)" v-for="(item, index) in props.row.studentUserss"
                           style="margin-left: 10%"
          >
            <!--            <el-descriptions-item label="比赛名称">{{props.row.competitionName}}</el-descriptions-item>-->
            <el-descriptions-item label="学生姓名">{{ item.stuName }}</el-descriptions-item>
            <el-descriptions-item label="学生性别">{{ item.sex }}</el-descriptions-item>
            <el-descriptions-item label="学生专业">{{ item.major }}</el-descriptions-item>
            <el-descriptions-item label="学生手机号">{{ item.phoneNumber }}</el-descriptions-item>
            <el-descriptions-item label="虚拟赛成绩"><span style="color:red;">{{ item.virtualScore }}</span>
            </el-descriptions-item>
            <el-descriptions-item label="化验赛成绩"><span style="color:red;">{{ item.assayScore }}</span>
            </el-descriptions-item>
            <el-descriptions-item label="附件" v-if="item.dsFile">
              <el-link :href="`${baseUrl}${item.dsFile}`" type="primary" :underline="false" target="_blank">
                <span class="el-icon-document"> 下载 </span>
              </el-link>
            </el-descriptions-item>
          </el-descriptions>

        </template>
      </el-table-column>
      <!--      <el-table-column label="比赛名称" align="center" prop="competitionName" />-->
      <el-table-column label="大赛年份" align="center" prop="year">
        <template slot-scope="props">
          {{ props.row.createTime.substring(0, 4) }}
        </template>
      </el-table-column>
      <el-table-column label="所属赛区" align="center" prop="division"/>
      <el-table-column label="学校名称" align="center" prop="schoolName"/>
      <el-table-column label="院系名称" align="center" prop="collegeName"/>
      <el-table-column label="团队名称" align="center" prop="teamName"/>
      <el-table-column label="赛道" align="center" prop="racetrackLabel" width="180px"/>
      <el-table-column label="盲样邮寄地址" align="center" prop="sampleAddress"/>
      <el-table-column label="收件人" align="center" prop="sampleConcat"/>
      <el-table-column label="联系电话" align="center" prop="sampleNumber"/>
      <el-table-column label="分数" align="center" prop="score"/>
      <el-table-column label="附件" align="center" prop="uploadFile">
        <template slot-scope="props">
          <el-link :href="`${baseUrl}${props.row.uploadFile}`" type="primary" :underline="false" target="_blank">
            <span class="el-icon-document"> 下载 </span>
          </el-link>
        </template>
      </el-table-column>
      <el-table-column label="报名时间" align="center" prop="createTime" width="100px">
        <template slot-scope="props">
          {{ props.row.createTime.substring(0, 10) }}
        </template>
      </el-table-column>

      <el-table-column label="审核状态" align="center" prop="auditStatus">
        <template slot-scope="props">
          <div v-if="props.row.auditStatus == '0'  " style="color:#007bff;"> 待审核</div>
          <div v-if="props.row.auditStatus == '1' " style="color:green;"> 通过</div>
          <div v-if="props.row.auditStatus == '2' " style="color:red;"> 拒绝</div>
          <div
            v-if="props.row.registrationInformation && props.row.registrationInformation.status == '0' && props.row.zdTeacherList.includes(userId) && techerType == '0'  && props.row.auditStatus == '9'"
            style="color:#007bff;"
          > 待确认
          </div>
          <div
            v-if="props.row.registrationInformation && props.row.registrationInformation.status == '1' && props.row.zdTeacherList.includes(userId) && techerType == '0' && props.row.auditStatus == '9'"
            style="color:green;"
          > 已同意
          </div>
          <div
            v-if="props.row.registrationInformation && props.row.registrationInformation.status == '2' && props.row.zdTeacherList.includes(userId) && techerType == '0' && props.row.auditStatus == '9'"
            style="color:red;"
          > 已拒绝
          </div>
          <!--&& props.row.zdTeacherList.includes(userId)-->
        </template>
      </el-table-column>

      <el-table-column label="赛事" align="center" class-name="small-padding fixed-width">
        <template slot-scope="props">
          {{ props.row.competitionName }}
        </template>
      </el-table-column>


      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-popconfirm title="确定当前操作？"
                         v-if="techerType != '0' && (scope.row.auditStatus == '0' || scope.row.auditStatus == '2')"
                         @confirm="auditData(scope.row, '1')"
          >
            <el-button size="mini" type="text" slot="reference">通过</el-button>
          </el-popconfirm>

          <el-popconfirm title="确定当前操作？" style="margin-left: 10px"
                         v-if="techerType != '0' && (scope.row.auditStatus == '0' || scope.row.auditStatus == '1')"
                         @confirm="auditData(scope.row, '2')"
          >
            <el-button size="mini" type="text" slot="reference">拒绝</el-button>
          </el-popconfirm>

          <!-- 指导老师 -->
          <!---->
          <el-popconfirm title="确定当前操作"
                         @confirm="submitData(scope.row.registrationInformation,1)"
                         v-if="techerType == '0' && (scope.row.zdTeacherList) && scope.row.zdTeacherList.includes(userId) && scope.row.auditStatus == '9'"
          >
            <el-button size="mini" type="text" slot="reference">同意</el-button>
          </el-popconfirm>
          <!---->

          <el-popconfirm title="确定当前操作？" style="margin-left: 10px"
                         v-if="techerType == '0' && (scope.row.zdTeacherList ) && scope.row.zdTeacherList.includes(userId) && scope.row.auditStatus == '9'"
                         @confirm="submitData(scope.row.registrationInformation,2)"
          >
            <el-button size="mini" type="text" slot="reference">拒绝</el-button>
          </el-popconfirm>

          <!-- 修改团队信息 -->
          <el-button size="mini" type="text" style="margin-left: 10px" @click="editData(scope.row)">修改</el-button>
        </template>
      </el-table-column>

    </el-table>

    <!-- 修改团队信息弹出层 对话框 -->
    <el-dialog :visible.sync="editDialogVisible" title="编辑信息">
      <el-form :model="currentRow">
        <!--        <el-form-item label="所属赛区">-->
        <!--          <el-input v-model="currentRow.division"></el-input>-->
        <!--        </el-form-item>-->
        <el-form-item label="所属赛区" prop="division">
          <el-select v-model="currentRow.division" filterable allow-create default-first-option
                     placeholder="请选择所属赛区"
          >
            <el-option v-for="item in dict.type.com_region" :key="item.value" :label="item.label"
                       :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="赛道" prop="racetrackArr">
          <el-checkbox-group v-model="currentRow.racetrackArr" @change="changeUpdateTeamRacetrack()">
            <el-checkbox
              v-for="item in dict.type.com_racetrack"
              :key="item.value"
              :label="item.value"
              :checked="checked" @change="checked=!checked"
            >
              {{ item.label }}
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="赛事" prop="competition" v-if="showCompetition">
          <el-checkbox-group v-model="currentRow.competitionArr" @change="changeCompetition()">
            <el-checkbox label="1" :checked="competitionChecked" @change="competitionChecked=!competitionChecked">化验赛</el-checkbox>
            <el-checkbox label="2" :checked="competitionChecked" @change="competitionChecked=!competitionChecked">虚拟赛</el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="学校名称">
          <el-input v-model="currentRow.schoolName"></el-input>
        </el-form-item>
        <el-form-item label="院系名称">
          <el-input v-model="currentRow.collegeName"></el-input>
        </el-form-item>
        <el-form-item label="团队名称">
          <el-input v-model="currentRow.teamName"></el-input>
        </el-form-item>
        <el-form-item label="盲样邮寄地址">
          <el-input v-model="currentRow.sampleAddress"></el-input>
        </el-form-item>
        <el-form-item label="收件人">
          <el-input v-model="currentRow.sampleConcat"></el-input>
        </el-form-item>
        <el-form-item label="联系电话">
          <el-input v-model="currentRow.sampleNumber"></el-input>
        </el-form-item>
        <el-form-item labe l="附件">
          <FileUpload :file-type="['doc','zip', 'docx', 'pdf']" limit="1" v-model="currentRow.uploadFile"></FileUpload>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="editDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="saveData">确 定</el-button>
      </span>
    </el-dialog>

    <!-- 用户导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload.headers"
        :action="upload.url + '?updateSupport=' + upload.updateSupport"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <div class="el-upload__tip" slot="tip">
            <el-checkbox v-model="upload.updateSupport"/>
            是否更新已经存在的用户数据
          </div>
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate"
          >下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm">确 定</el-button>
        <el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>

    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
                @pagination="getList"
    />
    <!-- Existing pagination -->
  </div>
</template>

<script>
import {
  listHitRegistrationStudentInfo,
  getHitRegistrationStudentInfo,
  delHitRegistrationStudentInfo,
  addHitRegistrationStudentInfo,
  updateHitRegistrationStudentInfo,
  listHitRegistrationStudentInfoExport,
  getTeachInfoByIds,
  adminUpdateTeamInformation
} from '@/api/hit/registrationStudentInfo'
import {selectBaseInfo, editStatus} from '@/api/cms/baseInfo'
import {getHitRegistrationTeachInfoByUserId, selectByUserId} from '@/api/hit/teacherInfo'
import {editRegUser} from '@/api/officialWebsite/registerStudent'
import {mapState} from 'vuex'
import {getToken} from '@/utils/auth'

export default {
  name: 'HitRegistrationStudentInfo',
  dicts: ['sys_user_sex', 'competition_type', 'com_racetrack','com_region'],
  data() {
    return {
      yearList: [],
      baseUrl: process.env.VUE_APP_BASE_API,
      registerStatus: '',
      leaderTeachList: [],
      guideTeachList: [],
      // 遮罩层
      loading: true,
      //当前用户id
      userId: '',
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      //当前登录老师的类型
      techerType: 0,
      // 总条数
      total: 0,
      // 报名信息表格数据
      HitRegistrationStudentInfoList: [],
      showCompetition: false,
      competitionChecked: false,
      // 弹出层标题
      title: '',
      // 是否显示弹出层
      open: false,
      zdTeacherList: [],
      //当前登录老师的报名信息
      registrationInformation: {},
      // 修改对话框是否显示
      editDialogVisible: false,
      currentRow: {
        racetrackArr: [],
        competitionArr: [],
      },
      upload: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: '',
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: {Authorization: 'Bearer ' + getToken()},
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + '/system/hit_reg_info/importData'
      },
      importType: "student",

      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        year: new Date().getFullYear().toString(),
        competitionName: null,
        stuName: null,
        stuGender: null,
        stuMajor: null,
        stuNumber: null,
        schoolName: null,
        division: null,
        teamName: null,
        leaderIds: null,
        guideIds: null,
        teachName: null,
        createTime: null
      },
      // 表单参数
      form: {},
      checked: false,
      // 表单校验
      rules: {
        competitionId: [
          {required: true, message: '大赛ID不能为空', trigger: 'blur'}
        ],
        stuName: [
          {required: true, message: '学生姓名不能为空', trigger: 'blur'}
        ],
        stuGender: [
          {required: true, message: '学生性别不能为空', trigger: 'blur'}
        ],
        stuMajor: [
          {required: true, message: '学生专业不能为空', trigger: 'blur'}
        ],
        stuNumber: [
          {required: true, message: '学生手机号不能为空', trigger: 'blur'}
        ],
        schoolName: [
          {required: true, message: '学校及院系名称不能为空', trigger: 'blur'}
        ],
        division: [
          {required: true, message: '所属赛区不能为空', trigger: 'blur'}
        ],
        delFlag: [
          {required: true, message: '逻辑删除0未删除1真删除不能为空', trigger: 'blur'}
        ]
      }
    }
  },
  created() {
    this.getList()
    selectBaseInfo().then(res => {
      this.registerStatus = res.data.registerStatus
    })
    this.yearList = this.years()
    // 获取当前登陆人的id
    this.userId = this.$store.state.user.id
    this.getTeachInfoByIds(this.userId)

  },

  methods: {
    /** 查询报名信息列表 */
    getList() {
      this.loading = true
      this.queryParams.year = new Date(this.queryParams.year).getFullYear().toString()
      listHitRegistrationStudentInfo(this.queryParams).then(response => {
        this.HitRegistrationStudentInfoList = response.rows
        //判断数组是否为空
        if (this.HitRegistrationStudentInfoList.length == 0) {
          this.loading = false
        }
        console.log('报名信息', this.HitRegistrationStudentInfoList)
        this.HitRegistrationStudentInfoList.map(row => {
          const values = Array.isArray(row.racetrack)
            ? row.racetrack
            : String(row.racetrack || '').split(',');

          row.racetrackLabel = values
            .map(val => {
              const match = this.dict.type.com_racetrack.find(item => item.value === val);
              return match ? match.label : val;
            })
            .join('，');

          return row;
        });
        //for循环this.HitRegistrationStudentInfoList
        if (this.HitRegistrationStudentInfoList.length != 0) {
          for (let i = 0; i < this.HitRegistrationStudentInfoList.length; i++) {
            //判断当前登录用户是否为指导老师
            this.HitRegistrationStudentInfoList[i].zdTeacherList = this.HitRegistrationStudentInfoList[i].zdTeacher.map(teacher => teacher.userId)
            this.HitRegistrationStudentInfoList[i].registrationInformation = {}
            //循环this.registrationInformation
            if (this.registrationInformation) {
              for (let j = 0; j < this.registrationInformation.length; j++) {
                if (this.registrationInformation[j].regId == this.HitRegistrationStudentInfoList[i].id) {
                  this.HitRegistrationStudentInfoList[i].registrationInformation = this.registrationInformation[j]
                }
              }
              this.HitRegistrationStudentInfoList[i].competitionName = ''
              //判断this.HitRegistrationStudentInfoList[i].competition不为空
              if (this.HitRegistrationStudentInfoList[i].competition != null) {

                const arr = this.splitStringToArray(this.HitRegistrationStudentInfoList[i].competition)
                const arr2 = []
                // 循环arr
                for (let k = 0; k < arr.length; k++) {
                  //判断当前登录用户是否是指导老师
                  if (arr[k] == '1') {
                    arr2.push('化验赛')
                    // this.HitRegistrationStudentInfoList[0].competitionName += "化验赛"
                  } else if (arr[k] == '2') {
                    arr2.push('虚拟赛')
                    // this.HitRegistrationStudentInfoList[0].competitionName += ",虚拟赛"
                  }
                }
                this.HitRegistrationStudentInfoList[i].competitionName = this.arrayToString(arr2)
              }
            }
          }
        }
        this.total = response.total
        this.loading = false
      })
    },
    changeUpdateTeamRacetrack() {
      //将数组转换为字符串
      this.currentRow.racetrack = this.arrayToString(this.currentRow.racetrackArr)
      console.log('字符串', this.currentRow.racetrack)
      console.log('数组', this.currentRow.racetrackArr)
      // 判断赛道中是否包含1
      if (this.currentRow.racetrackArr.includes('1')) {
        this.showCompetition = true
      } else {
        this.showCompetition = false
        this.currentRow.competition = ''
        this.currentRow.competitionArr = []
      }
      console.log('competitionArr', this.currentRow.competitionArr)
    },
    changeCompetition() {
      //将数组转换为字符串
      this.currentRow.competition = this.arrayToString(this.currentRow.competitionArr)
      console.log('字符串', this.currentRow.competition)
      console.log('数组', this.currentRow.competitionArr)
    },
    /** 导入按钮操作 */
    handleImport(e) {
      this.upload.title = '用户导入'
      this.upload.open = true
      if (e === 'team') {
        //团队
        this.upload.url = process.env.VUE_APP_BASE_API + '/system/hit_reg_info/importTeamData'
        this.importType = 'team'
      } else if (e === 'student') {
        //学生
        this.upload.url = process.env.VUE_APP_BASE_API + '/system/hit_reg_info/importData'
        this.importType = 'student'
      }
    },
    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit()
    },
    //查询当前老师的类型
    getTeachInfoByIds(id) {
      getHitRegistrationTeachInfoByUserId(id).then(res => {
        if (res.data) {
          console.log('当前老师类型', res.data.type)
          this.techerType = res.data.type
        }
      }).catch(err => {
        console.log('查询当前老师的类型失败', err)
      })
      this.fetchRegistrationInformation()
    },
    splitStringToArray(str) {
      return str.split(',').map(item => item.trim())
    },
    /** 下载模板操作 */
    importTemplate() {
      let url = 'system/hit_reg_info/importTemplate'
      let filename = '学生成绩模板_'
      if (this.importType === 'student') {
        url = 'system/hit_reg_info/importTemplate'
        filename = '学生成绩模板_'
      } else if (this.importType === 'team') {
        url = 'system/hit_reg_info/importTeamTemplate'
        filename = '团队成绩模板_'
      }
      this.download(url, {}, filename + new Date().getTime() + '.xlsx')
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false
      this.upload.isUploading = false
      this.$refs.upload.clearFiles()
      this.$alert('<div style=\'overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;\'>' + response.msg + '</div>', '导入结果', {dangerouslyUseHTMLString: true})
      this.getList()
    },
    //将数组转为字符串
    arrayToString(arr) {
      return arr.join(',')
    },
    //指导老师同意
    submitData(data, status) {
      data.status = status

      console.log('这是提交的信息', data)
      editRegUser(data).then(res => {
        this.$modal.msgSuccess('成功')
        this.fetchRegistrationInformation()
      })
      this.getList()

    },
    //查询当前老师的报名信息
    fetchRegistrationInformation() {
      selectByUserId(this.userId).then(res => {
        if (res.data) {
          this.registrationInformation = res.data
          console.log('这是获取的信息', this.registrationInformation)
        }
      })
    },
    // 取消按钮
    cancel() {
      this.open = false
      this.reset()
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        competitionId: null,
        stuName: null,
        stuGender: null,
        stuMajor: null,
        stuNumber: null,
        schoolName: null,
        division: null,
        teamName: null,
        leaderIds: null,
        guideIds: null,
        remark: null,
        delFlag: null,
        createBy: null,
        updateTime: null,
        updateBy: null,
        createTime: null
      }
      this.resetForm('form')
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.getList()
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm('queryForm')
      this.queryParams.createTime = null
      this.queryParams.racetrack = null
      this.handleQuery()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.open = true
      this.title = '添加报名信息'
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset()
      const id = row.id || this.ids
      getHitRegistrationStudentInfo(id).then(response => {
        this.form = response.data
        this.open = true
        this.title = '修改报名信息'
      })
    },
    auditData(data, status) {
      data.auditStatus = status
      updateHitRegistrationStudentInfo(data).then(response => {
        this.$modal.msgSuccess('成功')

        this.getList()
      })
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs['form'].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateHitRegistrationStudentInfo(this.form).then(response => {
              this.$modal.msgSuccess('修改成功')
              this.open = false
              this.getList()
            })
          } else {
            addHitRegistrationStudentInfo(this.form).then(response => {
              this.$modal.msgSuccess('新增成功')
              this.open = false
              this.getList()
            })
          }
        }
      })
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids
      this.$modal.confirm('是否确认删除报名信息编号为"' + ids + '"的数据项？').then(function () {
        return delHitRegistrationStudentInfo(ids)
      }).then(() => {
        this.getList()
        this.$modal.msgSuccess('删除成功')
      }).catch(() => {
      })
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/hit_reg_info/export', {
        ...this.queryParams
      }, `HitRegistrationStudentInfo_${new Date().getTime()}.xlsx`)
    },
    getTeachInfo(row) {
      if (row.leaderIds !== null && row.leaderIds.length !== 0) {
        getTeachInfoByIds(row.leaderIds).then(res => {
          this.leaderTeachList = res.data
        })
      }
      if (row.guideIds !== null && row.guideIds.length !== 0) {
        getTeachInfoByIds(row.guideIds).then(res => {
          this.guideTeachList = res.data
        })
      }
    },
    updateRegisterStatus() {
      editStatus(this.registerStatus).then(res => {
        if (res.code === 200) {
          this.$modal.msgSuccess(this.registerStatus === '1' ? '报名已开启' : '报名已关闭')
        }
      })
    },
    years() {
      const currentYear = new Date().getFullYear()
      const startYear = currentYear - 40 // 假设从当前年份往前 20 年
      const endYear = currentYear
      const years = []
      for (let year = startYear; year <= endYear; year++) {
        years.push({
          label: year,
          value: year + '-01-01'
        })
      }
      return years.sort((a, b) => b.label - a.label)
    },
    editData(row) {
      this.currentRow = {...row}
      this.editDialogVisible = true
      if (this.currentRow) {
        //将字符串转为数组
        if (this.currentRow.competition){

          this.currentRow.competitionArr = this.currentRow.competition.split(',')
        }else {
          this.currentRow.competitionArr = []
        }
        console.log('这是数组', this.currentRow.competitionArr)
        if (this.currentRow.racetrack) {
          this.currentRow.racetrackArr = this.currentRow.racetrack.split(',')
          if (this.currentRow.racetrackArr.includes('1')) {
            this.showCompetition = true
          } else {
            this.showCompetition = false
            this.currentRow.competitionArr = []
            this.currentRow.competition = ''
          }
        }
      }
    },
    saveData() {
      console.log('保存数据', this.currentRow)
      adminUpdateTeamInformation(this.currentRow).then(response => {
        this.$modal.msgSuccess('团队信息修改成功')
        this.editDialogVisible = false
        this.getList()
      }).catch(error => {
        this.$modal.msgError('团队信息修改失败')
      })
    }
  }

}

</script>

<style scoped lang="scss">
.demo-table-expand {
  font-size: 0;
}

.demo-table-expand label {
  width: 90px;
  color: #99a9bf;
}

.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 50%;
}
</style>