This commit is contained in:
parent
18be83519d
commit
0490b88cc7
|
|
@ -1,4 +1,6 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<project version="4">
|
<project version="4">
|
||||||
<component name="VcsDirectoryMappings" defaultProject="true" />
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||||
|
</component>
|
||||||
</project>
|
</project>
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 学生注册状态列表
|
||||||
|
export function stuRegistrationLists(params?: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/list', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生待录取状态列表
|
||||||
|
export function stuRegistrationAdmissionLists(params?: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/list.admission', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生待入学状态列表
|
||||||
|
export function stuRegistrationEnrollmentLists(params?: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/list.enrollment', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生待缴费状态列表
|
||||||
|
export function stuRegistrationPaymentLists(params?: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/list.payment', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生待审核状态列表
|
||||||
|
export function stuRegistrationRegistrationLists(params?: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/list.registration', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生注册状态详情
|
||||||
|
export function stuRegistrationDetail(params: Record<string, any>) {
|
||||||
|
return request.get({ url: '/stuRegistration/detail', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生注册状态新增
|
||||||
|
export function stuRegistrationAdd(params: Record<string, any>) {
|
||||||
|
return request.post({ url: '/stuRegistration/add', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生注册状态编辑
|
||||||
|
export function stuRegistrationEdit(params: Record<string, any>) {
|
||||||
|
return request.post({ url: '/stuRegistration/edit', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
// 学生注册状态删除
|
||||||
|
export function stuRegistrationDelete(params: Record<string, any>) {
|
||||||
|
return request.post({ url: '/stuRegistration/del', params })
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,263 @@
|
||||||
|
<template>
|
||||||
|
<div class="edit-popup">
|
||||||
|
<popup
|
||||||
|
ref="popupRef"
|
||||||
|
:title="popupTitle"
|
||||||
|
:async="true"
|
||||||
|
width="550px"
|
||||||
|
:clickModalClose="true"
|
||||||
|
@confirm="handleSubmit"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<el-form ref="formRef" :model="formData" label-width="84px" :rules="formRules">
|
||||||
|
<el-form-item label="报名编号" prop="applicationNumber">
|
||||||
|
<el-input v-model="formData.applicationNumber" placeholder="请输入报名编号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="邀请码" prop="invitationCode">
|
||||||
|
<el-input v-model="formData.invitationCode" placeholder="请输入邀请码" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="录取状态" prop="admissionStatus">
|
||||||
|
<el-radio-group v-model="formData.admissionStatus" placeholder="请选择录取状态">
|
||||||
|
<el-radio :label="0">待审核</el-radio>
|
||||||
|
<el-radio :label="1">已录取</el-radio>
|
||||||
|
<el-radio :label="2">未录取</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="缴费状态" prop="paymentStatus">
|
||||||
|
<el-radio-group v-model="formData.paymentStatus" placeholder="请选择缴费状态">
|
||||||
|
<el-radio :label="0">未缴费</el-radio>
|
||||||
|
<el-radio :label="1">已缴费</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入学状态" prop="registrationStatus">
|
||||||
|
<el-radio-group
|
||||||
|
v-model="formData.registrationStatus"
|
||||||
|
placeholder="请选择入学状态"
|
||||||
|
>
|
||||||
|
<el-radio :label="0">未入学</el-radio>
|
||||||
|
<el-radio :label="1">已入学</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="审核状态" prop="approvalStatus">
|
||||||
|
<el-radio-group v-model="formData.approvalStatus" placeholder="请选择审核状态">
|
||||||
|
<el-radio :label="0">待审核</el-radio>
|
||||||
|
<el-radio :label="1">审核通过</el-radio>
|
||||||
|
<el-radio :label="2">审核不通过</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="拒绝原因" prop="rejectionReason">
|
||||||
|
<el-input
|
||||||
|
v-model="formData.rejectionReason"
|
||||||
|
placeholder="请输入拒绝原因"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 4, maxRows: 6 }"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="报名时间" prop="applicationTime">
|
||||||
|
<el-date-picker
|
||||||
|
class="flex-1 !flex"
|
||||||
|
v-model="formData.applicationTime"
|
||||||
|
type="datetime"
|
||||||
|
clearable
|
||||||
|
value-format="YYYY-MM-DD hh:mm:ss"
|
||||||
|
placeholder="请选择报名时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="录取时间" prop="admissionTime">
|
||||||
|
<el-date-picker
|
||||||
|
class="flex-1 !flex"
|
||||||
|
v-model="formData.admissionTime"
|
||||||
|
type="datetime"
|
||||||
|
clearable
|
||||||
|
value-format="YYYY-MM-DD hh:mm:ss"
|
||||||
|
placeholder="请选择录取时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="缴费时间" prop="paymentTime">
|
||||||
|
<el-date-picker
|
||||||
|
class="flex-1 !flex"
|
||||||
|
v-model="formData.paymentTime"
|
||||||
|
type="datetime"
|
||||||
|
clearable
|
||||||
|
value-format="YYYY-MM-DD hh:mm:ss"
|
||||||
|
placeholder="请选择缴费时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入学登记时间" prop="registrationTime">
|
||||||
|
<el-date-picker
|
||||||
|
class="flex-1 !flex"
|
||||||
|
v-model="formData.registrationTime"
|
||||||
|
type="datetime"
|
||||||
|
clearable
|
||||||
|
value-format="YYYY-MM-DD hh:mm:ss"
|
||||||
|
placeholder="请选择入学登记时间"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import type { FormInstance } from 'element-plus'
|
||||||
|
import type { PropType } from 'vue'
|
||||||
|
|
||||||
|
import {
|
||||||
|
stuRegistrationAdd,
|
||||||
|
stuRegistrationDetail,
|
||||||
|
stuRegistrationEdit
|
||||||
|
} from '@/api/stuRegistration'
|
||||||
|
import Popup from '@/components/popup/index.vue'
|
||||||
|
import feedback from '@/utils/feedback'
|
||||||
|
defineProps({
|
||||||
|
dictData: {
|
||||||
|
type: Object as PropType<Record<string, any[]>>,
|
||||||
|
default: () => ({})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['success', 'close'])
|
||||||
|
const formRef = shallowRef<FormInstance>()
|
||||||
|
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||||
|
const mode = ref('add')
|
||||||
|
const popupTitle = computed(() => {
|
||||||
|
return mode.value == 'edit' ? '编辑学生注册状态' : '新增学生注册状态'
|
||||||
|
})
|
||||||
|
|
||||||
|
const formData = reactive({
|
||||||
|
id: '',
|
||||||
|
userId: '',
|
||||||
|
baseInfoId: '',
|
||||||
|
applicationNumber: '',
|
||||||
|
invitationCode: '',
|
||||||
|
intendedCollegeId: '',
|
||||||
|
intendedMajorId: '',
|
||||||
|
admissionStatus: '',
|
||||||
|
paymentStatus: '',
|
||||||
|
registrationStatus: '',
|
||||||
|
approvalStatus: '',
|
||||||
|
rejectionReason: '',
|
||||||
|
applicationTime: '',
|
||||||
|
admissionTime: '',
|
||||||
|
paymentTime: '',
|
||||||
|
registrationTime: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
const formRules = {
|
||||||
|
id: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入主键ID',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
userId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入用户ID',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
baseInfoId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入关联基本信息ID',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
applicationNumber: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入报名编号',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
intendedCollegeId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入意向学院ID',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
intendedMajorId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入意向专业ID',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
admissionStatus: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择录取状态：0-待审核 1-已录取 2-未录取',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
paymentStatus: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择缴费状态：0-未缴费 1-部分缴费 2-已缴费',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
registrationStatus: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择入学状态：0-未入学 1-已入学',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
approvalStatus: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择审核状态：0-待审核 1-审核通过 2-审核不通过',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
applicationTime: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择报名时间',
|
||||||
|
trigger: ['blur']
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
await formRef.value?.validate()
|
||||||
|
const data: any = { ...formData }
|
||||||
|
mode.value == 'edit' ? await stuRegistrationEdit(data) : await stuRegistrationAdd(data)
|
||||||
|
popupRef.value?.close()
|
||||||
|
feedback.msgSuccess('操作成功')
|
||||||
|
emit('success')
|
||||||
|
}
|
||||||
|
|
||||||
|
const open = (type = 'add') => {
|
||||||
|
mode.value = type
|
||||||
|
popupRef.value?.open()
|
||||||
|
}
|
||||||
|
|
||||||
|
const setFormData = async (data: Record<string, any>) => {
|
||||||
|
for (const key in formData) {
|
||||||
|
if (data[key] != null && data[key] != undefined) {
|
||||||
|
//@ts-ignore
|
||||||
|
formData[key] = data[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const getDetail = async (row: Record<string, any>) => {
|
||||||
|
const data = await stuRegistrationDetail({
|
||||||
|
id: row.id
|
||||||
|
})
|
||||||
|
setFormData(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
|
||||||
|
defineExpose({
|
||||||
|
open,
|
||||||
|
setFormData,
|
||||||
|
getDetail
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,232 @@
|
||||||
|
<template>
|
||||||
|
<div class="index-lists">
|
||||||
|
<el-card class="!border-none" shadow="never">
|
||||||
|
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" :inline="true">
|
||||||
|
<el-form-item label="报名编号" prop="applicationNumber">
|
||||||
|
<el-input class="w-[280px]" v-model="queryParams.applicationNumber" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="邀请码" prop="invitationCode">
|
||||||
|
<el-input class="w-[280px]" v-model="queryParams.invitationCode" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="录取状态" prop="admissionStatus">
|
||||||
|
<el-select v-model="queryParams.admissionStatus" class="w-[280px]" clearable>
|
||||||
|
<el-option label="待审核" :value="0" />
|
||||||
|
<el-option label="已录取" :value="1" />
|
||||||
|
<el-option label="未录取" :value="2" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="缴费状态" prop="paymentStatus">
|
||||||
|
<el-select v-model="queryParams.paymentStatus" class="w-[280px]" clearable>
|
||||||
|
<el-option label="未缴费" :value="0" />
|
||||||
|
<el-option label="已缴费" :value="1" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入学状态" prop="registrationStatus">
|
||||||
|
<el-select v-model="queryParams.registrationStatus" class="w-[280px]" clearable>
|
||||||
|
<el-option label="未入学" :value="0" />
|
||||||
|
<el-option label="已入学" :value="1" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="审核状态" prop="approvalStatus">
|
||||||
|
<el-select v-model="queryParams.approvalStatus" class="w-[280px]" clearable>
|
||||||
|
<el-option label="待审核" :value="0" />
|
||||||
|
<el-option label="审核通过" :value="1" />
|
||||||
|
<el-option label="审核不通过" :value="2" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="报名时间" prop="applicationTime">
|
||||||
|
<daterange-picker
|
||||||
|
v-model:startTime="queryParams.applicationTimeStart"
|
||||||
|
v-model:endTime="queryParams.applicationTimeEnd"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="录取时间" prop="admissionTime">
|
||||||
|
<daterange-picker
|
||||||
|
v-model:startTime="queryParams.admissionTimeStart"
|
||||||
|
v-model:endTime="queryParams.admissionTimeEnd"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="缴费时间" prop="paymentTime">
|
||||||
|
<daterange-picker
|
||||||
|
v-model:startTime="queryParams.paymentTimeStart"
|
||||||
|
v-model:endTime="queryParams.paymentTimeEnd"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入学登记时间" prop="registrationTime">
|
||||||
|
<daterange-picker
|
||||||
|
v-model:startTime="queryParams.registrationTimeStart"
|
||||||
|
v-model:endTime="queryParams.registrationTimeEnd"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
|
<el-button @click="resetParams">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card class="!border-none mt-4" shadow="never">
|
||||||
|
<div>
|
||||||
|
<el-button v-perms="['stuRegistration/add']" type="primary" @click="handleAdd()">
|
||||||
|
<template #icon>
|
||||||
|
<icon name="el-icon-Plus" />
|
||||||
|
</template>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-form-item
|
||||||
|
v-perms="['stuRegistration/list']"
|
||||||
|
class="ml-4"
|
||||||
|
label="当前权限:ALL"
|
||||||
|
/>
|
||||||
|
<el-form-item
|
||||||
|
v-perms="['stuRegistration/list.admission']"
|
||||||
|
class="ml-4"
|
||||||
|
label="当前权限:录取管理"
|
||||||
|
/>
|
||||||
|
<el-form-item
|
||||||
|
v-perms="['stuRegistration/list.enrollment']"
|
||||||
|
class="ml-4"
|
||||||
|
label="当前权限:入学管理"
|
||||||
|
/>
|
||||||
|
<el-form-item
|
||||||
|
v-perms="['stuRegistration/list.payment']"
|
||||||
|
class="ml-4"
|
||||||
|
label="当前权限:缴费管理"
|
||||||
|
/>
|
||||||
|
<el-form-item
|
||||||
|
v-perms="['stuRegistration/list.registration']"
|
||||||
|
class="ml-4"
|
||||||
|
label="当前权限:审核管理"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<el-table class="mt-4" size="large" v-loading="pager.loading" :data="pager.lists">
|
||||||
|
<el-table-column label="用户ID" prop="userId" min-width="100" />
|
||||||
|
<el-table-column label="关联基本信息ID" prop="baseInfoId" min-width="100" />
|
||||||
|
<el-table-column label="报名编号" prop="applicationNumber" min-width="100" />
|
||||||
|
<el-table-column label="邀请码" prop="invitationCode" min-width="100" />
|
||||||
|
<el-table-column label="意向学院ID" prop="intendedCollegeId" min-width="100" />
|
||||||
|
<el-table-column label="意向专业ID" prop="intendedMajorId" min-width="100" />
|
||||||
|
<el-table-column label="录取状态" prop="admissionStatus" min-width="100" />
|
||||||
|
<el-table-column label="缴费状态" prop="paymentStatus" min-width="100" />
|
||||||
|
<el-table-column label="入学状态" prop="registrationStatus" min-width="100" />
|
||||||
|
<el-table-column label="审核状态" prop="approvalStatus" min-width="100" />
|
||||||
|
<el-table-column label="审核人ID" prop="approvedBy" min-width="100" />
|
||||||
|
<el-table-column label="审核时间" prop="approvedTime" min-width="100" />
|
||||||
|
<el-table-column label="拒绝原因" prop="rejectionReason" min-width="100" />
|
||||||
|
<el-table-column label="报名时间" prop="applicationTime" min-width="100" />
|
||||||
|
<el-table-column label="录取时间" prop="admissionTime" min-width="100" />
|
||||||
|
<el-table-column label="缴费时间" prop="paymentTime" min-width="100" />
|
||||||
|
<el-table-column label="入学登记时间" prop="registrationTime" min-width="100" />
|
||||||
|
<el-table-column label="创建时间" prop="createTime" min-width="100" />
|
||||||
|
<el-table-column label="更新时间" prop="updateTime" min-width="100" />
|
||||||
|
<el-table-column label="操作" width="120" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button
|
||||||
|
v-perms="['stuRegistration/edit']"
|
||||||
|
type="primary"
|
||||||
|
link
|
||||||
|
@click="handleEdit(row)"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-perms="['stuRegistration/del']"
|
||||||
|
type="danger"
|
||||||
|
link
|
||||||
|
@click="handleDelete(row.id)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="flex justify-end mt-4">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup name="stuRegistration">
|
||||||
|
import {
|
||||||
|
stuRegistrationAdmissionLists,
|
||||||
|
stuRegistrationDelete,
|
||||||
|
stuRegistrationEnrollmentLists,
|
||||||
|
stuRegistrationLists,
|
||||||
|
stuRegistrationPaymentLists,
|
||||||
|
stuRegistrationRegistrationLists
|
||||||
|
} from '@/api/stuRegistration'
|
||||||
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
|
import useUserStore from '@/stores/modules/user'
|
||||||
|
import feedback from '@/utils/feedback'
|
||||||
|
|
||||||
|
import EditPopup from './edit.vue'
|
||||||
|
const userStore = useUserStore()
|
||||||
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
|
const showEdit = ref(false)
|
||||||
|
const queryParams = reactive({
|
||||||
|
userId: '',
|
||||||
|
baseInfoId: '',
|
||||||
|
applicationNumber: '',
|
||||||
|
invitationCode: '',
|
||||||
|
intendedCollegeId: '',
|
||||||
|
intendedMajorId: '',
|
||||||
|
admissionStatus: '',
|
||||||
|
paymentStatus: '',
|
||||||
|
registrationStatus: '',
|
||||||
|
approvalStatus: '',
|
||||||
|
approvedBy: '',
|
||||||
|
applicationTimeStart: '',
|
||||||
|
applicationTimeEnd: '',
|
||||||
|
admissionTimeStart: '',
|
||||||
|
admissionTimeEnd: '',
|
||||||
|
paymentTimeStart: '',
|
||||||
|
paymentTimeEnd: '',
|
||||||
|
registrationTimeStart: '',
|
||||||
|
registrationTimeEnd: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// 根据权限选择对应的 API
|
||||||
|
const getFetchFun = () => {
|
||||||
|
const { perms } = userStore
|
||||||
|
if (perms.includes('stuRegistration/list.admission')) {
|
||||||
|
return stuRegistrationAdmissionLists
|
||||||
|
} else if (perms.includes('stuRegistration/list.enrollment')) {
|
||||||
|
return stuRegistrationEnrollmentLists
|
||||||
|
} else if (perms.includes('stuRegistration/list.payment')) {
|
||||||
|
return stuRegistrationPaymentLists
|
||||||
|
} else if (perms.includes('stuRegistration/list.registration')) {
|
||||||
|
return stuRegistrationRegistrationLists
|
||||||
|
} else if (perms.includes('stuRegistration/list')) {
|
||||||
|
return stuRegistrationLists
|
||||||
|
}
|
||||||
|
// 默认返回基础列表接口
|
||||||
|
return stuRegistrationLists
|
||||||
|
}
|
||||||
|
|
||||||
|
const { pager, getLists, resetPage, resetParams } = usePaging({
|
||||||
|
fetchFun: getFetchFun(), // 使用动态选择的 API
|
||||||
|
params: queryParams
|
||||||
|
})
|
||||||
|
|
||||||
|
const handleAdd = async () => {
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('add')
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleEdit = async (data: any) => {
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('edit')
|
||||||
|
editRef.value?.getDetail(data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleDelete = async (id: number) => {
|
||||||
|
await feedback.confirm('确定要删除？')
|
||||||
|
await stuRegistrationDelete({ id })
|
||||||
|
feedback.msgSuccess('删除成功')
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
getLists()
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
.DS_Store
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
coverage
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Cypress
|
||||||
|
/cypress/videos/
|
||||||
|
/cypress/screenshots/
|
||||||
|
|
||||||
|
# Vitest
|
||||||
|
__screenshots__/
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"recommendations": ["Vue.volar"]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
# stu
|
||||||
|
|
||||||
|
This template should help get you started developing with Vue 3 in Vite.
|
||||||
|
|
||||||
|
## Recommended IDE Setup
|
||||||
|
|
||||||
|
[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
||||||
|
|
||||||
|
## Recommended Browser Setup
|
||||||
|
|
||||||
|
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
|
||||||
|
- [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
|
||||||
|
- [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
|
||||||
|
- Firefox:
|
||||||
|
- [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
|
||||||
|
- [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
|
||||||
|
|
||||||
|
## Customize configuration
|
||||||
|
|
||||||
|
See [Vite Configuration Reference](https://vite.dev/config/).
|
||||||
|
|
||||||
|
## Project Setup
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compile and Hot-Reload for Development
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
### Compile and Minify for Production
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link rel="icon" href="/favicon.ico">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Vite App</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"paths": {
|
||||||
|
"@/*": ["./src/*"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"exclude": ["node_modules", "dist"]
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,26 @@
|
||||||
|
{
|
||||||
|
"name": "stu",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"private": true,
|
||||||
|
"type": "module",
|
||||||
|
"engines": {
|
||||||
|
"node": "^20.19.0 || >=22.12.0"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"vue": "^3.5.25",
|
||||||
|
"eslint": "^8.57.0",
|
||||||
|
"eslint-plugin-simple-import-sort": "^12.1.1",
|
||||||
|
"eslint-plugin-vue": "^9.27.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@vitejs/plugin-vue": "^6.0.2",
|
||||||
|
"vite": "^7.2.4",
|
||||||
|
"element-plus": "2.5.2",
|
||||||
|
"vite-plugin-vue-devtools": "^8.0.5"
|
||||||
|
}
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
|
|
@ -0,0 +1,38 @@
|
||||||
|
<script setup>
|
||||||
|
import enrollment from './components/enrollment.vue'
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<main>
|
||||||
|
<enrollment />
|
||||||
|
</main>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
header {
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
header {
|
||||||
|
display: flex;
|
||||||
|
place-items: center;
|
||||||
|
padding-right: calc(var(--section-gap) / 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin: 0 2rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .wrapper {
|
||||||
|
display: flex;
|
||||||
|
place-items: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
/**
|
||||||
|
* @description 获取学生基本信息
|
||||||
|
* @return { Promise } 包含学生基本信息的响应
|
||||||
|
*/
|
||||||
|
export function getStudentBaseInfo() {
|
||||||
|
return $request.get({ url: '/enrollment/studentBaseInfo' })
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description 更新学生基本信息（对应"保存信息"按钮）
|
||||||
|
* @param {Object} params - 学生基本信息对象
|
||||||
|
* @return { Promise } 更新结果
|
||||||
|
*/
|
||||||
|
export function updateStudentBaseInfo(params: any) {
|
||||||
|
return $request.post({ url: '/enrollment/studentBaseInfo', params })
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description 提交报名信息（对应"提交报名"按钮）
|
||||||
|
*/
|
||||||
|
export function submitEnrollmentInfo() {
|
||||||
|
return $request.post({ url: '/enrollment/submit' })
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description 获取完整报名流程状态
|
||||||
|
* @return { Promise } 包含所有步骤状态的响应
|
||||||
|
*/
|
||||||
|
export function getEnrollmentProcessStatus() {
|
||||||
|
return $request.get({ url: '/enrollment/processStatus' })
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,86 @@
|
||||||
|
/* color palette from <https://github.com/vuejs/theme> */
|
||||||
|
:root {
|
||||||
|
--vt-c-white: #ffffff;
|
||||||
|
--vt-c-white-soft: #f8f8f8;
|
||||||
|
--vt-c-white-mute: #f2f2f2;
|
||||||
|
|
||||||
|
--vt-c-black: #181818;
|
||||||
|
--vt-c-black-soft: #222222;
|
||||||
|
--vt-c-black-mute: #282828;
|
||||||
|
|
||||||
|
--vt-c-indigo: #2c3e50;
|
||||||
|
|
||||||
|
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
||||||
|
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
||||||
|
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
||||||
|
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
||||||
|
|
||||||
|
--vt-c-text-light-1: var(--vt-c-indigo);
|
||||||
|
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
||||||
|
--vt-c-text-dark-1: var(--vt-c-white);
|
||||||
|
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* semantic color variables for this project */
|
||||||
|
:root {
|
||||||
|
--color-background: var(--vt-c-white);
|
||||||
|
--color-background-soft: var(--vt-c-white-soft);
|
||||||
|
--color-background-mute: var(--vt-c-white-mute);
|
||||||
|
|
||||||
|
--color-border: var(--vt-c-divider-light-2);
|
||||||
|
--color-border-hover: var(--vt-c-divider-light-1);
|
||||||
|
|
||||||
|
--color-heading: var(--vt-c-text-light-1);
|
||||||
|
--color-text: var(--vt-c-text-light-1);
|
||||||
|
|
||||||
|
--section-gap: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--color-background: var(--vt-c-black);
|
||||||
|
--color-background-soft: var(--vt-c-black-soft);
|
||||||
|
--color-background-mute: var(--vt-c-black-mute);
|
||||||
|
|
||||||
|
--color-border: var(--vt-c-divider-dark-2);
|
||||||
|
--color-border-hover: var(--vt-c-divider-dark-1);
|
||||||
|
|
||||||
|
--color-heading: var(--vt-c-text-dark-1);
|
||||||
|
--color-text: var(--vt-c-text-dark-2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
color: var(--color-text);
|
||||||
|
background: var(--color-background);
|
||||||
|
transition:
|
||||||
|
color 0.5s,
|
||||||
|
background-color 0.5s;
|
||||||
|
line-height: 1.6;
|
||||||
|
font-family:
|
||||||
|
Inter,
|
||||||
|
-apple-system,
|
||||||
|
BlinkMacSystemFont,
|
||||||
|
'Segoe UI',
|
||||||
|
Roboto,
|
||||||
|
Oxygen,
|
||||||
|
Ubuntu,
|
||||||
|
Cantarell,
|
||||||
|
'Fira Sans',
|
||||||
|
'Droid Sans',
|
||||||
|
'Helvetica Neue',
|
||||||
|
sans-serif;
|
||||||
|
font-size: 15px;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|
||||||
|
After Width: | Height: | Size: 276 B |
|
|
@ -0,0 +1,35 @@
|
||||||
|
@import './base.css';
|
||||||
|
|
||||||
|
#app {
|
||||||
|
max-width: 1280px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
.green {
|
||||||
|
text-decoration: none;
|
||||||
|
color: hsla(160, 100%, 37%, 1);
|
||||||
|
transition: 0.4s;
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (hover: hover) {
|
||||||
|
a:hover {
|
||||||
|
background-color: hsla(160, 100%, 37%, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1024px) {
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
place-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
padding: 0 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,600 @@
|
||||||
|
<template>
|
||||||
|
<div class="px-[30px] py-5 user-info min-h-full flex flex-col">
|
||||||
|
<div v-if="submission" class="border-b border-br pb-5">
|
||||||
|
<span class="text-2xl font-medium">注册状态</span>
|
||||||
|
</div>
|
||||||
|
<el-card
|
||||||
|
v-if="submission"
|
||||||
|
class="!border-none mb-4 flex-1"
|
||||||
|
shadow="never"
|
||||||
|
>
|
||||||
|
<div class="status-info mt-4">
|
||||||
|
<!-- 改为步骤条展示 -->
|
||||||
|
<div class="mb-6">
|
||||||
|
<div class="text-tx-secondary text-sm mb-4">状态进度</div>
|
||||||
|
<el-steps
|
||||||
|
:active="activeStep"
|
||||||
|
finish-status="success"
|
||||||
|
class="w-full"
|
||||||
|
>
|
||||||
|
<el-step
|
||||||
|
v-for="(step, index) in statusConfig.steps"
|
||||||
|
:key="index"
|
||||||
|
:title="stepTitles[index]"
|
||||||
|
:description="getStepDescription(index)"
|
||||||
|
:status="getStepStatus(index)"
|
||||||
|
/>
|
||||||
|
</el-steps>
|
||||||
|
</div>
|
||||||
|
<!-- 显示拒绝原因 -->
|
||||||
|
<div v-if="rejectionReason" class="text-danger mt-4">
|
||||||
|
<i class="el-icon-error mr-2"></i>
|
||||||
|
拒绝原因：{{ rejectionReason }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<div class="border-b border-br pb-5">
|
||||||
|
<span class="text-2xl font-medium">{{
|
||||||
|
submission ? '信息查看' : '新生报名'
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<div class="lg:flex gap-6">
|
||||||
|
<!-- 基本信息表单 -->
|
||||||
|
<el-card class="!border-none flex-1" shadow="never">
|
||||||
|
<el-form
|
||||||
|
layout="vertical"
|
||||||
|
:model="studentData.baseInfo"
|
||||||
|
class="mt-4"
|
||||||
|
>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||||
|
<el-form-item label="学生姓名">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.name"
|
||||||
|
placeholder="请输入姓名"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="性别">
|
||||||
|
<el-radio-group
|
||||||
|
v-model="studentData.baseInfo.gender"
|
||||||
|
:disabled="submission"
|
||||||
|
>
|
||||||
|
<el-radio :label="0">男</el-radio>
|
||||||
|
<el-radio :label="1">女</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="身份证号">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.idCard"
|
||||||
|
placeholder="请输入18位身份证号"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="出生日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="studentData.baseInfo.birthday"
|
||||||
|
type="datetime"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
value-format="YYYY-MM-DD"
|
||||||
|
placeholder="请输入出生日期"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="联系方式">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.phone"
|
||||||
|
placeholder="请输入手机号码"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="电子邮箱">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.email"
|
||||||
|
placeholder="请输入电子邮箱"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="籍贯">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.nativePlace"
|
||||||
|
placeholder="请输入籍贯"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="民族">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.nationality"
|
||||||
|
placeholder="请输入民族"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="政治面貌">
|
||||||
|
<el-select
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo.politicalStatus
|
||||||
|
"
|
||||||
|
clearable
|
||||||
|
:disabled="submission"
|
||||||
|
>
|
||||||
|
<el-option label="群众" :value="0" />
|
||||||
|
<el-option label="团员" :value="1" />
|
||||||
|
<el-option label="党员" :value="2" />
|
||||||
|
<el-option label="其他" :value="3" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="毕业年份">
|
||||||
|
<el-input-number
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo.graduationYear
|
||||||
|
"
|
||||||
|
placeholder="请输入毕业年份"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="毕业院校">
|
||||||
|
<el-input
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo.previousSchool
|
||||||
|
"
|
||||||
|
placeholder="请输入毕业院校"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="学校类型">
|
||||||
|
<el-select
|
||||||
|
v-model="studentData.baseInfo.schoolType"
|
||||||
|
clearable
|
||||||
|
:disabled="submission"
|
||||||
|
>
|
||||||
|
<el-option label="普通高中" :value="1" />
|
||||||
|
<el-option label="职业高中" :value="2" />
|
||||||
|
<el-option label="中专" :value="3" />
|
||||||
|
<el-option label="大专" :value="4" />
|
||||||
|
<el-option label="本科" :value="5" />
|
||||||
|
<el-option label="其他" :value="6" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="学历">
|
||||||
|
<el-select
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo
|
||||||
|
.academicQualification
|
||||||
|
"
|
||||||
|
clearable
|
||||||
|
:disabled="submission"
|
||||||
|
>
|
||||||
|
<el-option label="初中" :value="1" />
|
||||||
|
<el-option label="高中" :value="2" />
|
||||||
|
<el-option label="中专" :value="3" />
|
||||||
|
<el-option label="大专" :value="4" />
|
||||||
|
<el-option label="本科" :value="5" />
|
||||||
|
<el-option label="硕士" :value="6" />
|
||||||
|
<el-option label="博士" :value="7" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="邮政编码">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.postalCode"
|
||||||
|
placeholder="请输入邮政编码"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="家庭住址"
|
||||||
|
class="md:col-span-2"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.homeAddress"
|
||||||
|
placeholder="请输入详细家庭住址"
|
||||||
|
type="textarea"
|
||||||
|
rows="3"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="紧急联系人">
|
||||||
|
<el-input
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo.emergencyContact
|
||||||
|
"
|
||||||
|
placeholder="请输入紧急联系人姓名"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="紧急联系电话">
|
||||||
|
<el-input
|
||||||
|
v-model="
|
||||||
|
studentData.baseInfo.emergencyPhone
|
||||||
|
"
|
||||||
|
placeholder="请输入紧急联系人电话"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="与紧急联系人关系">
|
||||||
|
<el-input
|
||||||
|
v-model="studentData.baseInfo.relationship"
|
||||||
|
placeholder="请输入与紧急联系人的关系"
|
||||||
|
:disabled="submission"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<!-- 注册状态信息 -->
|
||||||
|
<el-card class="!border-none mb-4 flex-1" shadow="never">
|
||||||
|
<div v-if="!submission" class="mt-6">
|
||||||
|
<el-button type="primary" block @click="handleSave">
|
||||||
|
保存信息
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
class="ml-4"
|
||||||
|
type="success"
|
||||||
|
block
|
||||||
|
@click="handleShowConfirmDialog"
|
||||||
|
:disabled="statusConfig.steps[0].completed"
|
||||||
|
>
|
||||||
|
提交报名
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<!-- 确认弹窗 -->
|
||||||
|
<el-dialog
|
||||||
|
title="确认提交"
|
||||||
|
v-model="showConfirmDialog"
|
||||||
|
width="600px"
|
||||||
|
:before-close="handleCloseDialog"
|
||||||
|
>
|
||||||
|
<div class="mb-4 text-warning">
|
||||||
|
<i class="el-icon-warning mr-2"></i>
|
||||||
|
提交信息后不可修改，请检查后确认
|
||||||
|
</div>
|
||||||
|
<el-descriptions :column="1" border>
|
||||||
|
<el-descriptions-item label="学生姓名">{{
|
||||||
|
confirmInfo.name
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="性别">{{
|
||||||
|
confirmInfo.gender === 0 ? '男' : '女'
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="身份证号">{{
|
||||||
|
confirmInfo.idCard
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="出生日期">{{
|
||||||
|
confirmInfo.birthday
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="民族">{{
|
||||||
|
confirmInfo.nationality
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="联系方式"
|
||||||
|
>电话：{{ confirmInfo.phone }} 邮箱：{{
|
||||||
|
confirmInfo.email
|
||||||
|
}}</el-descriptions-item
|
||||||
|
>
|
||||||
|
<el-descriptions-item label="籍贯">{{
|
||||||
|
confirmInfo.nativePlace
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="政治面貌">
|
||||||
|
{{
|
||||||
|
confirmInfo.politicalStatus === 0
|
||||||
|
? '群众'
|
||||||
|
: confirmInfo.politicalStatus === 1
|
||||||
|
? '团员'
|
||||||
|
: confirmInfo.politicalStatus === 2
|
||||||
|
? '党员'
|
||||||
|
: '其他'
|
||||||
|
}}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="家庭住址">{{
|
||||||
|
confirmInfo.homeAddress
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="毕业年份">{{
|
||||||
|
confirmInfo.graduationYear
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="毕业院校">{{
|
||||||
|
confirmInfo.previousSchool
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="学校类型">
|
||||||
|
{{
|
||||||
|
confirmInfo.schoolType === 1
|
||||||
|
? '普通高中'
|
||||||
|
: confirmInfo.schoolType === 2
|
||||||
|
? '职业高中'
|
||||||
|
: confirmInfo.schoolType === 3
|
||||||
|
? '中专'
|
||||||
|
: confirmInfo.schoolType === 4
|
||||||
|
? '大专'
|
||||||
|
: confirmInfo.schoolType === 5
|
||||||
|
? '本科'
|
||||||
|
: '其他'
|
||||||
|
}}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="学历">
|
||||||
|
{{
|
||||||
|
confirmInfo.academicQualification === 1
|
||||||
|
? '初中'
|
||||||
|
: confirmInfo.academicQualification === 2
|
||||||
|
? '高中'
|
||||||
|
: confirmInfo.academicQualification === 3
|
||||||
|
? '中专'
|
||||||
|
: confirmInfo.academicQualification === 4
|
||||||
|
? '大专'
|
||||||
|
: confirmInfo.academicQualification === 5
|
||||||
|
? '本科'
|
||||||
|
: confirmInfo.academicQualification === 6
|
||||||
|
? '硕士'
|
||||||
|
: '博士'
|
||||||
|
}}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="邮政编码">{{
|
||||||
|
confirmInfo.postalCode
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="紧急联系人">{{
|
||||||
|
confirmInfo.emergencyContact
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="紧急联系电话">{{
|
||||||
|
confirmInfo.emergencyPhone
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="与紧急联系人关系">{{
|
||||||
|
confirmInfo.relationship
|
||||||
|
}}</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="handleCloseDialog">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleConfirmSubmit">
|
||||||
|
确认提交
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script lang="ts" setup>
|
||||||
|
import { reactive, computed, onMounted, ref } from 'vue'
|
||||||
|
import { ElButton, ElMessage } from 'element-plus'
|
||||||
|
import {
|
||||||
|
getStudentBaseInfo,
|
||||||
|
updateStudentBaseInfo,
|
||||||
|
getEnrollmentProcessStatus,
|
||||||
|
submitEnrollmentInfo
|
||||||
|
} from '@/api/enrollment'
|
||||||
|
|
||||||
|
// 步骤标题与后端状态对应
|
||||||
|
const stepTitles = ['报名', '材料审核', '录取', '缴费']
|
||||||
|
const showConfirmDialog = ref(false)
|
||||||
|
const submission = ref(false) // 提交状态
|
||||||
|
const rejectionReason = ref('') // 拒绝原因
|
||||||
|
const confirmInfo = ref({
|
||||||
|
name: '',
|
||||||
|
gender: 0,
|
||||||
|
idCard: '',
|
||||||
|
birthday: '',
|
||||||
|
nationality: '',
|
||||||
|
phone: '',
|
||||||
|
email: '',
|
||||||
|
homeAddress: '',
|
||||||
|
nativePlace: '',
|
||||||
|
politicalStatus: 0,
|
||||||
|
previousSchool: '',
|
||||||
|
schoolType: null,
|
||||||
|
academicQualification: null,
|
||||||
|
postalCode: '',
|
||||||
|
graduationYear: 2025,
|
||||||
|
emergencyContact: '',
|
||||||
|
emergencyPhone: '',
|
||||||
|
relationship: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// 学生信息数据
|
||||||
|
const studentData = reactive({
|
||||||
|
baseInfo: {
|
||||||
|
id: '',
|
||||||
|
name: '',
|
||||||
|
gender: 0,
|
||||||
|
idCard: '',
|
||||||
|
birthday: '',
|
||||||
|
nationality: '',
|
||||||
|
phone: '',
|
||||||
|
email: '',
|
||||||
|
homeAddress: '',
|
||||||
|
nativePlace: '',
|
||||||
|
politicalStatus: 0,
|
||||||
|
previousSchool: '',
|
||||||
|
schoolType: '',
|
||||||
|
academicQualification: '',
|
||||||
|
postalCode: '',
|
||||||
|
graduationYear: 2025,
|
||||||
|
emergencyContact: '',
|
||||||
|
emergencyPhone: '',
|
||||||
|
relationship: ''
|
||||||
|
},
|
||||||
|
additionalInfo: {
|
||||||
|
enrollYear: '',
|
||||||
|
major: '',
|
||||||
|
education: ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// 状态配置 - 与后端返回字段对应
|
||||||
|
const statusConfig = reactive({
|
||||||
|
steps: [
|
||||||
|
{ completed: false, time: 0, status: 0 }, // 报名
|
||||||
|
{ completed: false, time: 0, status: 0 }, // 材料审核
|
||||||
|
{ completed: false, time: 0, status: 0 }, // 录取
|
||||||
|
{ completed: false, time: 0, status: 0 } // 缴费
|
||||||
|
],
|
||||||
|
applicationNumber: '' // 报名编号
|
||||||
|
})
|
||||||
|
|
||||||
|
// 格式化时间戳为日期
|
||||||
|
const formatTime = (timestamp: number) => {
|
||||||
|
if (!timestamp) return ''
|
||||||
|
const date = new Date(timestamp)
|
||||||
|
return date.toLocaleDateString()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取步骤描述
|
||||||
|
const getStepDescription = (index: number) => {
|
||||||
|
const step = statusConfig.steps[index]
|
||||||
|
const timeStr = formatTime(step.time)
|
||||||
|
if (index === 0) {
|
||||||
|
return step.completed ? `已完成${timeStr}` : '状态异常'
|
||||||
|
} else if (index === 1) {
|
||||||
|
if (step.status === 0) return '待审核'
|
||||||
|
if (step.status === 1) return `审核通过 ${timeStr}`
|
||||||
|
if (step.status === 2) return `审核不通过 ${timeStr}`
|
||||||
|
} else if (index === 2) {
|
||||||
|
if (step.status === 0) return '待审核'
|
||||||
|
if (step.status === 1) return `已录取 ${timeStr}`
|
||||||
|
if (step.status === 2) return `未录取 ${timeStr}`
|
||||||
|
} else if (index === 3) {
|
||||||
|
if (step.status === 0) return '未缴费'
|
||||||
|
if (step.status === 1) return `已缴费 ${timeStr}`
|
||||||
|
}
|
||||||
|
return ''
|
||||||
|
}
|
||||||
|
|
||||||
|
// 显示确认弹窗并加载信息
|
||||||
|
const handleShowConfirmDialog = async () => {
|
||||||
|
try {
|
||||||
|
const info = await getStudentBaseInfo()
|
||||||
|
confirmInfo.value = info
|
||||||
|
showConfirmDialog.value = true
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error('获取信息失败，请稍后重试')
|
||||||
|
console.error('获取确认信息失败：', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭弹窗
|
||||||
|
const handleCloseDialog = () => {
|
||||||
|
showConfirmDialog.value = false
|
||||||
|
}
|
||||||
|
|
||||||
|
// 确认提交
|
||||||
|
const handleConfirmSubmit = async () => {
|
||||||
|
try {
|
||||||
|
await submitEnrollmentInfo()
|
||||||
|
showConfirmDialog.value = false
|
||||||
|
// 刷新状态
|
||||||
|
await loadProcessStatus()
|
||||||
|
submission.value = true
|
||||||
|
ElMessage.success('报名提交成功')
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error('报名提交失败，请稍后重试')
|
||||||
|
console.error('提交报名信息失败：', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 加载流程状态
|
||||||
|
const loadProcessStatus = async () => {
|
||||||
|
try {
|
||||||
|
const statusRes = await getEnrollmentProcessStatus()
|
||||||
|
if (statusRes) {
|
||||||
|
submission.value = true
|
||||||
|
// 保存报名编号
|
||||||
|
statusConfig.applicationNumber = statusRes.applicationNumber || ''
|
||||||
|
// 处理拒绝原因
|
||||||
|
rejectionReason.value = statusRes.rejectionReason || ''
|
||||||
|
// 映射状态到步骤
|
||||||
|
// 步骤1: 报名
|
||||||
|
statusConfig.steps[0] = {
|
||||||
|
completed: statusRes.applicationNumber,
|
||||||
|
time: statusRes.applicationTime,
|
||||||
|
status: statusRes.applicationTime > 0 ? 1 : 0
|
||||||
|
}
|
||||||
|
// 步骤2: 材料审核
|
||||||
|
statusConfig.steps[1] = {
|
||||||
|
completed: statusRes.approvalStatus === 1,
|
||||||
|
time: statusRes.applicationTime,
|
||||||
|
status: statusRes.approvalStatus
|
||||||
|
}
|
||||||
|
// 步骤3: 录取
|
||||||
|
statusConfig.steps[2] = {
|
||||||
|
completed: statusRes.admissionStatus === 1,
|
||||||
|
time: statusRes.admissionTime,
|
||||||
|
status: statusRes.admissionStatus
|
||||||
|
}
|
||||||
|
// 步骤4: 缴费入学
|
||||||
|
statusConfig.steps[3] = {
|
||||||
|
completed: statusRes.paymentStatus === 1,
|
||||||
|
time: statusRes.paymentTime,
|
||||||
|
status: statusRes.paymentStatus
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('刷新状态失败：', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 动态推导当前激活的步骤
|
||||||
|
const activeStep = computed(() => {
|
||||||
|
// 检查是否有步骤被拒绝
|
||||||
|
if (
|
||||||
|
statusConfig.steps[1].status === 2 ||
|
||||||
|
statusConfig.steps[2].status === 2
|
||||||
|
) {
|
||||||
|
return statusConfig.steps[1].status === 2 ? 1 : 2
|
||||||
|
}
|
||||||
|
|
||||||
|
const count = completedStepCount.value
|
||||||
|
// 如果所有步骤都完成，激活最后一步；否则激活下一个待完成的步骤
|
||||||
|
return count >= statusConfig.steps.length
|
||||||
|
? statusConfig.steps.length - 1
|
||||||
|
: count
|
||||||
|
})
|
||||||
|
|
||||||
|
// 获取步骤状态
|
||||||
|
const getStepStatus = (index: number) => {
|
||||||
|
// 已完成步骤
|
||||||
|
if (statusConfig.steps[index].completed) {
|
||||||
|
return 'finish'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 被拒绝的步骤
|
||||||
|
if (
|
||||||
|
(index === 1 && statusConfig.steps[index].status === 2) ||
|
||||||
|
(index === 2 && statusConfig.steps[index].status === 2)
|
||||||
|
) {
|
||||||
|
return 'error'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 当前激活步骤
|
||||||
|
return index === activeStep.value ? 'process' : 'wait'
|
||||||
|
}
|
||||||
|
|
||||||
|
// 计算已完成的步骤数量
|
||||||
|
const completedStepCount = computed(() => {
|
||||||
|
return statusConfig.steps.filter((step) => step.completed).length
|
||||||
|
})
|
||||||
|
|
||||||
|
// 保存信息
|
||||||
|
const handleSave = async () => {
|
||||||
|
try {
|
||||||
|
await updateStudentBaseInfo(studentData.baseInfo)
|
||||||
|
ElMessage.success('信息保存成功')
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error('保存失败，请稍后重试')
|
||||||
|
console.error('更新信息失败：', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 页面挂载时加载数据
|
||||||
|
onMounted(async () => {
|
||||||
|
try {
|
||||||
|
// 1. 加载学生基本信息
|
||||||
|
const studentInfoRes = await getStudentBaseInfo()
|
||||||
|
Object.assign(studentData.baseInfo, studentInfoRes)
|
||||||
|
if (studentInfoRes.id) {
|
||||||
|
studentData.baseInfo.id = studentInfoRes.id
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. 加载报名流程状态
|
||||||
|
await loadProcessStatus()
|
||||||
|
} catch (error) {
|
||||||
|
ElMessage.error('数据加载失败，请稍后重试')
|
||||||
|
console.error('获取初始数据失败：', error)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
import './assets/main.css'
|
||||||
|
|
||||||
|
import { createApp } from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
|
||||||
|
createApp(App).mount('#app')
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
import { fileURLToPath, URL } from 'node:url'
|
||||||
|
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import vue from '@vitejs/plugin-vue'
|
||||||
|
import vueDevTools from 'vite-plugin-vue-devtools'
|
||||||
|
|
||||||
|
// https://vite.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [
|
||||||
|
vue(),
|
||||||
|
vueDevTools(),
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
'@': fileURLToPath(new URL('./src', import.meta.url))
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue