应急管理厅专家管理系统
祖安之光
2026-06-09 c163668a14236d1b7f33e9fc97ac16153ba2a90c
src/views/safetyReview/expertManage/applyRecords/components/expertForm.vue
@@ -35,7 +35,7 @@
                <el-cascader
                    style="width: 100%"
                    clearable
                    :disabled="state.disable"
                    :disabled="state.findDept || disable"
                    v-model="state.form.deptId"
                    :options="state.deptList"
                    :props="{ expandTrigger: 'hover', value: 'deptId',label: 'deptName',emitPath: false}"></el-cascader>
@@ -103,7 +103,27 @@
                           :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">
                           :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'证明')">
                  <el-icon>
                    <Plus/>
                  </el-icon>
                  <template #tip>
                    <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>
@@ -122,7 +142,7 @@
                           :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">
                           :before-remove="(uploadFile, uploadFiles)=>beforeRemove(uploadFile, uploadFiles,'证件照')">
                  <el-icon>
                    <Plus/>
                  </el-icon>
@@ -280,10 +300,10 @@
                           :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">
                           :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>
@@ -298,12 +318,12 @@
                           :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">
                           :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>
@@ -318,12 +338,12 @@
                           :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">
                           :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>
@@ -338,12 +358,12 @@
                           :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">
                           :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>
@@ -358,12 +378,12 @@
                           :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">
                           :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张<el-link href="/adviceTemplate.docx" type="primary" style="display: inline;margin-left: 10px;">下载模版</el-link></div>
                  </template>
                </el-upload>
              </el-form-item>
@@ -378,12 +398,12 @@
                           :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">
                           :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张<el-link href="/unitTemplate.docx" type="primary" style="display: inline;margin-left: 10px;">下载模版</el-link></div>
                  </template>
                </el-upload>
              </el-form-item>
@@ -484,7 +504,7 @@
import {getToken} from "@/utils/auth"
import {Base64} from "js-base64"
import {listOutDept} from "@/api/system/dept";
const baseUrl = import.meta.env.VITE_APP_BASE_API;
const emit = defineEmits(["getList"])
const dialogVisible = ref(false)
const imgDialog = ref(false)
@@ -502,6 +522,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();
  }
@@ -548,6 +576,7 @@
const state = reactive({
  assessDialog: false,
  findDept: true,
  form: {
    id: null,
    name: '',
@@ -578,6 +607,7 @@
    supportDirectionPrevention: [],
    supportDirectionEmergency: [],
    evidence: '',
    academicCertificate: '',
    resumeKey: '',
    paperSituationKey: '',
    rewardKey: '',
@@ -623,6 +653,7 @@
  },
  fileList: [],
  evidenceList: [],
  academicCertificateList: [],
  resumeList: [],
  inventionList: [],
  rewardList: [],
@@ -639,6 +670,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'}],
@@ -662,12 +694,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);
@@ -726,6 +767,14 @@
          }
          if (state.form.evidence !== '') {
            state.evidenceList = state.form.evidence.split(',').map(i => {
              return {
                name: i,
                url: i,
              }
            })
          }
          if (state.form.academicCertificate !== '') {
            state.academicCertificateList = state.form.academicCertificate.split(',').map(i => {
              return {
                name: i,
                url: i,
@@ -911,38 +960,42 @@
  }
}
const handleRemove = (file, uploadFiles, type) => {
  console.log(file, uploadFiles)
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') {
    ElMessageBox.confirm(
        '该操作将永久删除此文件内容,是否继续?',
        '提示',
        {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
      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
        })
        .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: '文件已删除'
            })
            state.hasDeleteFile = true
          } else {
            ElMessage({
              type: 'warning',
              message: res.msg
            })
          }
        })
      }
  }
}
@@ -953,11 +1006,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(',')
@@ -972,6 +1026,7 @@
          ElMessage.success(res.msg)
          state.fileList = []
          state.evidenceList = []
          state.academicCertificateList = []
          state.resumeList = []
          state.inventionList = []
          state.rewardList = []
@@ -990,6 +1045,7 @@
          ElMessage.success(res.msg)
          state.fileList = []
          state.evidenceList = []
          state.academicCertificateList = []
          state.resumeList = []
          state.inventionList = []
          state.rewardList = []
@@ -1062,6 +1118,7 @@
      supportDirectionPrevention: [],
      supportDirectionEmergency: [],
      evidence: '',
      academicCertificate: '',
      resumeKey: '',
      paperSituationKey: '',
      rewardKey: '',
@@ -1073,6 +1130,7 @@
    }
    state.fileList = []
    state.evidenceList = []
    state.academicCertificateList = []
    state.resumeList = []
    state.inventionList = []
    state.rewardList = []