From 1da948c1c8808077f10e3aa32fafd30939ee5c12 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 03 十二月 2024 16:37:39 +0800 Subject: [PATCH] 新增 --- src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue | 319 ++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 233 insertions(+), 86 deletions(-) diff --git a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue index 6bf903f..5bb36a7 100644 --- a/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue +++ b/src/views/safetyReview/expertManage/postEvaluation/components/evaluate.vue @@ -6,81 +6,179 @@ width="50%" :before-close="handleClose" > - <el-form :model="state.info" inline size="default" ref="busRef" label-width="140px"> - <el-form-item label="姓名:"> - <el-input v-model.trim="state.info.name" readonly></el-input> - </el-form-item> - <el-form-item label="身份证号:"> - <el-input v-model.trim="state.info.idCard" readonly></el-input> - </el-form-item> - <el-form-item label="项目名称:"> - <el-input v-model.trim="state.info.projectName" readonly></el-input> - </el-form-item> - <el-form-item label="是否为专家组组长:"> - <el-input v-model.trim="state.info.teamLeader" readonly></el-input> - </el-form-item> - <el-form-item label="考评记录时间:"> - <el-input v-model.trim="state.info.evaluateTime" readonly></el-input> - </el-form-item> - <el-form-item label="总计:"> - <el-input v-model.trim="state.info.score" readonly></el-input> - </el-form-item> + <el-form :model="state.info" size="default" ref="busRef" label-width="140px"> + <el-row> + <el-col :span="12"> + <el-form-item label="姓名"> + <el-input v-model.trim="state.info.name" readonly></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="身份证号"> + <el-input v-model.trim="state.info.idCard" readonly></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="项目名称"> + <el-input v-model.trim="state.info.projectName" readonly></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="是否为专家组组长"> + <el-input v-model.trim="state.info.teamLeader" readonly></el-input> + </el-form-item> + </el-col> + </el-row> +<!-- <el-form-item label="考评记录时间:">--> +<!-- <el-input v-model.trim="state.info.evaluateTime" readonly></el-input>--> +<!-- </el-form-item>--> +<!-- <el-form-item label="总计:">--> +<!-- <el-input v-model.trim="state.info.score" readonly></el-input>--> +<!-- </el-form-item>--> </el-form> - <div> - 请对专家表现进行评分: - </div> - <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> - <div> - <el-button type="primary" size="default" @click="openSelectList('1')" v-preReClick>添加加分项</el-button> - <el-button type="default" size="default" @click="addSelect('1')" v-preReClick>自定义加分项</el-button> + <el-form :model="state.form" ref="evaluateRef" :rules="state.formRules" label-width="140px"> + <el-divider> + 专家工作表现 + </el-divider> + <el-form-item label="职业道德方面" prop="professionalEthics"> + <el-radio-group v-model="state.form.professionalEthics" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="公正廉洁方面" prop="impartialHonest"> + <el-radio-group v-model="state.form.impartialHonest" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="综合协调组织" prop="comprehensiveCoordination"> + <el-radio-group v-model="state.form.comprehensiveCoordination" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="专业能力素养" prop="professionalAbility"> + <el-radio-group v-model="state.form.professionalAbility" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="意见表达能力" prop="expressingOpinions"> + <el-radio-group v-model="state.form.expressingOpinions" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="其他意见建议"> + <el-input v-model="state.form.others" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable"></el-input> + </el-form-item> + <el-form-item label="使用单位综合评价情况" label-width="180px" prop="comprehensiveEvaluation"> + <el-radio-group v-model="state.form.comprehensiveEvaluation" style="width: 100%" :disabled="state.disable"> + <el-radio v-for="item in state.rateList" :label="item.value">{{ item.label }}</el-radio> + </el-radio-group> + </el-form-item> + + <el-divider> + 量化评分(非必填) + </el-divider> + <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> + <div> + <el-button type="primary" size="default" @click="openSelectList('1')" v-preReClick :disabled="state.disable">添加加分项</el-button> + <el-button type="default" size="default" @click="addSelect('1')" v-preReClick :disabled="state.disable">自定义加分项</el-button> + </div> + <div style="font-size: 14px"> + 加分总计:<span style="font-weight: bolder;color: #10B981">{{addTotal}}</span> 分 + </div> </div> - <div style="font-size: 14px"> - 加分总计:<span style="font-weight: bolder;color: #10B981">{{addTotal}}</span> 分 + <el-table :data="state.addData" border style="width: 100%"> + <el-table-column prop="content" label="加分项"/> + <el-table-column prop="score" label="分值"> + <template #default="scope"> + <el-input v-model.trim="scope.row.score" type="number" :readonly="state.disable"></el-input> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> + <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,1)" :disabled="state.disable">删除</el-button> + </template> + </el-table-column> + </el-table> + <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> + <div> + <el-button type="primary" size="default" @click="openSelectList('2')" v-preReClick :disabled="state.disable">添加扣分项</el-button> + <el-button type="default" size="default" @click="addSelect('2')" v-preReClick :disabled="state.disable">自定义扣分项</el-button> + </div> + <div style="font-size: 14px"> + 扣分总计:<span style="font-weight: bolder;color: #EF4444">{{deductTotal}}</span> 分 + </div> </div> - </div> - <el-table :data="state.addData" border style="width: 100%"> - <el-table-column prop="content" label="加分项"/> - <el-table-column prop="score" label="分值"> - <template #default="scope"> - <el-input v-model.trim="scope.row.score" type="number"></el-input> - </template> - </el-table-column> - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > - <template #default="scope"> -<!-- <el-button link type="primary" @click="openDialog('edit',scope.row)">编辑</el-button>--> - <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,1)" >删除</el-button> - </template> - </el-table-column> - </el-table> - <div style="width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 25px 0 15px"> - <div> - <el-button type="primary" size="default" @click="openSelectList('2')" v-preReClick>添加扣分项</el-button> - <el-button type="default" size="default" @click="addSelect('2')" v-preReClick>自定义扣分项</el-button> + <el-table :data="state.deductData" border style="width: 100%"> + <el-table-column prop="content" label="扣分项"/> + <el-table-column prop="score" label="分值"> + <template #default="scope"> + <el-input v-model.trim="scope.row.score" type="number" :readonly="state.disable"></el-input> + </template> + </el-table-column> + <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > + <template #default="scope"> + <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,2)" :disabled="state.disable">删除</el-button> + </template> + </el-table-column> + </el-table> + <div style="margin-top: 15px">提示:如果该专家在本项目无加分项,也无扣分项,可不填。</div> + + <div style="margin: 25px 0;font-size: 14px"> + <el-form-item label="本项目考评总计" prop="score"> + <el-input v-model.trim="state.form.score" type="number" :readonly="state.disable"><template #append>分</template></el-input> + </el-form-item> </div> - <div style="font-size: 14px"> - 扣分总计:<span style="font-weight: bolder;color: #EF4444">{{deductTotal}}</span> 分 - </div> - </div> - <el-table :data="state.deductData" border style="width: 100%"> - <el-table-column prop="content" label="扣分项"/> - <el-table-column prop="score" label="分值"> - <template #default="scope"> - <el-input v-model.trim="scope.row.score" type="number"></el-input> - </template> - </el-table-column> - <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > - <template #default="scope"> - <el-button link type="danger" @click="deleteSelect(scope.row,scope.$index,2)" >删除</el-button> - </template> - </el-table-column> - </el-table> - <div style="margin: 25px 0;font-size: 14px;display: flex;justify-content: right"> - 本项目考评总计:<span style="font-weight: bolder;color: #2563EB">{{totalScore}}</span> 分 - </div> - <div>提示:如果该专家在本项目无加分项,也无扣分项,直接点击“完成评分” 即可,不做任何分数更改。</div> + <el-row> + <el-col :span="12"> + <el-form-item label="发现重大隐患" prop="majorDangers"> + <el-input v-model.trim="state.form.majorDangers" type="number" :readonly="state.disable" placeholder="请输入正整数,没有则填0"><template #append>条</template></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="一般隐患" prop="generalHazards"> + <el-input v-model.trim="state.form.generalHazards" type="number" :readonly="state.disable" placeholder="请输入正整数,没有则填0"><template #append>条</template></el-input> + </el-form-item> + </el-col> + </el-row> + <el-form-item label="内容描述"> + <el-input v-model="state.form.content" type="textarea" :autosize="{ minRows: 2}" :readonly="state.disable"></el-input> + </el-form-item> + <el-divider></el-divider> + <el-form-item label="计费标准" prop="freightBasis"> + <el-input v-model.trim="state.form.freightBasis" :readonly="state.disable"></el-input> + </el-form-item> + <el-row> + <el-col :span="12"> + <el-form-item label="计费时长" prop="billingDuration"> + <el-input v-model.trim="state.form.billingDuration" type="number" :readonly="state.disable"><template #append>小时</template></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="税后金额" prop="afterTaxAmount"> + <el-input v-model.trim="state.form.afterTaxAmount" type="number" :readonly="state.disable"><template #append>元</template></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="开户行" prop="openBank"> + <el-input v-model.trim="state.form.openBank" :readonly="state.disable"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="银行卡号" prop="bankCard"> + <el-input v-model.trim="state.form.bankCard" :readonly="state.disable"></el-input> + </el-form-item> + </el-col> + </el-row> + </el-form> <template #footer> <span class="dialog-footer"> - <el-button type="primary" @click="confirmScore" size="default" v-preReClick>完成评分</el-button> + <el-button type="primary" v-if="!state.disable" @click="confirmScore" size="default" v-preReClick>完成评分</el-button> + <el-button type="primary" v-if="state.disable" @click="handleClose" size="default" v-preReClick>确定</el-button> </span> </template> <select-list ref="selectRef" @refreshSelected="getSelected"></select-list> @@ -115,27 +213,58 @@ import {getExpertEvaDetail, projectExpertDetailSave} from '@/api/backManage/evaluate' const dialogVisible = ref(false) +const evaluateRef = ref() const busRef = ref() const addRef = ref() const selectRef = ref() const emit = defineEmits(["getList"]); const state = reactive({ title: '', + disable: false, addData: [], deductData: [], info: { name: '', idCard: '', projectName: '', - teamLeader: '', - evaluateTime: '', - score: '' + teamLeader: '' }, form: { projectExpertId: null, saveData: [], delData: [], - score: null + score: 100, + professionalEthics: null, + impartialHonest: null, + comprehensiveCoordination: null, + professionalAbility: null, + expressingOpinions: null, + others: '', + comprehensiveEvaluation: null, + majorDangers: null, + generalHazards: null, + content: '', + freightBasis: '', + billingDuration: null, + afterTaxAmount: null, + openBank: '', + bankCard: '', + }, + formRules: { + score: [{required: true, message: '请输入总分', trigger: 'blur'}], + professionalEthics: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + impartialHonest: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + comprehensiveCoordination: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + professionalAbility: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + expressingOpinions: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + comprehensiveEvaluation: [{required: true, message: '该选项不能为空', trigger: 'blur'}], + majorDangers: [{required: true, message: '请输入重大隐患数', trigger: 'blur'}], + generalHazards: [{required: true, message: '请输入一般隐患数', trigger: 'blur'}], + freightBasis: [{required: true, message: '请输入计费标准', trigger: 'blur'}], + billingDuration: [{required: true, message: '请输入计费时长', trigger: 'blur'}], + afterTaxAmount: [{required: true, message: '请输入税后金额', trigger: 'blur'}], + openBank: [{required: true, message: '请输入开户行', trigger: 'blur'}], + bankCard: [{required: true, message: '请输入卡号', trigger: 'blur'}] }, addVisible: false, addTitle: '', @@ -148,6 +277,12 @@ content: [{required: true, message: '请输入内容', trigger: 'blur'}], score: [{required: true, message: '请输入分值', trigger: 'blur'}], }, + rateList: [ + {label: '优秀',value: 1}, + {label: '合格',value: 2}, + {label: '基本合格',value: 3}, + {label: '不合格',value: 4} + ] }) const addTotal = computed(()=>{ @@ -162,24 +297,25 @@ return Number(addTotal.value) + Number(deductTotal.value) }) -const openDialog = async (value, projectName, projectCheckTime) => { +const openDialog = async (type, value, projectName, projectCheckTime) => { state.info = value state.form.projectExpertId = value.id state.info.projectName = projectName - state.info.evaluateTime = projectCheckTime state.info.teamLeader = state.info.teamLeader == 1 ? '是' : '否' - if (value.evaluationState === 1) { - state.title = '继续评分' + if (type === 'view') { + state.title = '查看' + state.disable = true const res = await getExpertEvaDetail({projectExpertId: value.id}); if(res.code == 200){ - state.addData = res.data.filter(i=>i.scoreType == '1') - state.deductData = res.data.filter(i=>i.scoreType == '2') + state.form = res.data + state.addData = res.data.expertDetails?res.data.expertDetails.filter(i=>i.scoreType == '1'):[] + state.deductData = res.data.expertDetails?res.data.expertDetails.filter(i=>i.scoreType == '2'):[] }else{ ElMessage.warning(res.msg) } - console.log(state.addData,'add') }else{ state.title = '评分' + state.disable = false } dialogVisible.value = true; } @@ -231,15 +367,28 @@ name: '', idCard: '', projectName: '', - teamLeader: '', - evaluateTime: '', - score: '' + teamLeader: '' } state.form = { projectExpertId: null, saveData: [], delData: [], - score: null + score: 100, + professionalEthics: null, + impartialHonest: null, + comprehensiveCoordination: null, + professionalAbility: null, + expressingOpinions: null, + others: '', + comprehensiveEvaluation: null, + majorDangers: null, + generalHazards: null, + content: '', + freightBasis: '', + billingDuration: null, + afterTaxAmount: null, + openBank: '', + bankCard: '', } state.addData = [] state.deductData = [] @@ -270,8 +419,6 @@ const confirmScore = async ()=>{ state.form.saveData = [...state.addData,...state.deductData] state.form.delData = state.form.delData.filter((id) => !state.form.saveData.some((item) => item.id === id)) - console.log(state.form,'form') - state.form.score = totalScore.value const res = await projectExpertDetailSave(state.form) if(res.code == 200){ ElMessage.success(res.msg) -- Gitblit v1.9.2