From fca2bbc00dabbfea007c0f208650e6909da712c1 Mon Sep 17 00:00:00 2001
From: 祖安之光 <11848914+light-of-zuan@user.noreply.gitee.com>
Date: Mon, 08 Jun 2026 10:15:12 +0800
Subject: [PATCH] 修改登录页面，添加弹窗
---
src/views/safetyReview/expertManage/fillForm/index.vue | 146 ++++++++++++++++++++++++++++++++----------------
1 files changed, 98 insertions(+), 48 deletions(-)
diff --git a/src/views/safetyReview/expertManage/fillForm/index.vue b/src/views/safetyReview/expertManage/fillForm/index.vue
index 17f0edb..08e2539 100644
--- a/src/views/safetyReview/expertManage/fillForm/index.vue
+++ b/src/views/safetyReview/expertManage/fillForm/index.vue
@@ -23,6 +23,7 @@
<el-cascader
style="width: 100%"
clearable
+ :disabled="state.findDept"
v-model="state.form.deptId"
:options="state.deptList"
:props="{ expandTrigger: 'hover', value: 'deptId',label: 'deptName',emitPath: false}"></el-cascader>
@@ -84,19 +85,39 @@
<el-row>
<el-col :span="20">
<el-form-item label="职称或资质证明材料" prop="evidence">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'著作')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.evidenceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'证明')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'著作')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.evidenceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'证明')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'证明')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-row>
+ <el-col :span="20">
+ <el-form-item label="学历证明" prop="academicCertificate">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post"
+ :disabled="state.disable"
+ :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'学历')"
+ :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='5'
+ v-model:file-list="state.academicCertificateList" list-type="picture-card" :before-upload="picSize"
+ :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'学历')"
+ :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'学历')">
+ <el-icon>
+ <Plus/>
+ </el-icon>
+ <template #tip>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ </template>
+ </el-upload>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
<el-col :span="20">
<el-form-item label="2寸免冠证件照">
- <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'证件照')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='1' v-model:file-list="state.fileList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'证件照')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'证件照')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='1' v-model:file-list="state.fileList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'证件照')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'证件照')">
<el-icon><Plus /></el-icon>
<template #tip>
<div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传1张</div>
@@ -238,10 +259,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="工作简历" prop="resumeKey">
- <el-upload accept=".pdf" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'简历')" :on-exceed="showTip" :limit='8' v-model:file-list="state.resumeList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'简历')" :before-remove="beforeRemove">
+ <el-upload accept=".pdf" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'简历')" :on-exceed="showTip" :limit='8' v-model:file-list="state.resumeList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'简历')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'简历')">
<el-button type="primary">点击上传</el-button>
<template #tip>
- <div class="el-upload__tip">上传pdf格式文件尺寸小于5M,最多可上传5份</div>
+ <div class="el-upload__tip">上传pdf格式文件尺寸小于5M,最多可上传8份</div>
</template>
</el-upload>
</el-form-item>
@@ -250,10 +271,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="发明、著作、学术论文情况（何时、何地出版或发表）">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'著作')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.inventionList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'著作')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'著作')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.inventionList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'著作')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'著作')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
@@ -262,10 +283,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="受过何种奖励">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'奖励')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.rewardList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'奖励')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'奖励')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.rewardList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'奖励')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'奖励')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
@@ -274,10 +295,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="应急管理相关工作主要业绩及研究成果">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'研究')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.achievementList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'研究')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'研究')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.achievementList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'研究')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'研究')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
@@ -286,10 +307,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="专家本人意见" prop="recommendUnitOpinionKey">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :disabled="state.disable" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'本人')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.proAdviceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'本人')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :disabled="state.disable" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'本人')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.proAdviceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'本人')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'本人')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
@@ -298,10 +319,10 @@
<el-row>
<el-col :span="20">
<el-form-item label="推荐单位意见" prop="recommendUnitOpinionKey">
- <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :disabled="state.disable" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'单位')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.adviceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'单位')" :before-remove="beforeRemove">
+ <el-upload accept="image/*" multiple :action="state.uploadUrl" :headers="state.header" method="post" :disabled="state.disable" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile,'单位')" :on-exceed="showTip" :on-preview="handlePictureCardPreview" :limit='8' v-model:file-list="state.adviceList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'单位')" :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'单位')">
<el-icon><Plus /></el-icon>
<template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传5张</div>
+ <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传8张</div>
</template>
</el-upload>
</el-form-item>
@@ -348,6 +369,14 @@
let validateEvidence = (rule, value, callback) => {
if (state.evidenceList.length == 0) {
callback(new Error('请上传证明材料'));
+ } else {
+ callback();
+ }
+}
+
+let validateAcademicCertificate = (rule, value, callback) => {
+ if (state.academicCertificateList.length == 0) {
+ callback(new Error('请上传学历证明'));
} else {
callback();
}
@@ -422,6 +451,7 @@
supportDirectionPrevention: [],
supportDirectionEmergency: [],
evidence: '',
+ academicCertificate: '',
resumeKey: '',
paperSituationKey: '',
rewardKey: '',
@@ -431,6 +461,7 @@
remark: '',
source: 1
},
+ findDept: true,
expertsType: [],
deptList: [],
directionList: [
@@ -461,6 +492,7 @@
},
fileList: [],
evidenceList: [],
+ academicCertificateList: [],
resumeList: [],
inventionList: [],
rewardList: [],
@@ -477,6 +509,7 @@
phone:[{ required: true, validator: validatePhone, trigger: 'blur' }],
title: [{ required: true, message: '请填写职称', trigger: 'blur' }],
evidence: [{ required: true,validator: validateEvidence, trigger: 'blur' }],
+ academicCertificate: [{required: true, validator: validateAcademicCertificate, trigger: 'blur'}],
resumeKey: [{ required: true,validator: validatePass, trigger: 'blur' }],
recommendUnitOpinionKey: [{ required: true,validator: validateOneOfTwo, trigger: 'blur' }],
idCard: [{ required: true, validator: verifyId, trigger: 'blur' }],
@@ -510,12 +543,21 @@
state.form.bigClassify = null
state.form.smallClassify = null
}
+ const foundType = findNodeById(state.expertsType,value[1])
+ if(foundType.deptId){
+ state.form.deptId = foundType.deptId
+ state.findDept = true
+ }else{
+ ElMessage.warning('该专业未找到对应的业务处室，请手动选择')
+ state.form.deptId = null
+ state.findDept = false
+ }
}
const findNodeById = (data,value)=> {
for (const node of data) {
if (node.id === value) {
- return node.classifyName;
+ return node;
}
if (node.children) {
const foundNode = findNodeById(node.children, value);
@@ -570,39 +612,44 @@
})
}
}
-
- const handleRemove = (file, uploadFiles,type) => {
- if(file && file.status == 'success') {
- ElMessageBox.confirm(
- '该操作将永久删除此文件内容，是否继续？',
- '提示',
- {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning',
- })
- .then(async () => {
- let path = ''
- if (type == '证件照') {
- path = state.form.electronicPhoto
- } else {
- path = file.name
- }
- const res = await delPic({path: path})
- if (res.code == 200) {
- ElMessage({
- type: 'success',
- message: '文件已删除'
- })
- } else {
- ElMessage({
- type: 'warning',
- message: res.msg
- })
- }
- })
+const beforeRemove = (uploadFile, uploadFiles, type) => {
+ return ElMessageBox.confirm(
+ '该操作将永久删除此文件内容，是否继续？',
+ '提示',
+ {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
}
+ ).then(
+ () => true,
+ () => false
+ )
+}
+
+const handleRemove = async(file, uploadFiles, type) => {
+ if (file && file.status == 'success') {
+ let path = ''
+ if (type == '证件照') {
+ path = state.form.electronicPhoto
+ } else {
+ path = file.name
+ }
+ const res = await delPic({path: path})
+ if (res.code == 200) {
+ ElMessage({
+ type: 'success',
+ message: '文件已删除'
+ })
+ state.hasDeleteFile = true
+ } else {
+ ElMessage({
+ type: 'warning',
+ message: res.msg
+ })
+ }
}
+}
const onSubmit = async (formEl)=> {
if (!formEl) return
@@ -611,11 +658,12 @@
let data = JSON.parse(JSON.stringify(state.form))
data.bigClassify = data.profession[0]
data.smallClassify = data.profession[1]
- data.domain = findNodeById(state.expertsType,data.smallClassify)
+ data.domain = findNodeById(state.expertsType,data.smallClassify)?.classifyName
data.supportDirectionSafety = Array.isArray(data.supportDirectionSafety)?data.supportDirectionSafety.join(','):''
data.supportDirectionPrevention = Array.isArray(data.supportDirectionPrevention)?data.supportDirectionPrevention.join(','):''
data.supportDirectionEmergency = Array.isArray(data.supportDirectionEmergency)?data.supportDirectionEmergency.join(','):''
data.evidence = state.evidenceList.map(i=>i.name).join(',')
+ data.academicCertificate = state.academicCertificateList.map(i => i.name).join(',')
data.resumeKey = state.resumeList.map(i=>i.name).join(',')
data.paperSituationKey = state.inventionList.map(i=>i.name).join(',')
data.rewardKey = state.rewardList.map(i=>i.name).join(',')
@@ -655,6 +703,7 @@
supportDirectionPrevention: [],
supportDirectionEmergency: [],
evidence: '',
+ academicCertificate: '',
resumeKey: '',
paperSituationKey: '',
rewardKey: '',
@@ -666,6 +715,7 @@
}
state.fileList = []
state.evidenceList = []
+ state.academicCertificateList = []
state.resumeList = []
state.inventionList = []
state.rewardList = []
--
Gitblit v1.9.2