RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
guochunsi
2026-01-22 19:12:09 +08:00
parent dd9295b5fe
commit 3df513ae10
3 changed files with 220 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
src/views/recruit/recruitstudentsignup/detaiform.vue
View File

@@ -6,15 +6,14 @@
append-to-body
width="90%"
>
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef"
label-width="120px">
<el-form :model="dataForm" :rules="dataRule" ref="dataFormRef" label-width="120px">
<el-tabs v-model="activeTab">
<el-tab-pane label="基本信息" name="basic">
<!-- 基本信息 -->
<div class="form-section">
<div class="section-title">基本信息</div>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="6">
<el-form-item label="招生计划" prop="groupId">
<el-select v-model="dataForm.groupId" filterable :disabled="dataForm.id !== ''"
@@ -106,7 +105,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="6">
<el-form-item label="准考证号" prop="examRegistrationNumbers">
<el-input
@@ -160,7 +159,7 @@
<!-- 证件信息 -->
<el-row v-if="dataForm.degreeOfEducation=='1'" :gutter="20" class="form-row">
<el-row v-if="dataForm.degreeOfEducation=='1'" :gutter="20" >
<el-col :span="6">
<el-form-item label="学校归属地" prop="schoolArea">
<el-select v-model="dataForm.schoolArea" filterable placeholder="请选择学校归属地" :disabled="!isEdit" @change="changeFrom">
@@ -227,7 +226,7 @@
</el-row>
<!-- 户口所在地 -->
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="12">
<el-form-item label="户口所在地" prop="residenceProvince">
<div class="address-group">
@@ -267,7 +266,7 @@
</el-col>
</el-row>
<!-- 家庭地址 -->
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="12">
<el-form-item label="家庭地址" prop="homeAddressProvince">
<div class="address-group">
@@ -306,7 +305,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="6">
<el-form-item label="家长姓名" prop="parentName">
<el-input type="text" v-model="dataForm.parentName" :disabled="!isEdit"></el-input>
@@ -353,7 +352,7 @@
<!-- 专业信息 -->
<div class="form-section">
<div class="section-title">专业信息</div>
<el-row v-if="dataForm.id" :gutter="20" class="form-row">
<el-row v-if="dataForm.id" :gutter="20" >
<el-col :span="8">
<el-form-item label="拟报专业1" prop="wishMajorOne">
<el-select v-model="dataForm.wishMajorOne" filterable clearable placeholder="请选择专业">
@@ -391,7 +390,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="24">
<el-form-item label="录取专业" prop="confirmedMajor">
<el-select v-model="dataForm.confirmedMajor" filterable clearable placeholder="" :disabled="!isEdit" @change="changeConfirmedMajor(dataForm.confirmedMajor)">
@@ -405,7 +404,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row v-if="isEdit" :gutter="20" class="form-row">
<el-row v-if="isEdit" :gutter="20" >
<el-col :span="8" v-if="twoMajorList.length>0">
<el-form-item label="两年制专业" prop="twoMajor" >
<el-select v-model="dataForm.twoMajor" filterable clearable placeholder="" @change="changeConfirmedMajor(dataForm.twoMajor)">
@@ -480,7 +479,7 @@
</el-col>
</el-row>
<!-- 费用信息 -->
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="8">
<el-form-item label="学费" prop="feeTuition">
<el-input-number v-model="dataForm.feeTuition" controls-position="right" :min="0" :max="999999" :step-strictly="true" disabled></el-input-number>
@@ -498,7 +497,7 @@
</el-col>
</el-row>
<!-- 其他信息 -->
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="8">
<el-form-item label="联系人" prop="contactName">
<el-select v-model="dataForm.contactName" filterable clearable placeholder="请选择联系人" :disabled="!isEdit">
@@ -524,7 +523,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="12">
<el-form-item label="既往病史" prop="pastMedicalHistory">
<el-input type="textarea" v-model="dataForm.pastMedicalHistory" placeholder="请输入既往病史" :rows="2" :disabled="!isEdit"></el-input>
@@ -540,7 +539,7 @@
</el-tab-pane>
<el-tab-pane label="附件材料" name="attachment">
<!-- 附件材料 -->
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col :span="6">
<el-form-item label="成绩单" prop="scorePhoto">
<el-upload
@@ -618,7 +617,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20" class="form-row">
<el-row :gutter="20" >
<el-col>
<el-form-item label="在常租赁合同/房产证明" prop="housePic">
<el-upload
@@ -1620,72 +1619,6 @@ defineExpose({
}
}
// 图片预览容器样式
.image-preview-container {
min-height: 120px;
width: 100%;
}
// 图片列表样式
.image-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
// 图片项样式
.image-item {
position: relative;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
&:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transform: translateY(-2px);
}
}
// 图片预览样式
.preview-image {
width: 120px;
height: 120px;
object-fit: cover;
display: block;
cursor: pointer;
transition: transform 0.3s ease;
&:hover {
transform: scale(1.1);
}
}
// 图片占位符样式
.image-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 120px;
width: 100%;
background: #f5f7fa;
border: 1px dashed #dcdfe6;
border-radius: 6px;
color: #909399;
font-size: 14px;
.el-icon {
font-size: 32px;
margin-bottom: 8px;
color: #c0c4cc;
}
span {
color: #909399;
}
}
// 总费用样式
.total-fee {
color: #f56c6c;
@@ -1695,28 +1628,17 @@ defineExpose({
// 表单布局优化
.el-form {
// 所有表单项保持默认间距
.el-form-item {
margin-bottom: 18px;
}
// 覆盖全局样式：每行的最后一个表单项也需要间距
.form-row .el-form-item:last-child {
.el-row .el-form-item:last-child {
margin-bottom: 18px !important;
}
// 只有整个表单的最后一个表单项才不需要底部间距
.form-row:last-of-type .el-form-item:last-child {
.el-row:last-of-type .el-form-item:last-child {
margin-bottom: 0 !important;
}
}
// 行布局优化
.form-row {
margin-bottom: 0;
}
// 表单模块样式
.form-section {
@@ -1738,10 +1660,6 @@ defineExpose({
padding-bottom: 12px;
border-bottom: 2px solid #e4e7ed;
}
.form-row {
margin-bottom: 0;
}
}
// 地址组样式 - 省市区紧凑排列，用分隔符连接

254
src/views/recruit/recruitstudentsignup/index.vue
View File

@@ -294,14 +294,6 @@
icon="Download"
@click="handleExport()">名单导出
</el-button>
<!-- <el-button
class="ml10"
type="primary"
plain
icon="UploadFilled"
v-auth="'recruit_send_img'"
@click="handleSendImg()">图片同步
</el-button> -->
</div>
</el-row>
@@ -637,15 +629,9 @@
<!-- 支付二维码弹窗 -->
<PayQrcodeDialog ref="payQrcodeDialogRef" @refresh="getDataList"></PayQrcodeDialog>
<!-- 延迟缴费弹窗 -->
<DelayPayTimeDialog ref="delayPayTimeDialogRef" @refresh="getDataList"></DelayPayTimeDialog>
<!-- 录取通知书弹窗 -->
<AdmissionNoticeDialog ref="admissionNoticeDialogRef" @refresh="getDataList"></AdmissionNoticeDialog>
<DormFW ref="dormFWRef"></DormFW>
<ShowMap ref="baiduMapRef"></ShowMap>
<InterviewForm ref="interviewFormRef" @refresh="getDataList"></InterviewForm>
</div>
</div>
@@ -653,7 +639,7 @@
<script setup lang="ts" name="recruitstudentsignup">
import { ref, reactive, onMounted, nextTick, defineAsyncComponent, watch } from 'vue'
import { Edit, Check, DocumentChecked, Close, Switch, Tickets, Document, Upload, Warning, User, CircleCheck, CircleClose, Clock, WarningFilled } from '@element-plus/icons-vue'
import { Edit, Check, DocumentChecked, Close, Switch, Tickets, Document, Warning, User, CircleCheck } from '@element-plus/icons-vue'
import ClickableTag from '/@/components/ClickableTag/index.vue'
import { useMessage, useMessageBox } from '/@/hooks/message'
import { BasicTableProps, useTable } from '/@/hooks/table'
@@ -661,20 +647,14 @@ import { auth } from '/@/utils/authFunction'
import axios from 'axios'
import { getList } from '/@/api/recruit/recruitstudentplangroup'
import {
delObj,
exportZip,
fetchList,
leaveSchool,
rePush as rePushApi,
yjOut,
oneClass,
oneStuNo,
tbStuWork,
sendImg,
pushCity as pushCityApi,
resetSign as resetSignApi
} from '/@/api/recruit/recruitstudentsignup'
import { getLabelValue, getLabelValueByProps, getMajorLabelWithYears } from '/@/utils/dictLabel'
import { getLabelValueByProps, getMajorLabelWithYears } from '/@/utils/dictLabel'
import { getDeptList } from "/@/api/basic/basicclass";
import { listPlanByCondition as planMajor } from "/@/api/recruit/recruitstudentplan";
import { getDictsByTypes } from "/@/api/admin/dict";
@@ -696,11 +676,8 @@ import { showLoading, hideLoading } from '/@/api/asset/loading'
const TableForm = defineAsyncComponent(() => import('./detaiform.vue'))
const MajorChange = defineAsyncComponent(() => import('./majorChange.vue'))
const Update = defineAsyncComponent(() => import('./update.vue'))
const DormFW = defineAsyncComponent(() => import('./dormFW.vue'))
const ShowMap = defineAsyncComponent(() => import('./showMap.vue'))
const InterviewForm = defineAsyncComponent(() => import('/@/views/recruit/recruitstudentsignup/interviewForm.vue'))
const PayQrcodeDialog = defineAsyncComponent(() => import('./PayQrcodeDialog.vue'))
const DelayPayTimeDialog = defineAsyncComponent(() => import('./DelayPayTimeDialog.vue'))
const AdmissionNoticeDialog = defineAsyncComponent(() => import('./AdmissionNoticeDialog.vue'))
const ActionDropdown = defineAsyncComponent(() => import('/@/components/tools/action-dropdown.vue'))
@@ -714,11 +691,8 @@ const searchFormRef = ref()
const addOrUpdateRef = ref()
const majorChangeRef = ref()
const updateRef = ref()
const dormFWRef = ref()
const baiduMapRef = ref()
const interviewFormRef = ref()
const payQrcodeDialogRef = ref()
const delayPayTimeDialogRef = ref()
const admissionNoticeDialogRef = ref()
// 搜索表单显示状态
@@ -837,51 +811,6 @@ const remoteTeacherByQuery = (query: string) => {
}
}
// 发送图片
const handleSendImg = () => {
messageBox.confirm('是否确认同步招生图片到市平台？请谨慎操作').then(() => {
return sendImg()
}).then(() => {
message.success('同步图片请求已发起,请耐心等待')
}).catch(() => {
hideLoading()
})
}
// 同步学工
const handleTbStuWork = () => {
if (dataForm.groupId == '') {
message.warning('招生计划不能为空')
return
}
messageBox.confirm('是否确认同步学工？请谨慎操作').then(() => {
showLoading()
return tbStuWork(dataForm)
}).then(() => {
hideLoading()
message.success('同步完成')
}).catch(() => {
hideLoading()
})
}
// 一键分配班级和学号
const handleOneClassAndStuNo = () => {
if (dataForm.groupId == '') {
message.warning('招生计划不能为空')
return
}
messageBox.confirm('是否确认一键分配班级和学号？请谨慎操作').then(() => {
showLoading()
return Promise.all([oneClass(dataForm), oneStuNo(dataForm)])
}).then(() => {
hideLoading()
message.success('分配完成')
}).catch(() => {
hideLoading()
})
}
// 下载zip
const downZip = () => {
if (dataForm.groupId == '') {
@@ -905,45 +834,6 @@ const downZip = () => {
})
}
// 百度地图
const baiduMap = (row: any) => {
// 组件内部通过 v-model="visible" 控制显示
nextTick(() => {
baiduMapRef.value?.init(row)
})
}
// 设置宿舍
const setDormFW = () => {
// 组件内部通过 v-model="visible" 控制显示
nextTick(() => {
dormFWRef.value?.init()
})
}
// 一键判断是否超出住宿范围
const handleYjOut = () => {
if (dataForm.groupId == '') {
message.warning('招生计划不能为空')
return
}
messageBox.confirm('是否确认一键判断是否超出住宿范围？请谨慎操作').then(() => {
return yjOut({ groupId: dataForm.groupId })
}).then(() => {
message.success('操作成功')
getDataList()
})
}
// 导出审核
const handleExportAudit = (type: number) => {
if (dataForm.groupId == '') {
message.warning('招生计划不能为空')
return
}
downFile(type)
}
// 导出Excel
const exportExcel = (form: any, url: string) => {
return axios({
@@ -957,23 +847,6 @@ const exportExcel = (form: any, url: string) => {
})
}
// 导出文件
const downFile = (type: number) => {
dataForm.type = String(type)
exportExcel(dataForm, '/recruit/recruitstudentsignup/exportExcel').then(res => {
const blob = new Blob([res.data])
const fileName = type == 1 ? '延迟缴费名单导出.xlsx' : '超时缴费名单导出.xlsx'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'none'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {})
}
// 导出
const handleExport = () => {
if (dataForm.groupId == '') {
@@ -992,11 +865,6 @@ const handleExport = () => {
document.body.removeChild(elink)
}).catch(() => {})
}
// 去重
const unique = (arr: any[]) => {
const rese = new Map()
return arr.filter((item) => !rese.has(item.username) && rese.set(item.username, 1))
}
// 切换专业
const chanMajor = () => {
@@ -1091,18 +959,11 @@ const handlePushCity = (id: string) => {
// 重新推送
const handleRePush = (row: any) => {
// messageBox.confirm('是否确认重新推送本条数据？请谨慎操作').then(() => {
// return rePushApi({ id: row.id })
// }).then(() => {
// message.success('推送成功')
// getDataList()
// })
}
// 延迟缴费
const delayPayTimeSet = (row: any) => {
nextTick(() => {
delayPayTimeDialogRef.value?.init(row)
messageBox.confirm('是否确认重新推送本条数据？请谨慎操作').then(() => {
return rePushApi({ id: row.id })
}).then(() => {
message.success('推送成功')
getDataList()
})
}
@@ -1289,14 +1150,6 @@ onMounted(() => {
.major-icon {
color: var(--el-color-primary);
font-size: 14px;
flex-shrink: 0;
}
.major-text {
color: #303133;
font-weight: 500;
font-size: 13px;
}
}
@@ -1305,14 +1158,6 @@ onMounted(() => {
font-size: 13px;
}
// 面试结果样式
.interview-cell {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
}
// 面试详情弹窗样式
.interview-detail-popover {
.detail-title {
@@ -1539,89 +1384,4 @@ onMounted(() => {
}
}
}
// 旧样式保留（如果其他地方还在使用）
.material-check-cell {
display: flex;
flex-direction: column;
gap: 8px;
padding: 4px 0;
.check-item {
display: flex;
align-items: flex-start;
gap: 6px;
line-height: 1.5;
.check-label {
color: #606266;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
}
:deep(.el-tag) {
display: inline-flex;
align-items: center;
vertical-align: middle;
gap: 4px;
line-height: 1;
.tag-icon {
font-size: 12px;
vertical-align: middle;
}
}
}
.material-status {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 6px;
align-items: center;
.material-tag {
margin: 0;
flex-shrink: 0;
}
.no-upload-text {
color: #67c23a;
font-size: 12px;
white-space: nowrap;
}
}
.check-remark {
margin-top: 4px;
.remark-content {
display: flex;
align-items: flex-start;
gap: 4px;
flex: 1;
.remark-icon {
color: #f56c6c;
font-size: 14px;
flex-shrink: 0;
margin-top: 2px;
}
.remark-text {
color: #f56c6c;
font-size: 12px;
line-height: 1.5;
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
}
}
}
</style>

234
src/views/recruit/recruitstudentsignupturnover/index.vue
View File

@@ -1,20 +1,3 @@
<!--
- Copyright (c) 2018-2025, cyweb All rights reserved.
-
- Redistribution and use in source and binary forms, with or without
- modification, are permitted provided that the following conditions are met:
-
- Redistributions of source code must retain the above copyright notice,
- this list of conditions and the following disclaimer.
- Redistributions in binary form must reproduce the above copyright
- notice, this list of conditions and the following disclaimer in the
- documentation and/or other materials provided with the distribution.
- Neither the name of the pig4cloud.com developer nor the names of its
- contributors may be used to endorse or promote products derived from
- this software without specific prior written permission.
-
-->
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
@@ -60,38 +43,94 @@
:header-cell-style="tableStyle.headerCellStyle"
>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column prop="type" label="异动类型" align="center" show-overflow-tooltip>
<el-table-column prop="type" label="异动类型" width="100" align="center" show-overflow-tooltip>
<template #default="scope">
{{ getTypeLabel(scope.row.type) }}
</template>
</el-table-column>
<el-table-column prop="name" label="姓名[唯一号]" width="140" align="center" show-overflow-tooltip />
<el-table-column prop="majorChangeInfo" label="专业变更情况" align="center" show-overflow-tooltip />
<el-table-column label="代办费变更情况" align="center">
<el-table-column prop="newAgencyFee" label="新费用" align="center" show-overflow-tooltip />
<el-table-column prop="oldAgencyFee" label="旧费用" align="center" show-overflow-tooltip />
</el-table-column>
<el-table-column label="学费变更情况" align="center">
<el-table-column prop="newFeeTuition" label="新费用" align="center" show-overflow-tooltip />
<el-table-column prop="oldFeeTuition" label="旧费用" align="center" show-overflow-tooltip />
</el-table-column>
<el-table-column label="分数变更情况" align="center">
<el-table-column prop="scoreName" label="分数类型" align="center" show-overflow-tooltip />
<el-table-column prop="newCorrectedScore" label="新分值" align="center" show-overflow-tooltip />
<el-table-column prop="oldCorrectedScore" label="旧分值" align="center" show-overflow-tooltip />
</el-table-column>
<el-table-column prop="createBy" label="异动发起人" align="center" show-overflow-tooltip />
<el-table-column prop="createTime" label="异动时间" align="center" show-overflow-tooltip />
<el-table-column prop="remarks" label="备注信息" align="center" show-overflow-tooltip />
<el-table-column prop="isMajorChange" label="异动审核" width="110" align="center" show-overflow-tooltip>
<el-table-column prop="name" label="姓名[唯一号]" min-width="160" align="center" show-overflow-tooltip />
<el-table-column prop="majorChangeInfo" label="专业变更情况" min-width="180" align="center" show-overflow-tooltip />
<el-table-column label="代办费变更情况" min-width="130" align="center" show-overflow-tooltip>
<template #default="scope">
<AuditState :state="scope.row.isMajorChange" :options="auditStateOptions" />
<span class="new-fee">{{ scope.row.newAgencyFee }}</span> / <span class="old-fee">{{ scope.row.oldAgencyFee }}</span>
</template>
</el-table-column>
<el-table-column label="学费变更情况" min-width="140" align="center" show-overflow-tooltip>
<template #default="scope">
<span class="new-fee">{{ scope.row.newFeeTuition }}</span> / <span class="old-fee">{{ scope.row.oldFeeTuition }}</span>
</template>
</el-table-column>
<el-table-column label="分数变更情况" min-width="130" align="center">
<template #default="scope">
<span class="new-fee">{{ scope.row.newCorrectedScore }}</span> / <span class="old-fee">{{ scope.row.oldCorrectedScore }}</span>
</template>
</el-table-column>
<el-table-column prop="createBy" label="异动发起人" min-width="120" align="center" show-overflow-tooltip />
<el-table-column prop="createTime" label="异动时间" min-width="180" align="center" show-overflow-tooltip />
<el-table-column prop="isMajorChange" label="异动审核" min-width="110" align="center" show-overflow-tooltip>
<template #default="scope">
<template v-if="getStatusConfig(auditStateOptions, scope.row.isMajorChange)">
<!-- 有备注信息时，使用 popover 包裹 ClickableTag -->
<el-popover
v-if="scope.row.remarks"
placement="right"
:width="300"
trigger="click">
<template #reference>
<ClickableTag
:type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
:left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon">
{{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
</ClickableTag>
</template>
<!-- 弹出内容 -->
<div class="audit-detail-popover">
<div class="detail-title">异动审核详情</div>
<!-- 审核状态 -->
<div class="detail-section horizontal">
<div class="section-label">审核状态</div>
<div class="section-content">
<ClickableTag
:type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
:left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon"
:right-icon="null">
{{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
</ClickableTag>
</div>
</div>
<!-- 备注信息 -->
<div v-if="scope.row.remarks" class="detail-section">
<div class="section-label">备注信息</div>
<div class="section-content reason-content">
<el-icon class="reason-icon"><Warning /></el-icon>
<span>{{ scope.row.remarks }}</span>
</div>
</div>
</div>
</el-popover>
<!-- 没有备注信息时，直接显示 ClickableTag -->
<ClickableTag
v-else
:type="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.type || 'info'"
:left-icon="getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.icon"
:right-icon="null">
{{ getStatusConfig(auditStateOptions, scope.row.isMajorChange)?.label }}
</ClickableTag>
</template>
<!-- 无状态 -->
<span v-else class="empty-text">-</span>
</template>
</el-table-column>
<el-table-column label="操作" width="100" align="center" fixed="right">
<template #default="scope">
<el-button
v-if="permissions.recruit_recruitstudentsignupturnover_edit && scope.row.isMajorChange == '1'"
v-auth="'recruit_recruitstudentsignupturnover_edit'"
v-if="scope.row.isMajorChange == '1'"
type="primary"
link
icon="EditPen"
@@ -146,7 +185,7 @@
</template>
<script setup lang="ts" name="recruitstudentsignupturnover">
import { ref, reactive, computed, onMounted, defineAsyncComponent } from 'vue'
import { ref, reactive, computed, onMounted } from 'vue'
import { storeToRefs } from 'pinia'
import { useUserInfo } from '/@/stores/userInfo'
import { BasicTableProps, useTable } from '/@/hooks/table'
@@ -154,8 +193,8 @@ import { useMessage } from '/@/hooks/message'
import { fetchList, putObj } from '/@/api/recruit/recruitstudentsignupturnover'
import { getList } from '/@/api/recruit/recruitstudentplangroup'
import type { StateOption } from '/@/components/AuditState/index.vue'
const AuditState = defineAsyncComponent(() => import('/@/components/AuditState/index.vue'))
import ClickableTag from '/@/components/ClickableTag/index.vue'
import { Warning, Clock, CircleClose, CircleCheck } from '@element-plus/icons-vue'
// 使用 Pinia store
const userInfoStore = useUserInfo()
@@ -185,13 +224,22 @@ const majorChangeVisible = ref(false)
const planList = ref<any[]>([])
const typeList = ref([{ label: '专业变更', value: '1' }, { label: '退学', value: '2' }])
// 审核状态选项配置（用于 AuditState 组件和检索条件）
// 审核状态选项配置（用于 ClickableTag 组件和检索条件）
const auditStateOptions = ref<StateOption[]>([
{ value: '1', label: '待审核', type: 'warning', icon: 'fa-regular fa-clock', effect: 'light' },
{ value: '2', label: '驳回', type: 'danger', icon: 'fa-solid fa-circle-xmark', effect: 'dark' },
{ value: '3', label: '通过', type: 'success', icon: 'fa-solid fa-circle-check', effect: 'dark' }
{ value: '1', label: '待审核', type: 'warning', icon: Clock, effect: 'light' },
{ value: '2', label: '驳回', type: 'danger', icon: CircleClose, effect: 'dark' },
{ value: '3', label: '通过', type: 'success', icon: CircleCheck, effect: 'dark' }
])
// 获取状态配置（用于 ClickableTag）
const getStatusConfig = (statusList: any[], value: string | number) => {
const config = statusList.find(item => String(item.value) === String(value))
if (config && config.type === '') {
config.type = 'info'
}
return config || null
}
// 从 auditStateOptions 派生检索条件列表（只包含 label 和 value）
const majorChangeList = computed(() => {
return auditStateOptions.value.map(item => ({
@@ -318,5 +366,99 @@ onMounted(() => {
})
</script>
<style lang="scss" scoped>
.new-fee {
color: var(--el-color-primary);
font-weight: 500;
}
.old-fee {
text-decoration: line-through;
color: #909399;
}
.empty-text {
color: #909399;
}
// Popover详情样式
.audit-detail-popover {
.detail-title {
font-size: 14px;
font-weight: 600;
color: #303133;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #EBEEF5;
}
.detail-section {
margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
// 横向布局
&.horizontal {
display: flex;
align-items: center;
gap: 12px;
.section-label {
margin-bottom: 0;
white-space: nowrap;
}
.section-content {
flex: 1;
}
}
.section-label {
font-size: 12px;
color: #909399;
margin-bottom: 8px;
font-weight: 500;
}
.section-content {
font-size: 13px;
color: #303133;
&.reason-content {
display: flex;
align-items: flex-start;
gap: 8px;
padding: 12px;
background-color: #fef0f0;
border-radius: 4px;
border-left: 3px solid #f56c6c;
.reason-icon {
color: #f56c6c;
font-size: 16px;
flex-shrink: 0;
margin-top: 1px;
}
span {
color: #f56c6c;
line-height: 1.6;
word-break: break-all;
flex: 1;
}
}
}
:deep(.el-tag) {
.tag-icon {
font-size: 12px;
}
}
}
}
</style>
<style lang="scss" scoped>
</style>