From 36185b6da7383751f9bf56b427b50e075e686005 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 14 十一月 2024 11:10:19 +0800
Subject: [PATCH] 新增页面
---
/dev/null | 810 ---------------------------------------------
src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue | 134 +++++++
src/views/safetyReview/expertManage/postEvaluation/components/expertList.vue | 103 +++++
src/views/safetyReview/expertManage/evaluateRecord/components/evaluateDetail.vue | 1
src/views/safetyReview/expertManage/evaluateRecord/index.vue | 3
src/views/safetyReview/expertManage/postEvaluation/index.vue | 22
6 files changed, 252 insertions(+), 821 deletions(-)
diff --git a/src/views/safetyReview/expertManage/evaluateRecord/components/evaluateDetail.vue b/src/views/safetyReview/expertManage/evaluateRecord/components/evaluateDetail.vue
index f19b8f1..5cc296e 100644
--- a/src/views/safetyReview/expertManage/evaluateRecord/components/evaluateDetail.vue
+++ b/src/views/safetyReview/expertManage/evaluateRecord/components/evaluateDetail.vue
@@ -52,6 +52,7 @@
const emit = defineEmits(["getList"]);
const state = reactive({
form: {
+ score: null,
id: '',
label: '',
value: '',
diff --git a/src/views/safetyReview/expertManage/evaluateRecord/index.vue b/src/views/safetyReview/expertManage/evaluateRecord/index.vue
index 16b98b3..0ccff63 100644
--- a/src/views/safetyReview/expertManage/evaluateRecord/index.vue
+++ b/src/views/safetyReview/expertManage/evaluateRecord/index.vue
@@ -175,7 +175,8 @@
loading.value = false;
}
-const openDialog = (type, value) => {
+const openDialog = async (type, value) => {
+ console.log(evaluateFormRef.value,666)
evaluateFormRef.value.openDialog(type, value)
}
diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue
new file mode 100644
index 0000000..b889fed
--- /dev/null
+++ b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue
@@ -0,0 +1,134 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ :title="title"
+ width="900px"
+ :before-close="handleClose"
+ >
+ <el-form :model="state.form" inline size="default" ref="busRef" :rules="state.formRules" label-width="140px" >
+ <el-form-item label="姓名:" prop="score">
+ <el-input v-model.trim="state.form.score" readonly></el-input>
+ </el-form-item>
+ <el-form-item label="身份证号:" prop="content">
+ <el-input v-model.trim="state.form.content" readonly></el-input>
+ </el-form-item>
+ <el-form-item label="项目名称:" prop="score">
+ <el-input v-model.trim="state.form.score" readonly></el-input>
+ </el-form-item>
+ <el-form-item label="是否为专家组组长:" prop="content">
+ <el-input v-model.trim="state.form.content" readonly></el-input>
+ </el-form-item>
+ <el-form-item label="考评记录时间:" prop="content">
+ <el-input v-model.trim="state.form.content" readonly></el-input>
+ </el-form-item>
+ <el-form-item label="总计:" prop="content">
+ <el-input v-model.trim="state.form.content" readonly></el-input>
+ </el-form-item>
+ </el-form>
+ <div>
+ 请对专家表现进行评分：
+ </div>
+ <div style="width: 100%;display: flex;align-items: center;justify-content: space-between">
+ <el-button type="primary" size="default" v-preReClick>添加加分项</el-button>
+ <div>
+ 加分总计：52 分
+ </div>
+ </div>
+ <el-table :data="tableData" border style="width: 100%">
+ <el-table-column prop="name" label="加分项"/>
+ <el-table-column prop="score" label="分值" />
+ </el-table>
+ <div style="width: 100%;display: flex;align-items: center;justify-content: space-between">
+ <el-button type="primary" size="default" v-preReClick>添加扣分项</el-button>
+ <div>
+ 扣分总计：52 分
+ </div>
+ </div>
+ <el-table :data="tableData" border style="width: 100%">
+ <el-table-column prop="name" label="扣分项"/>
+ <el-table-column prop="score" label="分值" />
+ </el-table>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary" @click="handleClose" size="default" v-preReClick>确认</el-button>
+ </span>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+<script setup>
+import {reactive, ref, toRefs} from 'vue'
+import Editor from "@/components/Editor/index.vue";
+import {ElMessage} from "element-plus";
+import {addNotice} from "@/api/backManage/notice";
+import {addDict, editDict, getDictDetail} from "@/api/backManage/evaluate";
+
+const dialogVisible = ref(false);
+const title = ref("");
+const busRef = ref();
+const length = ref()
+const emit = defineEmits(["getList"]);
+const state = reactive({
+ form: {
+ id: '',
+ label: '',
+ value: '',
+ dictType: "sys_assess_type",
+ },
+ formRules:{
+ label: [{ required: true, message: '请输入类型', trigger: 'blur' }],
+ },
+
+})
+
+const openDialog = async (type, value) => {
+ length.value = value.listLength
+ title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
+ if(type === 'edit') {
+ state.form = value;
+ const param = {
+ dictId: value.id
+ }
+ const res = await getDictDetail(param);
+ if(res.code === 200){
+ state.form = res.data
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+ dialogVisible.value = true;
+}
+
+const handleClose = () => {
+ busRef.value.clearValidate();
+ reset();
+ dialogVisible.value = false;
+
+}
+const reset = () => {
+ state.form = {
+ id: '',
+ label: '',
+ value: '',
+ dictType: "sys_assess_type",
+ }
+}
+defineExpose({
+ openDialog
+});
+
+</script>
+
+<style scoped lang="scss">
+.notice{
+ :deep(.el-form .el-form-item__label) {
+ font-size: 15px;
+ }
+ .file {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+}
+</style>
diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/expertForm.vue b/src/views/safetyReview/expertManage/postEvaluation/components/expertForm.vue
deleted file mode 100644
index 5e88339..0000000
--- a/src/views/safetyReview/expertManage/postEvaluation/components/expertForm.vue
+++ /dev/null
@@ -1,810 +0,0 @@
-<template>
- <div class="notice">
- <el-dialog
- v-model="dialogVisible"
- :title="state.title"
- width="80%"
- :before-close="handleClose"
- >
- <div class="main-title">专家信息录入</div>
- <!-- <el-divider>专家信息录入</el-divider>-->
- <div class="main_form">
- <el-form :model="state.form" :rules="state.rules" ref="ruleFormRef" label-width="200px">
- <el-row>
- <el-col :span="20">
- <el-form-item label="专业类别" prop="profession">
- <el-cascader
- :disabled="state.disable"
- style="width: 100%"
- v-model="state.form.profession"
- :options="state.expertsType"
- :props="{ expandTrigger: 'hover',value: 'id',label: 'classifyName' }"
- @change="professionChange"></el-cascader>
- </el-form-item>
- </el-col>
- </el-row>
- <!-- <el-row>-->
- <!-- <el-col :span="20">-->
- <!-- <el-form-item label="填报日期" prop="date">-->
- <!-- <el-date-picker-->
- <!-- style="width: 100%"-->
- <!-- v-model="form.date"-->
- <!-- type="date"-->
- <!-- placeholder="选择日期">-->
- <!-- </el-date-picker>-->
- <!-- </el-form-item>-->
- <!-- </el-col>-->
- <!-- </el-row>-->
- <el-row>
- <el-col :span="20">
- <el-form-item label="姓名" prop="name">
- <el-input v-model="state.form.name" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="性别" prop="sex">
- <el-radio-group v-model="state.form.sex" :disabled="state.disable">
- <el-radio :label="0">男</el-radio>
- <el-radio :label="1">女</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="出生日期" prop="birthday">
- <el-date-picker
- style="width: 100%"
- v-model="state.form.birthday"
- value-format="YYYY-MM-DD 00:00:00"
- type="date"
- placeholder="选择日期" :disabled="state.disable">
- </el-date-picker>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="联系电话" prop="phone">
- <el-input v-model="state.form.phone" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="职称" prop="title">
- <!-- <el-select v-model="form.title" placeholder="请选择" style="width: 100%">-->
- <!-- <el-option-->
- <!-- v-for="item in professionalList"-->
- <!-- :key="item.value"-->
- <!-- :label="item.label"-->
- <!-- :value="item.value">-->
- <!-- </el-option>-->
- <!-- </el-select>-->
- <el-input v-model="state.form.title" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="证件照" prop="electronicPhoto">
- <el-upload accept="image/*" :action="state.uploadUrl" :headers="state.header" :disabled="state.disable" 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-icon><Plus /></el-icon>
- <template #tip>
- <div class="el-upload__tip">上传jpg/png图片尺寸小于5M,最多可上传1张</div>
- </template>
- </el-upload>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="身份证号" prop="idCard">
- <el-input v-model="state.form.idCard" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="在岗情况" prop="dutyStatus">
- <el-radio-group v-model="state.form.dutyStatus" :disabled="state.disable">
- <el-radio :label="0">在岗</el-radio>
- <el-radio :label="1">退休</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="单位全称" prop="companyName">
- <el-input v-model="state.form.companyName" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="单位地址">
- <el-input v-model="state.form.companyAddress" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="所在部门">
- <el-input v-model="state.form.deptName" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="职务">
- <el-input v-model="state.form.job" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="单位电话">
- <el-input v-model="state.form.companyTelephone" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="传真号码">
- <el-input v-model="state.form.faxNum" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="电子邮箱">
- <el-input v-model="state.form.email" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="毕业学校">
- <el-input v-model="state.form.graduationSchool" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="最高学历" prop="degree">
- <el-input v-model="state.form.degree" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="所学专业">
- <el-input v-model="state.form.speciality" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="现从事的专业及方向">
- <el-input v-model="state.form.currentProfession" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="支撑方向_安全生产" prop="supportDirectionSafety">
- <!-- <el-radio-group v-model="form.supportDirectionSafety">-->
- <!-- <el-radio v-for="item in directionList" :label="item.value" :key="item.value">{{ item.label }}</el-radio>-->
- <!-- </el-radio-group>-->
- <el-checkbox-group v-model="state.form.supportDirectionSafety" :disabled="state.disable">
- <el-checkbox v-for="item in state.directionList" :label="item.value" :key="item.value">{{ item.label }}</el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="支撑方向_防灾减灾救灾" prop="supportDirectionPrevention">
- <!-- <el-radio-group v-model="form.supportDirectionPrevention">-->
- <!-- <el-radio v-for="item in directionList" :label="item.value" :key="item.value">{{ item.label }}</el-radio>-->
- <!-- </el-radio-group>-->
- <el-checkbox-group v-model="state.form.supportDirectionPrevention" :disabled="state.disable">
- <el-checkbox v-for="item in state.directionList" :label="item.value" :key="item.value">{{ item.label }}</el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="支撑方向_应急救援" prop="supportDirectionEmergency">
- <!-- <el-radio-group v-model="form.supportDirectionEmergency">-->
- <!-- <el-radio v-for="item in directionList" :label="item.value" :key="item.value">{{ item.label }}</el-radio>-->
- <!-- </el-radio-group>-->
- <el-checkbox-group v-model="state.form.supportDirectionEmergency" :disabled="state.disable">
- <el-checkbox v-for="item in state.directionList" :label="item.value" :key="item.value">{{ item.label }}</el-checkbox>
- </el-checkbox-group>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="20">
- <el-form-item label="工作简历">
- <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.resumeList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'简历')" :before-remove="beforeRemove">
- <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="发明、著作、学术论文情况（何时、何地出版或发表）">
- <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.inventionList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'著作')" :before-remove="beforeRemove">
- <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="受过何种奖励">
- <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.rewardList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'奖励')" :before-remove="beforeRemove">
- <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="应急管理相关工作主要业绩及研究成果">
- <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.achievementList" list-type="picture-card" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles,'研究')" :before-remove="beforeRemove">
- <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="专家本人意见">
- <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-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="推荐单位意见">
- <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-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="补充说明">
- <el-input v-model="state.form.remark" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <el-dialog v-model="imgDialog">
- <img w-full :src="state.dialogImageUrl" alt="">
- </el-dialog>
- </div>
- <template #footer>
- <span class="dialog-footer" v-if="state.title == '新增' || state.title == '编辑'">
- <el-button @click="handleClose" size="default">取 消</el-button>
- <el-button type="primary" @click="onSubmit(ruleFormRef)" size="default" v-preReClick>确认</el-button>
- </span>
- <span class="dialog-footer" v-if="state.title == '评定'">
- <el-button type="danger" size="default" @click="assess(3)" v-preReClick>评定驳回</el-button>
- <el-button type="primary" @click="assess(2)" size="default" v-preReClick>评定通过</el-button>
- </span>
- </template>
- </el-dialog>
- </div>
-</template>
-<script setup>
-import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue'
-import {ElMessage, ElMessageBox} from "element-plus"
-import {verifyPhone, verifyIdCard} from "../../../../../utils/validate"
-import {addExpertInfo, getExpertTypes, getInfo, modExpertInfo, uploadFile, changeApprove} from "@/api/form"
-import {delPic} from "@/api/login"
-import { getToken } from "@/utils/auth"
-import {Base64} from "js-base64"
-const emit = defineEmits(["getList"])
-const dialogVisible = ref(false)
-const imgDialog = ref(false)
-const ruleFormRef = ref()
-var validatePass = (rule, value, callback) => {
- if (state.fileList.length == 0) {
- callback(new Error('请上传证件照'));
- } else {
- callback();
- }
-}
-let validatePhone = (rule, value, callback)=>{
- if(value === ''){
- callback(new Error('请输入手机号'))
- }else{
- if(!verifyPhone(value)){
- callback(new Error('手机号格式有误'))
- }else{
- callback()
- }
- }
-}
-let verifyId = (rule, value, callback)=>{
- if(value === ''){
- callback(new Error('请输入身份证号'))
- }else{
- if(!verifyIdCard(value)){
- callback(new Error('身份证号格式有误'))
- }else{
- callback()
- }
- }
-}
-
-const state = reactive({
- form:{
- id: null,
- name:'',
- sex:'',
- profession: [],
- bigClassify:null,
- smallClassify: null,
- birthday: '',
- phone:'',
- title: '',
- electronicPhoto: '',
- idCard: '',
- dutyStatus: null,
- companyName: '',
- companyAddress: '',
- deptName: '',
- job: '',
- companyTelephone: '',
- faxNum: '',
- email: '',
- graduationSchool: '',
- degree: '',
- speciality: '',
- currentProfession: '',
- supportDirectionSafety: [],
- supportDirectionPrevention: [],
- supportDirectionEmergency: [],
- resumeKey: '',
- paperSituationKey: '',
- rewardKey: '',
- achievementKey: '',
- personalOpinionKey: '',
- recommendUnitOpinionKey: '',
- remark: '',
- source: 2
- },
- hasDeleteFile: false,
- disable: false,
- expertsType: [],
- directionList: [
- {
- value: 1,
- label: '现场检查'
- },
- {
- value: 2,
- label: '调查评估'
- },
- {
- value: 3,
- label: '咨询服务'
- },
- {
- value: 4,
- label: '教育培训'
- },
- {
- value: 5,
- label: '其他'
- }
- ],
- uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
- header: {
- Authorization: 'Bearer ' + getToken()
- },
- fileList: [],
- resumeList: [],
- inventionList: [],
- rewardList: [],
- achievementList: [],
- proAdviceList: [],
- adviceList: [],
- dialogImageUrl: '',
- rules:{
- name:[{ required: true, message: '请填写姓名', trigger: 'blur' }],
- sex:[{ required: true, message: '请选择性别', trigger: 'blur' }],
- profession: [{ required: true, message: '请选择专业类别', trigger: 'blur' }],
- birthday: [{ required: true, message: '请选择出生日期', trigger: 'blur' }],
- phone:[{ required: true, validator: validatePhone, trigger: 'blur' }],
- title: [{ required: true, message: '请填写职称', trigger: 'blur' }],
- electronicPhoto: [{ required: true,validator: validatePass, trigger: 'blur' }],
- idCard: [{ required: true, validator: verifyId, trigger: 'blur' }],
- dutyStatus: [{ required: true, message: '请选择在岗情况', trigger: 'blur' }],
- companyName: [{ required: true, message: '请填写单位全称', trigger: 'blur' }],
- degree: [{ required: true, message: '请填写最高学历', trigger: 'blur' }]
- }
-})
-
- onMounted(()=>{
- })
-
- const openDialog = (type, value) => {
- state.title = type === 'add' ? '新增' : type ==='edit' ? '编辑' : type ==='view' ?'查看':'评定'
- getExpertsType()
- if(type == 'edit'||type=='view'||type=='assess'){
- getInfo(value.id).then((res)=>{
- if(res.code == 200){
- if(res.data) {
- const val = res.data
- for(let i in state.form) {
- if (validKey(i, val)) {
- state.form[i] = val[i]
- }
- }
- state.form.profession[0] = val.bigClassify
- state.form.profession[1] = val.smallClassify
- if(val.supportDirectionSafety){
- state.form.supportDirectionSafety = val.supportDirectionSafety.split(',').map(i=>Number(i))
- }
- if(val.supportDirectionPrevention){
- state.form.supportDirectionPrevention = val.supportDirectionPrevention.split(',').map(i=>Number(i))
- }
- if(val.supportDirectionEmergency){
- state.form.supportDirectionEmergency = val.supportDirectionEmergency.split(',').map(i=>Number(i))
- }
- state.fileList.push({
- name: state.form.electronicPhoto,
- url: import.meta.env.VITE_APP_BASE_API + '/' + state.form.electronicPhoto,
- })
- if(state.form.resumeKey !== ''){
- state.resumeList = state.form.resumeKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- if(state.form.paperSituationKey !== ''){
- state.inventionList = state.form.paperSituationKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- if(state.form.rewardKey !== ''){
- state.rewardList = state.form.rewardKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- if(state.form.achievementKey !== ''){
- state.achievementList = state.form.achievementKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- if(state.form.personalOpinionKey !== ''){
- state.proAdviceList = state.form.personalOpinionKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- if(state.form.recommendUnitOpinionKey !== ''){
- state.adviceList = state.form.recommendUnitOpinionKey.split(',').map(i=>{
- return {
- name: i,
- url: import.meta.env.VITE_APP_BASE_API + '/' + i,
- }
- })
- }
- }
- dialogVisible.value = true
- }else{
- ElMessage.warning('数据获取失败：'+res.message)
- }
- })
- if(type == 'edit'){
- state.disable = false
- }else{
- state.disable = true
- }
- }else{
- state.disable = false
- dialogVisible.value = true
- }
- }
-
- const validKey=(key,obj)=>{
- return key in obj
- }
-
- const assess = (num)=>{
- ElMessageBox.confirm(
- '确定对该专家进行此审批操作？',
- '提示',
- {
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- type: 'warning',
- })
- .then(async() => {
- const res = await changeApprove({id:state.form.id,state: num})
- if(res.code == 200){
- ElMessage({
- type: 'success',
- message: '审批成功'
- });
- emit('getList')
- dialogVisible.value = false
- }else{
- ElMessage({
- type: 'warning',
- message: res.message
- });
- }
- })
- }
-
- const getExpertsType = async ()=>{
- const res = await getExpertTypes()
- if(res.code == 200){
- state.expertsType = res.data
- }else{
- ElMessage({
- type: 'warning',
- message: res.message
- });
- }
- }
-
- const professionChange=(value)=> {
- console.log(value,'val')
- }
-
-
-
- // 图片上传
- const showTip =()=>{
- ElMessage({
- type: 'warning',
- message: '超出文件上传数量'
- });
- }
-
- const picSize = async (rawFile) => {
- if(rawFile.size / 1024 / 1024 > 5){
- ElMessage({
- type: 'warning',
- message: '文件大小不能超过5M'
- });
- return false
- }
- };
-
- const handlePictureCardPreview = (uploadFile) => {
- state.dialogImageUrl = uploadFile.url
- imgDialog.value = true;
- }
-
- const handleAvatarSuccess = (res, uploadFile,type) => {
- if(res.code == 200){
- if(type == '证件照'){
- state.form.electronicPhoto = res.data.path
- }else{
- uploadFile.name = res.data.path
- }
- }else{
- ElMessage({
- type: 'warning',
- message: '文件上传失败'
- })
- }
- }
-
- 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: '文件已删除'
- })
- state.hasDeleteFile = true
- } else {
- ElMessage({
- type: 'warning',
- message: res.message
- })
- }
- })
- }
- }
-
-const onSubmit = async (formEl)=> {
- if (!formEl) return
- await formEl.validate(async (valid, fields) => {
- if (valid) {
- if(state.form.supportDirectionSafety.length==0&&state.form.supportDirectionSafety.length==0&&state.form.supportDirectionSafety.length==0){
- ElMessage.warning('请至少选择一种支撑方向')
- return
- }
- let data = JSON.parse(JSON.stringify(state.form))
- data.supportDirectionSafety = data.supportDirectionSafety.join(',')
- data.supportDirectionPrevention = data.supportDirectionPrevention.join(',')
- data.supportDirectionEmergency = data.supportDirectionEmergency.join(',')
- data.bigClassify = data.profession[0]
- data.smallClassify = data.profession[1]
- 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(',')
- data.achievementKey = state.achievementList.map(i=>i.name).join(',')
- data.personalOpinionKey = state.proAdviceList.map(i=>i.name).join(',')
- data.recommendUnitOpinionKey = state.adviceList.map(i=>i.name).join(',')
- delete data.profession
- if(state.title == '新增'){
- delete data.id
- const res= await addExpertInfo(data)
- if(res.code == 200){
- ElMessage.success(res.message)
- state.fileList = []
- state.resumeList = []
- state.inventionList = []
- state.rewardList = []
- state.achievementList = []
- state.proAdviceList = []
- state.adviceList = []
- emit('getList')
- state.hasDeleteFile = false
- dialogVisible.value = false
- }else{
- ElMessage.warning(res.message)
- }
- }else{
- const res= await modExpertInfo(data)
- if(res.code == 200){
- ElMessage.success(res.message)
- state.fileList = []
- state.resumeList = []
- state.inventionList = []
- state.rewardList = []
- state.achievementList = []
- state.proAdviceList = []
- state.adviceList = []
- emit('getList')
- state.hasDeleteFile = false
- dialogVisible.value = false
- }else{
- ElMessage.warning(res.message)
- }
- }
- } else {
- ElMessage.warning('请完善必填信息')
- }
- })
-}
-
-const handleClose = () => {
- if(state.hasDeleteFile == false){
- ruleFormRef.value.clearValidate()
- state.form={
- id: null,
- name:'',
- sex:'',
- profession: [],
- bigClassify:null,
- smallClassify: null,
- birthday: '',
- phone:'',
- title: '',
- electronicPhoto: '',
- idCard: '',
- dutyStatus: null,
- companyName: '',
- companyAddress: '',
- deptName: '',
- job: '',
- companyTelephone: '',
- faxNum: '',
- email: '',
- graduationSchool: '',
- degree: '',
- speciality: '',
- currentProfession: '',
- supportDirectionSafety: [],
- supportDirectionPrevention: [],
- supportDirectionEmergency: [],
- resumeKey: '',
- paperSituationKey: '',
- rewardKey: '',
- achievementKey: '',
- personalOpinionKey: '',
- recommendUnitOpinionKey: '',
- remark: '',
- source: 2
- }
- state.fileList = []
- state.resumeList = []
- state.inventionList = []
- state.rewardList = []
- state.achievementList = []
- state.proAdviceList = []
- state.adviceList = []
- dialogVisible.value = false;
- }else{
- onSubmit()
- }
-}
-
-defineExpose({
- openDialog,
- getExpertsType
-})
-
-</script>
-
-<style scoped lang="scss">
-.notice{
- :deep(.el-form .el-form-item__label) {
- font-size: 15px;
- }
- .file {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- }
-}
-</style>
diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/expertList.vue b/src/views/safetyReview/expertManage/postEvaluation/components/expertList.vue
new file mode 100644
index 0000000..a5a6180
--- /dev/null
+++ b/src/views/safetyReview/expertManage/postEvaluation/components/expertList.vue
@@ -0,0 +1,103 @@
+<template>
+ <div class="notice">
+ <el-dialog
+ v-model="dialogVisible"
+ title="专家评估"
+ width="500px"
+ >
+ <el-table :data="tableData" border style="width: 100%">
+ <el-table-column type="index" width="55" align="center" />
+ <el-table-column label="姓名" align="center" prop="name" />
+ <el-table-column label="性别" align="center" prop="birthday" />
+ <el-table-column label="身份证号" align="center" prop="birthday" />
+ <el-table-column label="等级" align="center" prop="degree" />
+ <el-table-column label="专业领域" align="center">
+ <template #default="scope">
+ {{findNodeById(expertTypes,scope.row.bigClassify)}}/{{findNodeById(expertTypes,scope.row.smallClassify)}}
+ </template>
+ </el-table-column>
+ <el-table-column label="选用方式" align="center" prop="birthday" />
+ <el-table-column label="是否为组长" align="center" prop="degree" />
+ <el-table-column label="评估状态" align="center" prop="state">
+ <template #default="scope">
+ <el-tag :type="scope.row.state==0?'info':scope.row.state==1?'':scope.row.state==2?'success':scope.row.state==3?'danger':'warning'">
+ {{scope.row.state==0?'暂存':scope.row.state==1?'审核中':scope.row.state==2?'审核通过':scope.row.state==3?'审核驳回':scope.row.state==4?'已作废':'--'}}
+ </el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column label="考评总分" align="center" prop="degree" />
+ <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-button type="primary" link @click="openEvaluate('edit',scope.row)">评分</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button type="primary" @click="dialogVisible = false" size="default" v-preReClick>确认</el-button>
+ </span>
+ </template>
+ <evaluate ref="evaluateRef"></evaluate>
+ </el-dialog>
+ </div>
+</template>
+<script setup>
+import {reactive, ref, toRefs} from 'vue'
+import {ElMessage} from "element-plus";
+import Evaluate from "./evaluate";
+import {addDict, editDict, getDictDetail} from "@/api/backManage/evaluate";
+const dialogVisible = ref(false);
+const evaluateRef = ref()
+const title = ref("");
+const emit = defineEmits(["getList"]);
+const state = reactive({
+
+
+})
+
+const openDialog = async (type, value) => {
+ if(type === 'edit') {
+ state.form = value;
+ const param = {
+ dictId: value.id
+ }
+ const res = await getDictDetail(param);
+ if(res.code === 200){
+ state.form = res.data
+ }else{
+ ElMessage.warning(res.message)
+ }
+ }
+ dialogVisible.value = true;
+}
+
+const openEvaluate = ()=>{
+ // evaluateRef.value.openDialog()
+}
+
+const reset = () => {
+ state.form = {
+ id: '',
+ label: '',
+ value: '',
+ dictType: "sys_assess_type",
+ }
+}
+
+defineExpose({
+ openDialog
+})
+</script>
+
+<style scoped lang="scss">
+.notice{
+ :deep(.el-form .el-form-item__label) {
+ font-size: 15px;
+ }
+ .file {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+}
+</style>
diff --git a/src/views/safetyReview/expertManage/postEvaluation/index.vue b/src/views/safetyReview/expertManage/postEvaluation/index.vue
index 1acd943..a1f77d5 100644
--- a/src/views/safetyReview/expertManage/postEvaluation/index.vue
+++ b/src/views/safetyReview/expertManage/postEvaluation/index.vue
@@ -24,11 +24,11 @@
</el-form-item>
</el-form>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button type="primary" plain :icon="Plus" @click="openDialog('add',{})">新增</el-button>
- </el-col>
- </el-row>
+<!-- <el-row :gutter="10" class="mb8">-->
+<!-- <el-col :span="1.5">-->
+<!-- <el-button type="primary" plain :icon="Plus" @click="openAdd('add',{})">新增</el-button>-->
+<!-- </el-col>-->
+<!-- </el-row>-->
<el-table v-loading="loading" :data="expertList" :border="true">
<el-table-column type="index" width="55" align="center" />
<el-table-column label="项目名称" align="center" prop="name" />
@@ -61,14 +61,14 @@
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
- <expert-form ref="expertFormRef" @getList="getList"></expert-form>
+ <expert-list ref="expertListRef" @getList="getList"></expert-list>
</div>
</template>
<script setup>
import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
-import ExpertForm from "./components/expertForm";
+import ExpertList from "./components/expertList";
import {delExpert, getExpertsList, getExpertTypes} from "../../../../api/form";
import { Plus } from '@element-plus/icons-vue'
@@ -95,7 +95,8 @@
});
const { showSearch,total, expertTypes,expertList,queryParams,classiFy,searchTime} = toRefs(data);
-const expertFormRef = ref()
+const expertListRef = ref()
+
onMounted(()=>{
getList()
getTypes()
@@ -168,8 +169,9 @@
loading.value = false;
}
-const openDialog = (type, value) => {
- expertFormRef.value.openDialog(type, value)
+const openDialog = async (type, value) => {
+ console.log(expertListRef.value,888)
+ expertListRef.value.openDialog(type, value)
}
const handleDelete = (val) => {
--
Gitblit v1.9.2