fix
This commit is contained in:
吴红兵
@@ -1,521 +1,411 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
:title="!dataForm.id ? '新增' : '修改'"
|
||||
:close-on-click-modal="false"
|
||||
v-model="visible"
|
||||
width="800px"
|
||||
>
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="100px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="dataForm.groupId" filterable placeholder="请选择招生计划" :disabled="!!dataForm.id">
|
||||
<el-option
|
||||
v-for="item in planListLocal"
|
||||
:key="item.id"
|
||||
:label="item.groupName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="dataForm.name" placeholder="姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="电话" prop="phone">
|
||||
<el-input
|
||||
v-model="dataForm.phone"
|
||||
placeholder="电话"
|
||||
type="tel"
|
||||
maxlength="11"
|
||||
v-input-filter="'number'">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-radio-group v-model="dataForm.gender">
|
||||
<el-radio v-for="item in sexyList" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证" prop="idCard">
|
||||
<el-input
|
||||
v-model="dataForm.idCard"
|
||||
placeholder="身份证号"
|
||||
maxlength="20"
|
||||
v-input-filter="'idcard'">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="准考证" prop="admission">
|
||||
<el-input
|
||||
v-model="dataForm.admission"
|
||||
placeholder="准考证"
|
||||
maxlength="20"
|
||||
v-input-filter="'alphanumeric'">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="中考成绩" prop="achievement">
|
||||
<el-input-number v-model="dataForm.achievement" :min="0" :max="700" placeholder="中考成绩" ></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="对接人" prop="djUser" v-if="hasAuth('recruit_recruitprestudent_dj_sure')">
|
||||
<el-select v-model="dataForm.djUser" filterable clearable placeholder="" >
|
||||
<el-option
|
||||
v-for="item in contactNameList"
|
||||
:key="item.teacherNo"
|
||||
:label="item.realName+'-'+item.deptCode"
|
||||
:value="item.teacherNo">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学校" prop="schoolId">
|
||||
<el-select v-model="dataForm.schoolId" filterable placeholder="请选择学校" >
|
||||
<el-option
|
||||
v-for="item in schoolList"
|
||||
:key="item.id"
|
||||
:label="item.schoolName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" v-model="visible" width="800px">
|
||||
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="100px">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="dataForm.groupId" filterable placeholder="请选择招生计划" :disabled="!!dataForm.id">
|
||||
<el-option v-for="item in planListLocal" :key="item.id" :label="item.groupName" :value="item.id"> </el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="姓名" prop="name">
|
||||
<el-input v-model="dataForm.name" placeholder="姓名"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="电话" prop="phone">
|
||||
<el-input v-model="dataForm.phone" placeholder="电话" type="tel" maxlength="11" v-input-filter="'number'"> </el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="性别" prop="gender">
|
||||
<el-radio-group v-model="dataForm.gender">
|
||||
<el-radio v-for="item in sexyList" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="身份证" prop="idCard">
|
||||
<el-input v-model="dataForm.idCard" placeholder="身份证号" maxlength="20" v-input-filter="'idcard'"> </el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="准考证" prop="admission">
|
||||
<el-input v-model="dataForm.admission" placeholder="准考证" maxlength="20" v-input-filter="'alphanumeric'"> </el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="中考成绩" prop="achievement">
|
||||
<el-input-number v-model="dataForm.achievement" :min="0" :max="700" placeholder="中考成绩"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="对接人" prop="djUser" v-if="hasAuth('recruit_recruitprestudent_dj_sure')">
|
||||
<el-select v-model="dataForm.djUser" filterable clearable placeholder="">
|
||||
<el-option v-for="item in contactNameList" :key="item.teacherNo" :label="item.realName + '-' + item.deptCode" :value="item.teacherNo">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学校" prop="schoolId">
|
||||
<el-select v-model="dataForm.schoolId" filterable placeholder="请选择学校">
|
||||
<el-option v-for="item in schoolList" :key="item.id" :label="item.schoolName" :value="item.id"> </el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业1" prop="planMajorOne">
|
||||
<el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业2" prop="planMajorTwo">
|
||||
<el-select v-model="dataForm.planMajorTwo" filterable clearable placeholder="请选择拟报专业2" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业3" prop="planMajorThree">
|
||||
<el-select v-model="dataForm.planMajorThree" filterable clearable placeholder="请选择拟报专业3" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业4" prop="planMajorFour">
|
||||
<el-select v-model="dataForm.planMajorFour" filterable clearable placeholder="请选择拟报专业4" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业5" prop="planMajorFive">
|
||||
<el-select v-model="dataForm.planMajorFive" filterable clearable placeholder="请选择拟报专业5" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业6" prop="planMajorSix">
|
||||
<el-select v-model="dataForm.planMajorSix" filterable clearable placeholder="请选择拟报专业6" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业7" prop="planMajorSeven">
|
||||
<el-select v-model="dataForm.planMajorSeven" filterable clearable placeholder="请选择拟报专业7" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业8" prop="planMajorEight">
|
||||
<el-select v-model="dataForm.planMajorEight" filterable clearable placeholder="请选择拟报专业8" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业9" prop="planMajorNine">
|
||||
<el-select v-model="dataForm.planMajorNine" filterable clearable placeholder="请选择拟报专业9" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业10" prop="planMajorTen">
|
||||
<el-select v-model="dataForm.planMajorTen" filterable clearable placeholder="请选择拟报专业10" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业11" prop="planMajorEleven">
|
||||
<el-select v-model="dataForm.planMajorEleven" filterable clearable placeholder="请选择拟报专业11" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业12" prop="planMajorTwelve">
|
||||
<el-select v-model="dataForm.planMajorTwelve" filterable clearable placeholder="请选择拟报专业12" >
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName"
|
||||
:value="item.id"
|
||||
:disabled="isDisable(item.id)"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业1" prop="planMajorOne">
|
||||
<el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业2" prop="planMajorTwo">
|
||||
<el-select v-model="dataForm.planMajorTwo" filterable clearable placeholder="请选择拟报专业2">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业3" prop="planMajorThree">
|
||||
<el-select v-model="dataForm.planMajorThree" filterable clearable placeholder="请选择拟报专业3">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业4" prop="planMajorFour">
|
||||
<el-select v-model="dataForm.planMajorFour" filterable clearable placeholder="请选择拟报专业4">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业5" prop="planMajorFive">
|
||||
<el-select v-model="dataForm.planMajorFive" filterable clearable placeholder="请选择拟报专业5">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业6" prop="planMajorSix">
|
||||
<el-select v-model="dataForm.planMajorSix" filterable clearable placeholder="请选择拟报专业6">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业7" prop="planMajorSeven">
|
||||
<el-select v-model="dataForm.planMajorSeven" filterable clearable placeholder="请选择拟报专业7">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业8" prop="planMajorEight">
|
||||
<el-select v-model="dataForm.planMajorEight" filterable clearable placeholder="请选择拟报专业8">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业9" prop="planMajorNine">
|
||||
<el-select v-model="dataForm.planMajorNine" filterable clearable placeholder="请选择拟报专业9">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业10" prop="planMajorTen">
|
||||
<el-select v-model="dataForm.planMajorTen" filterable clearable placeholder="请选择拟报专业10">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业11" prop="planMajorEleven">
|
||||
<el-select v-model="dataForm.planMajorEleven" filterable clearable placeholder="请选择拟报专业11">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="拟报专业12" prop="planMajorTwelve">
|
||||
<el-select v-model="dataForm.planMajorTwelve" filterable clearable placeholder="请选择拟报专业12">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName" :value="item.id" :disabled="isDisable(item.id)">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit" v-if="canSubmit">确定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
<el-button type="primary" @click="dataFormSubmit" v-if="canSubmit">确定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref, reactive, nextTick } from 'vue'
|
||||
import { ElNotification } from 'element-plus'
|
||||
import { useAuth } from '/@/hooks/auth'
|
||||
import { getObj, addObjStu, putObj } from '/@/api/recruit/recruitprestudent'
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup'
|
||||
import { getDicts } from '/@/api/admin/dict'
|
||||
import { queryAllTeacherByRecruit } from '/@/api/professional/professionaluser/teacherbase'
|
||||
import { verifyPhone, verifyAdmissionNumber } from '/@/utils/toolsValidate'
|
||||
import { ref, reactive, nextTick } from 'vue';
|
||||
import { ElNotification } from 'element-plus';
|
||||
import { useAuth } from '/@/hooks/auth';
|
||||
import { getObj, addObjStu, putObj } from '/@/api/recruit/recruitprestudent';
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup';
|
||||
import { getDicts } from '/@/api/admin/dict';
|
||||
import { queryAllTeacherByRecruit } from '/@/api/professional/professionaluser/teacherbase';
|
||||
import { verifyPhone, verifyAdmissionNumber } from '/@/utils/toolsValidate';
|
||||
|
||||
const { hasAuth } = useAuth()
|
||||
const { hasAuth } = useAuth();
|
||||
// Props
|
||||
const props = defineProps<{
|
||||
planList?: any[]
|
||||
planMajorList?: any[]
|
||||
schoolList?: any[]
|
||||
}>()
|
||||
planList?: any[];
|
||||
planMajorList?: any[];
|
||||
schoolList?: any[];
|
||||
}>();
|
||||
|
||||
// Emits
|
||||
const emit = defineEmits<{
|
||||
(e: 'refreshDataList'): void
|
||||
}>()
|
||||
(e: 'refreshDataList'): void;
|
||||
}>();
|
||||
|
||||
// 表单引用
|
||||
const dataFormRef = ref()
|
||||
const dataFormRef = ref();
|
||||
|
||||
// 响应式数据
|
||||
const visible = ref(false)
|
||||
const canSubmit = ref(false)
|
||||
const contactNameList = ref<any[]>([])
|
||||
const planListLocal = ref<any[]>([])
|
||||
const sexyList = ref<any[]>([])
|
||||
const visible = ref(false);
|
||||
const canSubmit = ref(false);
|
||||
const contactNameList = ref<any[]>([]);
|
||||
const planListLocal = ref<any[]>([]);
|
||||
const sexyList = ref<any[]>([]);
|
||||
|
||||
const dataForm = reactive({
|
||||
id: "",
|
||||
groupId: "",
|
||||
name: "",
|
||||
gender: "",
|
||||
phone: "",
|
||||
idCard: "",
|
||||
schoolId: "",
|
||||
planMajorOne: "",
|
||||
planMajorTwo: "",
|
||||
planMajorThree: "",
|
||||
planMajorFour: "",
|
||||
planMajorFive: "",
|
||||
planMajorSix: "",
|
||||
planMajorSeven: "",
|
||||
planMajorEight: "",
|
||||
planMajorNine: "",
|
||||
planMajorTen: "",
|
||||
planMajorEleven: "",
|
||||
planMajorTwelve: "",
|
||||
admission: "",
|
||||
achievement: null as number | null,
|
||||
contactsNo: "",
|
||||
djUser: null as string | null,
|
||||
djTime: null as string | null,
|
||||
djName: null as string | null,
|
||||
djDept: null as string | null,
|
||||
isDj: "0",
|
||||
year: ""
|
||||
})
|
||||
id: '',
|
||||
groupId: '',
|
||||
name: '',
|
||||
gender: '',
|
||||
phone: '',
|
||||
idCard: '',
|
||||
schoolId: '',
|
||||
planMajorOne: '',
|
||||
planMajorTwo: '',
|
||||
planMajorThree: '',
|
||||
planMajorFour: '',
|
||||
planMajorFive: '',
|
||||
planMajorSix: '',
|
||||
planMajorSeven: '',
|
||||
planMajorEight: '',
|
||||
planMajorNine: '',
|
||||
planMajorTen: '',
|
||||
planMajorEleven: '',
|
||||
planMajorTwelve: '',
|
||||
admission: '',
|
||||
achievement: null as number | null,
|
||||
contactsNo: '',
|
||||
djUser: null as string | null,
|
||||
djTime: null as string | null,
|
||||
djName: null as string | null,
|
||||
djDept: null as string | null,
|
||||
isDj: '0',
|
||||
year: '',
|
||||
});
|
||||
|
||||
const dataRule = {
|
||||
planMajorOne: [
|
||||
{ required: true, message: '拟报专业1不能为空', trigger: 'blur' }
|
||||
],
|
||||
groupId: [
|
||||
{ required: true, message: '招生计划不能为空', trigger: 'blur' }
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: '姓名不能为空', trigger: 'blur' },
|
||||
{ min: 1, max: 20, message: "姓名长度最多20位", trigger: "blur" }
|
||||
],
|
||||
phone: [
|
||||
{ required: true, message: '电话不能为空', trigger: 'blur' },
|
||||
{
|
||||
validator: (rule: any, value: any, callback: any) => {
|
||||
if (value && !verifyPhone(value)) {
|
||||
callback(new Error('请输入正确的手机号码'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
},
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
idCard: [
|
||||
{ required: true, message: '身份证不能为空', trigger: 'blur' }
|
||||
],
|
||||
admission: [
|
||||
{ required: true, message: '准考证不能为空', trigger: 'blur' },
|
||||
{
|
||||
validator: (rule: any, value: any, callback: any) => {
|
||||
if (value && !verifyAdmissionNumber(value)) {
|
||||
callback(new Error('请输入正确的准考证号'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
},
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
gender: [
|
||||
{ required: true, message: '性别不能为空', trigger: 'blur' }
|
||||
],
|
||||
schoolId: [
|
||||
{ required: true, message: '学校不能为空', trigger: 'blur' }
|
||||
],
|
||||
}
|
||||
planMajorOne: [{ required: true, message: '拟报专业1不能为空', trigger: 'blur' }],
|
||||
groupId: [{ required: true, message: '招生计划不能为空', trigger: 'blur' }],
|
||||
name: [
|
||||
{ required: true, message: '姓名不能为空', trigger: 'blur' },
|
||||
{ min: 1, max: 20, message: '姓名长度最多20位', trigger: 'blur' },
|
||||
],
|
||||
phone: [
|
||||
{ required: true, message: '电话不能为空', trigger: 'blur' },
|
||||
{
|
||||
validator: (rule: any, value: any, callback: any) => {
|
||||
if (value && !verifyPhone(value)) {
|
||||
callback(new Error('请输入正确的手机号码'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
idCard: [{ required: true, message: '身份证不能为空', trigger: 'blur' }],
|
||||
admission: [
|
||||
{ required: true, message: '准考证不能为空', trigger: 'blur' },
|
||||
{
|
||||
validator: (rule: any, value: any, callback: any) => {
|
||||
if (value && !verifyAdmissionNumber(value)) {
|
||||
callback(new Error('请输入正确的准考证号'));
|
||||
} else {
|
||||
callback();
|
||||
}
|
||||
},
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
gender: [{ required: true, message: '性别不能为空', trigger: 'blur' }],
|
||||
schoolId: [{ required: true, message: '学校不能为空', trigger: 'blur' }],
|
||||
};
|
||||
|
||||
/**
|
||||
* 判断拟报专业是否已经占用,占用不可选
|
||||
*/
|
||||
const isDisable = (id: string) => {
|
||||
if (id == dataForm.planMajorOne
|
||||
|| id == dataForm.planMajorTwo
|
||||
|| id == dataForm.planMajorThree
|
||||
|| id == dataForm.planMajorFour
|
||||
|| id == dataForm.planMajorFive
|
||||
|| id == dataForm.planMajorSix
|
||||
|| id == dataForm.planMajorSeven
|
||||
|| id == dataForm.planMajorEight
|
||||
|| id == dataForm.planMajorNine
|
||||
|| id == dataForm.planMajorTen
|
||||
|| id == dataForm.planMajorEleven
|
||||
|| id == dataForm.planMajorTwelve
|
||||
) {
|
||||
return true
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
if (
|
||||
id == dataForm.planMajorOne ||
|
||||
id == dataForm.planMajorTwo ||
|
||||
id == dataForm.planMajorThree ||
|
||||
id == dataForm.planMajorFour ||
|
||||
id == dataForm.planMajorFive ||
|
||||
id == dataForm.planMajorSix ||
|
||||
id == dataForm.planMajorSeven ||
|
||||
id == dataForm.planMajorEight ||
|
||||
id == dataForm.planMajorNine ||
|
||||
id == dataForm.planMajorTen ||
|
||||
id == dataForm.planMajorEleven ||
|
||||
id == dataForm.planMajorTwelve
|
||||
) {
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
// 表单提交
|
||||
const dataFormSubmit = () => {
|
||||
dataFormRef.value?.validate((valid: boolean) => {
|
||||
if (valid) {
|
||||
canSubmit.value = false
|
||||
if (dataForm.id) {
|
||||
putObj(dataForm).then(() => {
|
||||
ElNotification.success({
|
||||
title: '成功',
|
||||
message: '修改成功'
|
||||
})
|
||||
visible.value = false
|
||||
emit('refreshDataList')
|
||||
}).catch(() => {
|
||||
canSubmit.value = true
|
||||
})
|
||||
} else {
|
||||
dataForm.djUser = null
|
||||
dataForm.djTime = null
|
||||
dataForm.djName = null
|
||||
dataForm.djDept = null
|
||||
dataForm.isDj = "0"
|
||||
addObjStu(dataForm).then(() => {
|
||||
ElNotification.success({
|
||||
title: '成功',
|
||||
message: '添加成功'
|
||||
})
|
||||
visible.value = false
|
||||
emit('refreshDataList')
|
||||
}).catch(() => {
|
||||
canSubmit.value = true
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
dataFormRef.value?.validate((valid: boolean) => {
|
||||
if (valid) {
|
||||
canSubmit.value = false;
|
||||
if (dataForm.id) {
|
||||
putObj(dataForm)
|
||||
.then(() => {
|
||||
ElNotification.success({
|
||||
title: '成功',
|
||||
message: '修改成功',
|
||||
});
|
||||
visible.value = false;
|
||||
emit('refreshDataList');
|
||||
})
|
||||
.catch(() => {
|
||||
canSubmit.value = true;
|
||||
});
|
||||
} else {
|
||||
dataForm.djUser = null;
|
||||
dataForm.djTime = null;
|
||||
dataForm.djName = null;
|
||||
dataForm.djDept = null;
|
||||
dataForm.isDj = '0';
|
||||
addObjStu(dataForm)
|
||||
.then(() => {
|
||||
ElNotification.success({
|
||||
title: '成功',
|
||||
message: '添加成功',
|
||||
});
|
||||
visible.value = false;
|
||||
emit('refreshDataList');
|
||||
})
|
||||
.catch(() => {
|
||||
canSubmit.value = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 初始化方法
|
||||
const init = (id: string | null) => {
|
||||
dataForm.id = id || ""
|
||||
visible.value = true
|
||||
canSubmit.value = true
|
||||
|
||||
// 初始化 planListLocal，优先使用 props，如果没有则使用空数组
|
||||
planListLocal.value = props.planList ? [...props.planList] : []
|
||||
|
||||
nextTick(() => {
|
||||
dataFormRef.value?.resetFields()
|
||||
// 获取性别字典
|
||||
getDicts('sexy').then((res: any) => {
|
||||
sexyList.value = res.data || []
|
||||
})
|
||||
// 获取教师列表（对接人）
|
||||
queryAllTeacherByRecruit().then((res: any) => {
|
||||
contactNameList.value = res.data || []
|
||||
}).catch(() => {
|
||||
contactNameList.value = []
|
||||
})
|
||||
if (dataForm.id) {
|
||||
getObj(dataForm.id).then((response: any) => {
|
||||
Object.assign(dataForm, response.data)
|
||||
if (dataForm.year) {
|
||||
dataForm.year = String(dataForm.year)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
getList().then((data: any) => {
|
||||
planListLocal.value = data.data
|
||||
if (planListLocal.value.length > 0) {
|
||||
dataForm.groupId = planListLocal.value[0].id
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
dataForm.id = id || '';
|
||||
visible.value = true;
|
||||
canSubmit.value = true;
|
||||
|
||||
// 初始化 planListLocal，优先使用 props，如果没有则使用空数组
|
||||
planListLocal.value = props.planList ? [...props.planList] : [];
|
||||
|
||||
nextTick(() => {
|
||||
dataFormRef.value?.resetFields();
|
||||
// 获取性别字典
|
||||
getDicts('sexy').then((res: any) => {
|
||||
sexyList.value = res.data || [];
|
||||
});
|
||||
// 获取教师列表（对接人）
|
||||
queryAllTeacherByRecruit()
|
||||
.then((res: any) => {
|
||||
contactNameList.value = res.data || [];
|
||||
})
|
||||
.catch(() => {
|
||||
contactNameList.value = [];
|
||||
});
|
||||
if (dataForm.id) {
|
||||
getObj(dataForm.id).then((response: any) => {
|
||||
Object.assign(dataForm, response.data);
|
||||
if (dataForm.year) {
|
||||
dataForm.year = String(dataForm.year);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
getList().then((data: any) => {
|
||||
planListLocal.value = data.data;
|
||||
if (planListLocal.value.length > 0) {
|
||||
dataForm.groupId = planListLocal.value[0].id;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 暴露方法给父组件
|
||||
defineExpose({
|
||||
init
|
||||
})
|
||||
init,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-form {
|
||||
.el-form-item:last-of-type {
|
||||
margin-bottom: 18px!important;
|
||||
}
|
||||
.el-form-item:last-of-type {
|
||||
margin-bottom: 18px !important;
|
||||
}
|
||||
}
|
||||
.dialog-footer {
|
||||
text-align: right;
|
||||
text-align: right;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -16,430 +16,374 @@
|
||||
-->
|
||||
|
||||
<template>
|
||||
<div class="layout-padding">
|
||||
<div class="layout-padding-auto layout-padding-view">
|
||||
<!-- 搜索表单 -->
|
||||
<el-form :model="queryForm" inline ref="searchFormRef">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="changeG">
|
||||
<el-option
|
||||
v-for="item in planList"
|
||||
:key="item.id"
|
||||
:label="item.groupName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="对接部门" prop="deptCode">
|
||||
<el-select v-model="queryForm.deptCode" filterable clearable placeholder="请选择对接部门">
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.deptCode"
|
||||
:label="item.deptName"
|
||||
:value="item.deptCode"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否对接" prop="isDj">
|
||||
<el-select v-model="queryForm.isDj" filterable clearable placeholder="请选择是否对接">
|
||||
<el-option
|
||||
v-for="item in isDjList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="对接人" prop="djUser">
|
||||
<el-input v-model="queryForm.djName" type="text" placeholder="请输入对接人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名/身份证/电话" prop="name">
|
||||
<el-input v-model="queryForm.name" clearable placeholder="请填写学生姓名/身份证/电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="学校" prop="schoolId">
|
||||
<el-select v-model="queryForm.schoolId" filterable clearable placeholder="请选择学校">
|
||||
<el-option
|
||||
v-for="item in schoolList"
|
||||
:key="item.id"
|
||||
:label="item.schoolName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="拟报专业" prop="planMajorOne">
|
||||
<el-select v-model="queryForm.planMajorOne" filterable clearable placeholder="请选择拟报专业">
|
||||
<el-option
|
||||
v-for="item in planMajorList"
|
||||
:key="item.id"
|
||||
:label="item.majorName + ' || ' + item.majorCode"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="getDataList">查询</el-button>
|
||||
<el-button plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="layout-padding">
|
||||
<div class="layout-padding-auto layout-padding-view">
|
||||
<!-- 搜索表单 -->
|
||||
<el-form :model="queryForm" inline ref="searchFormRef">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="changeG">
|
||||
<el-option v-for="item in planList" :key="item.id" :label="item.groupName" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="对接部门" prop="deptCode">
|
||||
<el-select v-model="queryForm.deptCode" filterable clearable placeholder="请选择对接部门">
|
||||
<el-option v-for="item in deptList" :key="item.deptCode" :label="item.deptName" :value="item.deptCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否对接" prop="isDj">
|
||||
<el-select v-model="queryForm.isDj" filterable clearable placeholder="请选择是否对接">
|
||||
<el-option v-for="item in isDjList" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="对接人" prop="djUser">
|
||||
<el-input v-model="queryForm.djName" type="text" placeholder="请输入对接人" />
|
||||
</el-form-item>
|
||||
<el-form-item label="姓名/身份证/电话" prop="name">
|
||||
<el-input v-model="queryForm.name" clearable placeholder="请填写学生姓名/身份证/电话" />
|
||||
</el-form-item>
|
||||
<el-form-item label="学校" prop="schoolId">
|
||||
<el-select v-model="queryForm.schoolId" filterable clearable placeholder="请选择学校">
|
||||
<el-option v-for="item in schoolList" :key="item.id" :label="item.schoolName" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="拟报专业" prop="planMajorOne">
|
||||
<el-select v-model="queryForm.planMajorOne" filterable clearable placeholder="请选择拟报专业">
|
||||
<el-option v-for="item in planMajorList" :key="item.id" :label="item.majorName + ' || ' + item.majorCode" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="getDataList">查询</el-button>
|
||||
<el-button plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<div class="mb15">
|
||||
<el-button
|
||||
v-if="hasAuth('recruit_recruitprestudent_add')"
|
||||
type="primary"
|
||||
icon="FolderAdd"
|
||||
@click="addOrUpdateHandle(null)"
|
||||
>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-auth="'pre_stu_success_export'"
|
||||
type="warning"
|
||||
plain
|
||||
icon="Download"
|
||||
class="ml10"
|
||||
:loading="exportLoading"
|
||||
@click="dataExportHandle"
|
||||
>
|
||||
导出
|
||||
</el-button>
|
||||
<!-- 操作按钮 -->
|
||||
<div class="mb15">
|
||||
<el-button v-if="hasAuth('recruit_recruitprestudent_add')" type="primary" icon="FolderAdd" @click="addOrUpdateHandle(null)"> 新增 </el-button>
|
||||
<el-button
|
||||
v-auth="'pre_stu_success_export'"
|
||||
type="warning"
|
||||
plain
|
||||
icon="Download"
|
||||
class="ml10"
|
||||
:loading="exportLoading"
|
||||
@click="dataExportHandle"
|
||||
>
|
||||
导出
|
||||
</el-button>
|
||||
|
||||
<el-button v-if="hasAuth('recruit_preexamPeople_add')" type="primary" plain icon="UserFilled" class="ml10" @click="editExam">
|
||||
审核人员管理
|
||||
</el-button>
|
||||
</div>
|
||||
<el-button v-if="hasAuth('recruit_preexamPeople_add')" type="primary" plain icon="UserFilled" class="ml10" @click="editExam">
|
||||
审核人员管理
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
ref="tableRef"
|
||||
:data="state.dataList"
|
||||
v-loading="state.loading"
|
||||
border
|
||||
stripe
|
||||
row-key="id"
|
||||
:cell-style="tableStyle.cellStyle"
|
||||
:header-cell-style="tableStyle.headerCellStyle"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
|
||||
<el-table-column prop="djName" label="对接人" width="230" align="center">
|
||||
<template #default="scope">
|
||||
<div v-if="scope.row.djName || scope.row.djTime" class="contact-cell">
|
||||
<div v-if="scope.row.djName" class="contact-name">
|
||||
<el-icon class="contact-icon"><User /></el-icon>
|
||||
<span class="contact-text">{{ scope.row.djName }}</span>
|
||||
</div>
|
||||
<span v-if="scope.row.djTime" class="time-text">{{ scope.row.djTime }}</span>
|
||||
</div>
|
||||
<span v-else class="empty-text">-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="学生姓名" width="120" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="phone" label="电话" width="120" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="achievement" label="中考分数" width="90" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="admission" label="准考证号" width="130" align="left" show-overflow-tooltip />
|
||||
<el-table-column prop="planMajorOne" label="拟报专业1" align="left" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
{{ getMajorName(scope.row.planMajorOne) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="schoolId" label="学校" align="center" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
{{ getSchoolName(scope.row.schoolId) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="250" align="center" fixed="right">
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
v-if="hasAuth('recruit_recruitprestudent_edit')"
|
||||
type="primary"
|
||||
link
|
||||
icon="EditPen"
|
||||
@click="addOrUpdateHandle(scope.row.id)"
|
||||
>
|
||||
修改
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="hasAuth('recruit_recruitprestudent_dj') && scope.row.isDj == '0'"
|
||||
type="primary"
|
||||
link
|
||||
icon="Connection"
|
||||
@click="handllSureDj(scope.row.id)"
|
||||
>
|
||||
确认对接
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="hasAuth('recruit_recruitprestudent_del')"
|
||||
type="danger"
|
||||
link
|
||||
icon="Delete"
|
||||
@click="deleteHandle(scope.row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 表格 -->
|
||||
<el-table
|
||||
ref="tableRef"
|
||||
:data="state.dataList"
|
||||
v-loading="state.loading"
|
||||
border
|
||||
stripe
|
||||
row-key="id"
|
||||
:cell-style="tableStyle.cellStyle"
|
||||
:header-cell-style="tableStyle.headerCellStyle"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||
|
||||
<!-- 分页 -->
|
||||
<pagination
|
||||
v-bind="state.pagination"
|
||||
@current-change="currentChangeHandle"
|
||||
@size-change="sizeChangeHandle"
|
||||
/>
|
||||
<el-table-column prop="djName" label="对接人" width="230" align="center">
|
||||
<template #default="scope">
|
||||
<div v-if="scope.row.djName || scope.row.djTime" class="contact-cell">
|
||||
<div v-if="scope.row.djName" class="contact-name">
|
||||
<el-icon class="contact-icon"><User /></el-icon>
|
||||
<span class="contact-text">{{ scope.row.djName }}</span>
|
||||
</div>
|
||||
<span v-if="scope.row.djTime" class="time-text">{{ scope.row.djTime }}</span>
|
||||
</div>
|
||||
<span v-else class="empty-text">-</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="学生姓名" width="120" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="phone" label="电话" width="120" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="achievement" label="中考分数" width="90" align="center" show-overflow-tooltip />
|
||||
<el-table-column prop="admission" label="准考证号" width="130" align="left" show-overflow-tooltip />
|
||||
<el-table-column prop="planMajorOne" label="拟报专业1" align="left" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
{{ getMajorName(scope.row.planMajorOne) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="schoolId" label="学校" align="center" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
{{ getSchoolName(scope.row.schoolId) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="250" align="center" fixed="right">
|
||||
<template #default="scope">
|
||||
<el-button v-if="hasAuth('recruit_recruitprestudent_edit')" type="primary" link icon="EditPen" @click="addOrUpdateHandle(scope.row.id)">
|
||||
修改
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="hasAuth('recruit_recruitprestudent_dj') && scope.row.isDj == '0'"
|
||||
type="primary"
|
||||
link
|
||||
icon="Connection"
|
||||
@click="handllSureDj(scope.row.id)"
|
||||
>
|
||||
确认对接
|
||||
</el-button>
|
||||
<el-button v-if="hasAuth('recruit_recruitprestudent_del')" type="danger" link icon="Delete" @click="deleteHandle(scope.row.id)">
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<table-form
|
||||
ref="addOrUpdateRef"
|
||||
@refreshDataList="getDataList"
|
||||
:planList="planList"
|
||||
:planMajorList="planMajorList"
|
||||
:schoolList="schoolList"
|
||||
/>
|
||||
<!-- 分页 -->
|
||||
<pagination v-bind="state.pagination" @current-change="currentChangeHandle" @size-change="sizeChangeHandle" />
|
||||
|
||||
<pre-exam-people-index ref="PreExamPeopleIndexRef"></pre-exam-people-index>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗, 新增 / 修改 -->
|
||||
<table-form ref="addOrUpdateRef" @refreshDataList="getDataList" :planList="planList" :planMajorList="planMajorList" :schoolList="schoolList" />
|
||||
|
||||
<pre-exam-people-index ref="PreExamPeopleIndexRef"></pre-exam-people-index>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="recruitprestudent">
|
||||
import { ref, reactive, onMounted, nextTick, defineAsyncComponent } from 'vue'
|
||||
import { useAuth } from '/@/hooks/auth'
|
||||
import { BasicTableProps, useTable } from '/@/hooks/table'
|
||||
import { useDict } from '/@/hooks/dict'
|
||||
import { useMessage, useMessageBox } from '/@/hooks/message'
|
||||
import { User } from '@element-plus/icons-vue'
|
||||
import { delObj, fetchList, sureDJ } from '/@/api/recruit/recruitprestudent'
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup'
|
||||
import { listcz } from '/@/api/recruit/recruitstudentplan'
|
||||
import { queryByGroupId as schoolListApi} from '/@/api/recruit/recruitstudentschool'
|
||||
import { getDeptListByLevelTwo } from '/@/api/basic/basicdept'
|
||||
import {exportPreStuSuccess} from '/@/api/recruit/recruitfile'
|
||||
import { ref, reactive, onMounted, nextTick, defineAsyncComponent } from 'vue';
|
||||
import { useAuth } from '/@/hooks/auth';
|
||||
import { BasicTableProps, useTable } from '/@/hooks/table';
|
||||
import { useDict } from '/@/hooks/dict';
|
||||
import { useMessage, useMessageBox } from '/@/hooks/message';
|
||||
import { User } from '@element-plus/icons-vue';
|
||||
import { delObj, fetchList, sureDJ } from '/@/api/recruit/recruitprestudent';
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup';
|
||||
import { listcz } from '/@/api/recruit/recruitstudentplan';
|
||||
import { queryByGroupId as schoolListApi } from '/@/api/recruit/recruitstudentschool';
|
||||
import { getDeptListByLevelTwo } from '/@/api/basic/basicdept';
|
||||
import { exportPreStuSuccess } from '/@/api/recruit/recruitfile';
|
||||
|
||||
const PreExamPeopleIndex = defineAsyncComponent(() => import('@/views/recruit/recruitPreexamPeople/index.vue'));
|
||||
|
||||
const PreExamPeopleIndexRef=ref()
|
||||
const TableForm = defineAsyncComponent(() => import('./enrolplantemplate-form.vue'))
|
||||
const { hasAuth } = useAuth()
|
||||
const PreExamPeopleIndexRef = ref();
|
||||
const TableForm = defineAsyncComponent(() => import('./enrolplantemplate-form.vue'));
|
||||
const { hasAuth } = useAuth();
|
||||
// 消息提示 hooks
|
||||
const message = useMessage()
|
||||
const messageBox = useMessageBox()
|
||||
const message = useMessage();
|
||||
const messageBox = useMessageBox();
|
||||
|
||||
// 表格引用
|
||||
const tableRef = ref()
|
||||
const searchFormRef = ref()
|
||||
const addOrUpdateRef = ref()
|
||||
const tableRef = ref();
|
||||
const searchFormRef = ref();
|
||||
const addOrUpdateRef = ref();
|
||||
|
||||
// 弹窗状态
|
||||
const exportLoading = ref(false)
|
||||
const exportLoading = ref(false);
|
||||
|
||||
// 字典数据
|
||||
const { yes_no_type: isDjList } = useDict('yes_no_type')
|
||||
const { yes_no_type: isDjList } = useDict('yes_no_type');
|
||||
|
||||
// 数据
|
||||
const planList = ref<any[]>([])
|
||||
const deptList = ref<any[]>([])
|
||||
const schoolList = ref<any[]>([])
|
||||
const planMajorList = ref<any[]>([])
|
||||
const planList = ref<any[]>([]);
|
||||
const deptList = ref<any[]>([]);
|
||||
const schoolList = ref<any[]>([]);
|
||||
const planMajorList = ref<any[]>([]);
|
||||
|
||||
// 查询表单
|
||||
const queryForm = reactive({
|
||||
groupId: '',
|
||||
deptCode: '',
|
||||
isDj: '',
|
||||
djName: '',
|
||||
name: '',
|
||||
schoolId: '',
|
||||
planMajorOne: ''
|
||||
})
|
||||
groupId: '',
|
||||
deptCode: '',
|
||||
isDj: '',
|
||||
djName: '',
|
||||
name: '',
|
||||
schoolId: '',
|
||||
planMajorOne: '',
|
||||
});
|
||||
|
||||
// 获取专业名称
|
||||
const getMajorName = (majorId: string) => {
|
||||
const item = planMajorList.value.find(item => item.id === majorId)
|
||||
return item ? item.majorName : ''
|
||||
}
|
||||
const item = planMajorList.value.find((item) => item.id === majorId);
|
||||
return item ? item.majorName : '';
|
||||
};
|
||||
|
||||
// 获取学校名称
|
||||
const getSchoolName = (schoolId: string) => {
|
||||
const item = schoolList.value.find(item => item.id === schoolId)
|
||||
return item ? item.schoolName : ''
|
||||
}
|
||||
const item = schoolList.value.find((item) => item.id === schoolId);
|
||||
return item ? item.schoolName : '';
|
||||
};
|
||||
|
||||
// 表格状态
|
||||
const state: BasicTableProps = reactive<BasicTableProps>({
|
||||
queryForm: queryForm,
|
||||
pageList: async (params: any) => {
|
||||
const response = await fetchList(params)
|
||||
return {
|
||||
data: {
|
||||
records: response.data.records,
|
||||
total: response.data.total
|
||||
}
|
||||
}
|
||||
},
|
||||
createdIsNeed: false
|
||||
})
|
||||
queryForm: queryForm,
|
||||
pageList: async (params: any) => {
|
||||
const response = await fetchList(params);
|
||||
return {
|
||||
data: {
|
||||
records: response.data.records,
|
||||
total: response.data.total,
|
||||
},
|
||||
};
|
||||
},
|
||||
createdIsNeed: false,
|
||||
});
|
||||
|
||||
// 使用 table hook
|
||||
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle, downBlobFile } = useTable(state)
|
||||
const { getDataList, currentChangeHandle, sizeChangeHandle, tableStyle, downBlobFile } = useTable(state);
|
||||
|
||||
// 初始化
|
||||
const init = async () => {
|
||||
try {
|
||||
// 获取部门列表
|
||||
const deptData = await getDeptListByLevelTwo()
|
||||
deptList.value = deptData.data || []
|
||||
|
||||
// 获取招生计划列表
|
||||
const planData = await getList()
|
||||
planList.value = planData.data || []
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id
|
||||
await getMajor(queryForm.groupId)
|
||||
|
||||
// 获取学校列表
|
||||
const schoolData = await schoolListApi({ groupId: queryForm.groupId })
|
||||
schoolList.value = schoolData.data || []
|
||||
}
|
||||
|
||||
getDataList()
|
||||
} catch (error) {
|
||||
message.error('初始化失败')
|
||||
}
|
||||
}
|
||||
try {
|
||||
// 获取部门列表
|
||||
const deptData = await getDeptListByLevelTwo();
|
||||
deptList.value = deptData.data || [];
|
||||
|
||||
// 获取招生计划列表
|
||||
const planData = await getList();
|
||||
planList.value = planData.data || [];
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id;
|
||||
await getMajor(queryForm.groupId);
|
||||
|
||||
// 获取学校列表
|
||||
const schoolData = await schoolListApi({ groupId: queryForm.groupId });
|
||||
schoolList.value = schoolData.data || [];
|
||||
}
|
||||
|
||||
getDataList();
|
||||
} catch (error) {
|
||||
message.error('初始化失败');
|
||||
}
|
||||
};
|
||||
|
||||
// 招生计划改变
|
||||
const changeG = async () => {
|
||||
if (queryForm.groupId) {
|
||||
await getMajor(queryForm.groupId)
|
||||
const schoolData = await schoolListApi({ groupId: queryForm.groupId })
|
||||
schoolList.value = schoolData.data || []
|
||||
}
|
||||
}
|
||||
if (queryForm.groupId) {
|
||||
await getMajor(queryForm.groupId);
|
||||
const schoolData = await schoolListApi({ groupId: queryForm.groupId });
|
||||
schoolList.value = schoolData.data || [];
|
||||
}
|
||||
};
|
||||
|
||||
// 获取专业列表
|
||||
const getMajor = async (groupId: string) => {
|
||||
try {
|
||||
const data = await listcz({ groupId })
|
||||
planMajorList.value = data.data || []
|
||||
getDataList()
|
||||
} catch (error) {
|
||||
message.error('获取专业列表失败')
|
||||
}
|
||||
}
|
||||
try {
|
||||
const data = await listcz({ groupId });
|
||||
planMajorList.value = data.data || [];
|
||||
getDataList();
|
||||
} catch (error) {
|
||||
message.error('获取专业列表失败');
|
||||
}
|
||||
};
|
||||
|
||||
// 新增 / 修改
|
||||
const addOrUpdateHandle = (id?: string | null) => {
|
||||
nextTick(() => {
|
||||
addOrUpdateRef.value?.init(id ?? null)
|
||||
})
|
||||
}
|
||||
nextTick(() => {
|
||||
addOrUpdateRef.value?.init(id ?? null);
|
||||
});
|
||||
};
|
||||
|
||||
// 确认对接
|
||||
const handllSureDj = async (id: string) => {
|
||||
try {
|
||||
await messageBox.confirm('是否确认已对接？请谨慎操作')
|
||||
await sureDJ({ id, isDj: '1' })
|
||||
message.success('确认成功')
|
||||
getDataList()
|
||||
} catch {
|
||||
// 用户取消
|
||||
}
|
||||
}
|
||||
try {
|
||||
await messageBox.confirm('是否确认已对接？请谨慎操作');
|
||||
await sureDJ({ id, isDj: '1' });
|
||||
message.success('确认成功');
|
||||
getDataList();
|
||||
} catch {
|
||||
// 用户取消
|
||||
}
|
||||
};
|
||||
|
||||
// 删除
|
||||
const deleteHandle = async (id: string) => {
|
||||
try {
|
||||
await messageBox.confirm('是否确认删除本条数据？请谨慎操作')
|
||||
await delObj(id)
|
||||
message.success('删除成功')
|
||||
getDataList()
|
||||
} catch {
|
||||
// 用户取消
|
||||
}
|
||||
}
|
||||
try {
|
||||
await messageBox.confirm('是否确认删除本条数据？请谨慎操作');
|
||||
await delObj(id);
|
||||
message.success('删除成功');
|
||||
getDataList();
|
||||
} catch {
|
||||
// 用户取消
|
||||
}
|
||||
};
|
||||
|
||||
// 重置查询
|
||||
const resetQuery = () => {
|
||||
searchFormRef.value?.resetFields()
|
||||
queryForm.groupId = ''
|
||||
queryForm.deptCode = ''
|
||||
queryForm.isDj = ''
|
||||
queryForm.djName = ''
|
||||
queryForm.name = ''
|
||||
queryForm.schoolId = ''
|
||||
queryForm.planMajorOne = ''
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id
|
||||
}
|
||||
getDataList()
|
||||
}
|
||||
searchFormRef.value?.resetFields();
|
||||
queryForm.groupId = '';
|
||||
queryForm.deptCode = '';
|
||||
queryForm.isDj = '';
|
||||
queryForm.djName = '';
|
||||
queryForm.name = '';
|
||||
queryForm.schoolId = '';
|
||||
queryForm.planMajorOne = '';
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id;
|
||||
}
|
||||
getDataList();
|
||||
};
|
||||
|
||||
// 导出
|
||||
const dataExportHandle = async () => {
|
||||
exportLoading.value = true
|
||||
exportPreStuSuccess(queryForm).then((res:any)=>{
|
||||
message.success('导出后台执行中,请稍后查看下载任务')
|
||||
exportLoading.value = false
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
exportLoading.value = true;
|
||||
exportPreStuSuccess(queryForm).then((res: any) => {
|
||||
message.success('导出后台执行中,请稍后查看下载任务');
|
||||
exportLoading.value = false;
|
||||
});
|
||||
};
|
||||
|
||||
// 编辑审核人员
|
||||
const editExam = () => {
|
||||
// 如果组件已经加载，立即初始化
|
||||
if (PreExamPeopleIndexRef.value && typeof PreExamPeopleIndexRef.value.init === 'function') {
|
||||
nextTick(() => {
|
||||
try {
|
||||
PreExamPeopleIndexRef.value.init();
|
||||
} catch (error: any) {
|
||||
message.error('初始化预登记人员弹窗失败：' + (error.message || '未知错误'));
|
||||
}
|
||||
});
|
||||
}
|
||||
// 否则等待 watch 监听器处理
|
||||
// 如果组件已经加载，立即初始化
|
||||
if (PreExamPeopleIndexRef.value && typeof PreExamPeopleIndexRef.value.init === 'function') {
|
||||
nextTick(() => {
|
||||
try {
|
||||
PreExamPeopleIndexRef.value.init();
|
||||
} catch (error: any) {
|
||||
message.error('初始化预登记人员弹窗失败：' + (error.message || '未知错误'));
|
||||
}
|
||||
});
|
||||
}
|
||||
// 否则等待 watch 监听器处理
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
init()
|
||||
})
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.contact-cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
|
||||
.contact-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
white-space: nowrap;
|
||||
|
||||
.contact-icon {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.contact-text {
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.time-text {
|
||||
font-size: 12px;
|
||||
color: var(--el-color-primary);
|
||||
white-space: nowrap;
|
||||
}
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
justify-content: center;
|
||||
white-space: nowrap;
|
||||
|
||||
.contact-name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
white-space: nowrap;
|
||||
|
||||
.contact-icon {
|
||||
color: #909399;
|
||||
font-size: 14px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.contact-text {
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.time-text {
|
||||
font-size: 12px;
|
||||
color: var(--el-color-primary);
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
color: #c0c4cc;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,145 +1,136 @@
|
||||
<template>
|
||||
<div class="layout-padding">
|
||||
<div class="layout-padding-auto layout-padding-view">
|
||||
<el-form :model="queryForm" inline class="mb-4" ref="searchFormRef">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="handleFilter">
|
||||
<el-option
|
||||
v-for="item in planList"
|
||||
:key="item.id"
|
||||
:label="item.groupName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleFilter">查询</el-button>
|
||||
<el-button type="primary" plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="layout-padding">
|
||||
<div class="layout-padding-auto layout-padding-view">
|
||||
<el-form :model="queryForm" inline class="mb-4" ref="searchFormRef">
|
||||
<el-form-item label="招生计划" prop="groupId">
|
||||
<el-select v-model="queryForm.groupId" filterable clearable placeholder="请选择招生计划" @change="handleFilter">
|
||||
<el-option v-for="item in planList" :key="item.id" :label="item.groupName" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleFilter">查询</el-button>
|
||||
<el-button type="primary" plain icon="Refresh" class="ml10" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div class="mb15">
|
||||
<el-button type="warning" plain icon="Download" :loading="exportLoading" @click="dataExportHandle">导出</el-button>
|
||||
</div>
|
||||
<div class="mb15">
|
||||
<el-button type="warning" plain icon="Download" :loading="exportLoading" @click="dataExportHandle">导出</el-button>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
:data="state.dataList"
|
||||
border
|
||||
stripe
|
||||
v-loading="state.loading"
|
||||
:cell-style="tableStyle.cellStyle"
|
||||
:header-cell-style="tableStyle.headerCellStyle"
|
||||
>
|
||||
<el-table-column prop="majorName" header-align="center" align="center" label="专业" />
|
||||
<el-table-column prop="number" header-align="center" align="center" label="人数" />
|
||||
<el-table-column prop="rate" header-align="center" align="center" label="占比" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
:data="state.dataList"
|
||||
border
|
||||
stripe
|
||||
v-loading="state.loading"
|
||||
:cell-style="tableStyle.cellStyle"
|
||||
:header-cell-style="tableStyle.headerCellStyle"
|
||||
>
|
||||
<el-table-column prop="majorName" header-align="center" align="center" label="专业" />
|
||||
<el-table-column prop="number" header-align="center" align="center" label="人数" />
|
||||
<el-table-column prop="rate" header-align="center" align="center" label="占比" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="recruitprestudent-static">
|
||||
import { ref, reactive, computed, onMounted } from 'vue'
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { useUserInfo } from '/@/stores/userInfo'
|
||||
import { BasicTableProps, useTable } from '/@/hooks/table'
|
||||
import { useMessage } from '/@/hooks/message'
|
||||
import { fetchListStatic } from '/@/api/recruit/recruitprestudent'
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup'
|
||||
import { ref, reactive, computed, onMounted } from 'vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { useUserInfo } from '/@/stores/userInfo';
|
||||
import { BasicTableProps, useTable } from '/@/hooks/table';
|
||||
import { useMessage } from '/@/hooks/message';
|
||||
import { fetchListStatic } from '/@/api/recruit/recruitprestudent';
|
||||
import { getList } from '/@/api/recruit/recruitstudentplangroup';
|
||||
// @ts-ignore
|
||||
import global from '/@/components/tools/commondict.vue'
|
||||
import global from '/@/components/tools/commondict.vue';
|
||||
|
||||
// 使用 Pinia store
|
||||
const userInfoStore = useUserInfo()
|
||||
const { userInfos } = storeToRefs(userInfoStore)
|
||||
const userInfoStore = useUserInfo();
|
||||
const { userInfos } = storeToRefs(userInfoStore);
|
||||
|
||||
// 创建权限对象
|
||||
const permissions = computed(() => {
|
||||
const perms: Record<string, boolean> = {}
|
||||
userInfos.value.authBtnList.forEach((perm: string) => {
|
||||
perms[perm] = true
|
||||
})
|
||||
return perms
|
||||
})
|
||||
const perms: Record<string, boolean> = {};
|
||||
userInfos.value.authBtnList.forEach((perm: string) => {
|
||||
perms[perm] = true;
|
||||
});
|
||||
return perms;
|
||||
});
|
||||
|
||||
// 消息提示 hooks
|
||||
const message = useMessage()
|
||||
const message = useMessage();
|
||||
|
||||
// 引用
|
||||
const searchFormRef = ref()
|
||||
const searchFormRef = ref();
|
||||
|
||||
// 状态
|
||||
const planList = ref<any[]>([])
|
||||
const exportLoading = ref(false)
|
||||
const planList = ref<any[]>([]);
|
||||
const exportLoading = ref(false);
|
||||
|
||||
// 查询表单
|
||||
const queryForm = reactive({
|
||||
groupId: ''
|
||||
})
|
||||
groupId: '',
|
||||
});
|
||||
|
||||
// 表格状态
|
||||
const state: BasicTableProps = reactive<BasicTableProps>({
|
||||
queryForm: queryForm,
|
||||
pageList: async (params: any) => {
|
||||
const response = await fetchListStatic(params)
|
||||
return {
|
||||
data: {
|
||||
records: response.data || [],
|
||||
total: response.data?.length || 0
|
||||
}
|
||||
}
|
||||
},
|
||||
createdIsNeed: false
|
||||
})
|
||||
queryForm: queryForm,
|
||||
pageList: async (params: any) => {
|
||||
const response = await fetchListStatic(params);
|
||||
return {
|
||||
data: {
|
||||
records: response.data || [],
|
||||
total: response.data?.length || 0,
|
||||
},
|
||||
};
|
||||
},
|
||||
createdIsNeed: false,
|
||||
});
|
||||
|
||||
// 使用 table hook
|
||||
const { getDataList, tableStyle, downBlobFile } = useTable(state)
|
||||
const { getDataList, tableStyle, downBlobFile } = useTable(state);
|
||||
|
||||
// 初始化
|
||||
const init = async () => {
|
||||
try {
|
||||
const data = await getList()
|
||||
planList.value = data.data || []
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id
|
||||
getDataList()
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('初始化失败', error)
|
||||
}
|
||||
}
|
||||
try {
|
||||
const data = await getList();
|
||||
planList.value = data.data || [];
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id;
|
||||
getDataList();
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('初始化失败', error);
|
||||
}
|
||||
};
|
||||
|
||||
// 查询
|
||||
const handleFilter = () => {
|
||||
getDataList()
|
||||
}
|
||||
getDataList();
|
||||
};
|
||||
|
||||
// 重置查询
|
||||
const resetQuery = () => {
|
||||
searchFormRef.value?.resetFields()
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id
|
||||
}
|
||||
getDataList()
|
||||
}
|
||||
searchFormRef.value?.resetFields();
|
||||
if (planList.value.length > 0) {
|
||||
queryForm.groupId = planList.value[0].id;
|
||||
}
|
||||
getDataList();
|
||||
};
|
||||
|
||||
// 导出
|
||||
const dataExportHandle = async () => {
|
||||
try {
|
||||
exportLoading.value = true
|
||||
await downBlobFile(
|
||||
'/recruit/recruitprestudent/staticExport',
|
||||
queryForm,
|
||||
'预登记统计.xls'
|
||||
)
|
||||
} catch (error: any) {
|
||||
message.error(error.msg || '导出失败')
|
||||
} finally {
|
||||
exportLoading.value = false
|
||||
}
|
||||
}
|
||||
try {
|
||||
exportLoading.value = true;
|
||||
await downBlobFile('/recruit/recruitprestudent/staticExport', queryForm, '预登记统计.xls');
|
||||
} catch (error: any) {
|
||||
message.error(error.msg || '导出失败');
|
||||
} finally {
|
||||
exportLoading.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
init()
|
||||
})
|
||||
init();
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user