140 lines
3.4 KiB
Vue
140 lines
3.4 KiB
Vue
<template>
|
|
<el-dialog
|
|
:title="!dataForm.id ? '新增' : '修改'"
|
|
:close-on-click-modal="false"
|
|
width="600px"
|
|
v-model="visible">
|
|
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" @keyup.enter="dataFormSubmit" label-width="120px">
|
|
|
|
<el-form-item label="招生计划" prop="groupId">
|
|
<el-select v-model="dataForm.groupId" filterable :disabled="!!dataForm.id" placeholder="请选择招生计划">
|
|
<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="batchName">
|
|
<el-input v-model="dataForm.batchName" placeholder="批次名称"></el-input>
|
|
</el-form-item>
|
|
</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>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, reactive, nextTick } from 'vue'
|
|
import { ElNotification } from 'element-plus'
|
|
import { addObj, getObj, putObj } from '/@/api/recruit/recruitImitateAdjustBatch'
|
|
import { list } from '/@/api/recruit/recruitstudentplangroup'
|
|
|
|
// Emits
|
|
const emit = defineEmits<{
|
|
(e: 'refreshDataList'): void
|
|
}>()
|
|
|
|
// 表单引用
|
|
const dataFormRef = ref()
|
|
|
|
// 响应式数据
|
|
const visible = ref(false)
|
|
const canSubmit = ref(false)
|
|
const disabled = ref(false)
|
|
const planList = ref<any[]>([])
|
|
|
|
const dataForm = reactive({
|
|
id: "",
|
|
batchName: "",
|
|
groupId: "",
|
|
})
|
|
|
|
const dataRule = {
|
|
groupId: [
|
|
{ required: true, message: '招生计划不能为空', trigger: 'blur' },
|
|
],
|
|
batchName: [
|
|
{ required: true, message: '批次名称不能为空', trigger: 'blur' },
|
|
{ min: 1, max: 20, message: '批次名称长度不大于20个字符', trigger: 'blur' }
|
|
],
|
|
}
|
|
|
|
// 初始化数据
|
|
const initData = () => {
|
|
list().then((data: any) => {
|
|
planList.value = data.data
|
|
if (!dataForm.id) {
|
|
dataForm.groupId = planList.value[0].id
|
|
}
|
|
})
|
|
}
|
|
|
|
// 表单提交
|
|
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 {
|
|
addObj(dataForm).then(() => {
|
|
ElNotification.success({
|
|
title: '成功',
|
|
message: '添加成功'
|
|
})
|
|
visible.value = false
|
|
emit('refreshDataList')
|
|
}).catch(() => {
|
|
canSubmit.value = true
|
|
})
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
// 初始化方法
|
|
const init = (id: string | null) => {
|
|
dataForm.id = id || null
|
|
visible.value = true
|
|
canSubmit.value = true
|
|
initData()
|
|
nextTick(() => {
|
|
dataFormRef.value?.resetFields()
|
|
if (dataForm.id) {
|
|
getObj(dataForm.id).then((response: any) => {
|
|
Object.assign(dataForm, response.data)
|
|
})
|
|
} else {
|
|
disabled.value = true
|
|
}
|
|
})
|
|
}
|
|
|
|
// 暴露方法给父组件
|
|
defineExpose({
|
|
init
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.dialog-footer {
|
|
text-align: right;
|
|
}
|
|
</style>
|