This commit is contained in:
guochunsi
2026-01-14 11:41:04 +08:00
parent d0c8ea0223
commit 6055033289
49 changed files with 2043 additions and 1740 deletions

View File

@@ -2,19 +2,19 @@
<el-dialog
:title="!dataForm.id ? '新增' : '修改'"
:close-on-click-modal="false"
:visible.sync="visible">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="140px">
v-model="visible">
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="140px">
<el-form-item label="招生计划名称" prop="groupId">
<el-select v-model="dataForm.groupId" filterable placeholder="请选择招生计划" size="small" style="width: 100%;" :disabled="!dataForm.id ? false : true">
<el-option
v-for="item in planList"
:key="item.id"
:label="item.groupName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="招生计划名称" prop="groupId">
<el-select v-model="dataForm.groupId" filterable placeholder="请选择招生计划" size="small" style="width: 100%;" :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-form-item label="姓名" prop="name">
<el-input v-model="dataForm.name" placeholder="姓名"></el-input>
</el-form-item>
@@ -25,7 +25,7 @@
<el-input v-model="dataForm.idCard" placeholder="身份证"></el-input>
</el-form-item>
<el-form-item label="性别" prop="gender">
<el-select v-model="dataForm.gender" style="width: 100%" >
<el-select v-model="dataForm.gender" style="width: 100%">
<el-option
v-for="item in sexyList"
:key="item.value"
@@ -38,20 +38,10 @@
<el-input v-model="dataForm.admission" placeholder="准考证"></el-input>
</el-form-item>
<el-form-item label="中考成绩" prop="achievement">
<el-input-number v-model="dataForm.achievement" :min=0 :max=700 placeholder="中考成绩" style="width: 100%"></el-input-number>
<el-input-number v-model="dataForm.achievement" :min="0" :max="700" placeholder="中考成绩" style="width: 100%"></el-input-number>
</el-form-item>
<!-- <el-form-item label="联系人" prop="contactsNo">-->
<!-- <el-select v-model="dataForm.contactsNo" filterable clearable placeholder="" size="small" style="width: 100%" >-->
<!-- <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-form-item label="对接人" prop="djUser" v-if="permissions.recruit_recruitprestudent_dj_sure">
<el-select v-model="dataForm.djUser" filterable clearable placeholder="" size="small" style="width: 100%" >
<el-select v-model="dataForm.djUser" filterable clearable placeholder="" size="small" style="width: 100%">
<el-option
v-for="item in contactNameList"
:key="item.teacherNo"
@@ -61,7 +51,7 @@
</el-select>
</el-form-item>
<el-form-item label="学校" prop="schoolId">
<el-select v-model="dataForm.schoolId" filterable placeholder="请选择学校" size="small" style="width: 100%;" >
<el-select v-model="dataForm.schoolId" filterable placeholder="请选择学校" size="small" style="width: 100%;">
<el-option
v-for="item in schoolList"
:key="item.id"
@@ -72,7 +62,7 @@
</el-form-item>
<el-form-item label="拟报专业1" prop="planMajorOne">
<el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorOne" filterable placeholder="请选择拟报专业1" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -84,8 +74,7 @@
</el-select>
</el-form-item>
<el-form-item label="拟报专业2" prop="planMajorTwo">
<el-select v-model="dataForm.planMajorTwo" filterable clearable placeholder="请选择拟报专业2" size="small" style="width: 100%;"
>
<el-select v-model="dataForm.planMajorTwo" filterable clearable placeholder="请选择拟报专业2" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -97,7 +86,7 @@
</el-select>
</el-form-item>
<el-form-item label="拟报专业3" prop="planMajorThree">
<el-select v-model="dataForm.planMajorThree" filterable clearable placeholder="请选择拟报专业3" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorThree" filterable clearable placeholder="请选择拟报专业3" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -109,7 +98,7 @@
</el-select>
</el-form-item>
<el-form-item label="拟报专业4" prop="planMajorFour">
<el-select v-model="dataForm.planMajorFour" filterable clearable placeholder="请选择拟报专业4" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorFour" filterable clearable placeholder="请选择拟报专业4" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -121,7 +110,7 @@
</el-select>
</el-form-item>
<el-form-item label="拟报专业5" prop="planMajorFive">
<el-select v-model="dataForm.planMajorFive" filterable clearable placeholder="请选择拟报专业5" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorFive" filterable clearable placeholder="请选择拟报专业5" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -134,7 +123,7 @@
</el-form-item>
<el-form-item label="拟报专业6" prop="planMajorSix">
<el-select v-model="dataForm.planMajorSix" filterable clearable placeholder="请选择拟报专业6" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorSix" filterable clearable placeholder="请选择拟报专业6" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -147,7 +136,7 @@
</el-form-item>
<el-form-item label="拟报专业7" prop="planMajorSeven">
<el-select v-model="dataForm.planMajorSeven" filterable clearable placeholder="请选择拟报专业5" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorSeven" filterable clearable placeholder="请选择拟报专业7" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -160,7 +149,7 @@
</el-form-item>
<el-form-item label="拟报专业8" prop="planMajorEight">
<el-select v-model="dataForm.planMajorEight" filterable clearable placeholder="请选择拟报专业8" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorEight" filterable clearable placeholder="请选择拟报专业8" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -173,7 +162,7 @@
</el-form-item>
<el-form-item label="拟报专业9" prop="planMajorNine">
<el-select v-model="dataForm.planMajorNine" filterable clearable placeholder="请选择拟报专业9" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorNine" filterable clearable placeholder="请选择拟报专业9" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -186,7 +175,7 @@
</el-form-item>
<el-form-item label="拟报专业10" prop="planMajorTen">
<el-select v-model="dataForm.planMajorTen" filterable clearable placeholder="请选择拟报专业10" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorTen" filterable clearable placeholder="请选择拟报专业10" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -199,7 +188,7 @@
</el-form-item>
<el-form-item label="拟报专业11" prop="planMajorEleven">
<el-select v-model="dataForm.planMajorEleven" filterable clearable placeholder="请选择拟报专业11" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorEleven" filterable clearable placeholder="请选择拟报专业11" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -212,7 +201,7 @@
</el-form-item>
<el-form-item label="拟报专业12" prop="planMajorTwelve">
<el-select v-model="dataForm.planMajorTwelve" filterable clearable placeholder="请选择拟报专业12" size="small" style="width: 100%;" >
<el-select v-model="dataForm.planMajorTwelve" filterable clearable placeholder="请选择拟报专业12" size="small" style="width: 100%;">
<el-option
v-for="item in planMajorList"
:key="item.id"
@@ -225,171 +214,223 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false">取消</el-button>
<el-button type="primary" @click="dataFormSubmit()" v-if="canSubmit">确定</el-button>
</span>
<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>
import {getObj,addObjStu,putObj} from '@/api/recruit/recruitprestudent'
import {queryAllTeacherByRecruit} from "@/api/professional/teacherbase";
import {mapGetters} from "vuex";
import {list} from "@/api/recruit/recruitstudentplangroup";
export default {
props:["planList","planMajorList","schoolList"],
data () {
return {
visible: false,
canSubmit: false,
contactNameList:[],
sexyList: [
{
label: '男',
value: '1'
},
{
label: '女',
value: '2'
}
],
dataForm: {
groupId:"",
name:"",
gender:"",
phone:"",
idCard:"",
schoolId:"",
planMajorOne:"",
planMajorTwo:"",
planMajorThree:"",
planMajorFour:"",
planMajorFive:"",
planMajorSix:"",
planMajorSeven:"",
planMajorEight:"",
planMajorNine:"",
planMajorTen:"",
planMajorEleven:"",
planMajorTwelve:"",
admission:"",
achievement:"",
contactsNo:"",
djUser:""
},
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' },
{ min: 11,max:11, message: "电话号码长度为11位", trigger: "blur" }
],
gender: [
{ required: true, message: '性别不能为空', trigger: 'blur' }
],
<script setup lang="ts">
import { ref, reactive, computed, nextTick } from 'vue'
import { storeToRefs } from 'pinia'
import { useUserInfo } from '/@/stores/userInfo'
import { ElNotification } from 'element-plus'
import { getObj, addObjStu, putObj } from '@/api/recruit/recruitprestudent'
import { queryAllTeacherByRecruit } from "@/api/professional/teacherbase"
import { list } from "@/api/recruit/recruitstudentplangroup"
schoolId: [
{ required: true, message: '学校不能为空', trigger: 'blur' }
],
// admission: [
// { required: true, message: '准考证不能为空', trigger: 'blur' }
// ],
// achievement: [
// { required: true, message: '中考成绩不能为空', trigger: 'blur' }
// ],
}
}
},
created () {
},
computed: {
...mapGetters(['permissions'])
},
methods: {
init (id) {
let _this = this;
this.dataForm.id = id || null;
this.visible = true;
this.canSubmit = true;
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
queryAllTeacherByRecruit().then(res =>{
this.contactNameList = res.data.data
});
if (this.dataForm.id) {
// Props
const props = defineProps<{
planList?: any[]
planMajorList?: any[]
schoolList?: any[]
}>()
getObj(this.dataForm.id).then(response => {
_this.dataForm = response.data.data
_this.dataForm.year = this.dataForm.year+"";
// Emits
const emit = defineEmits<{
(e: 'refreshDataList'): void
}>()
})
// 使用 Pinia store
const userInfoStore = useUserInfo()
const { userInfos } = storeToRefs(userInfoStore)
}else {
list().then(data => {
_this.planList = data.data.data
_this.dataForm.groupId = _this.planList[0].id;
})
}
// 创建权限对象
const permissions = computed(() => {
const perms: Record<string, boolean> = {}
userInfos.value.authBtnList.forEach((perm: string) => {
perms[perm] = true
})
return perms
})
// 表单引用
const dataFormRef = ref()
// 响应式数据
const visible = ref(false)
const canSubmit = ref(false)
const contactNameList = ref<any[]>([])
const planListLocal = ref<any[]>([])
const sexyList = [
{
label: '男',
value: '1'
},
{
label: '女',
value: '2'
}
]
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: ""
})
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' },
{ min: 11, max: 11, message: "电话号码长度为11位", 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
}
}
// 表单提交
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
})
},
isDisable(id){
if(id==this.dataForm.planMajorOne
||id==this.dataForm.planMajorTwo
||id==this.dataForm.planMajorThree
||id==this.dataForm.planMajorFour
||id==this.dataForm.planMajorFive
||id==this.dataForm.planMajorSix
||id==this.dataForm.planMajorSeven
||id==this.dataForm.planMajorEight
||id==this.dataForm.planMajorNine
||id==this.dataForm.planMajorTen
||id==this.dataForm.planMajorEleven
||id==this.dataForm.planMajorTwelve
){
return true
}else {
return false
}
},
// 表单提交
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.canSubmit = false;
if (this.dataForm.id) {
putObj(this.dataForm).then(data => {
this.$notify.success('修改成功')
this.visible = false
this.$emit('refreshDataList')
}).catch(() => {
this.canSubmit = true;
});
} else {
this.dataForm.djUser=null;
this.dataForm.djTime=null;
this.dataForm.djName=null;
this.dataForm.djDept=null;
this.dataForm.isDj="0";
addObjStu(this.dataForm).then(data => {
this.$notify.success('添加成功')
this.visible = false
this.$emit('refreshDataList')
}).catch(() => {
this.canSubmit = 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()
queryAllTeacherByRecruit().then((res: any) => {
contactNameList.value = res.data
})
if (dataForm.id) {
getObj(dataForm.id).then((response: any) => {
Object.assign(dataForm, response.data)
if (dataForm.year) {
dataForm.year = String(dataForm.year)
}
})
} else {
list().then((data: any) => {
planListLocal.value = data.data
if (planListLocal.value.length > 0) {
dataForm.groupId = planListLocal.value[0].id
}
})
}
})
}
// 暴露方法给父组件
defineExpose({
init
})
</script>
<style scoped>
.dialog-footer {
text-align: right;
}
</style>