123 lines
4.8 KiB
Vue
123 lines
4.8 KiB
Vue
<template>
|
|
<el-form label-width="120px">
|
|
<template v-if="viewInfo.zbxx.assessmentMode === 2">
|
|
<vi-title title="评议对象选择"></vi-title>
|
|
<el-row :gutter="20">
|
|
<el-col :span="12" v-if="viewInfo.zbxx.assessmentMode===2">
|
|
<el-form-item prop="evaluatedPersonName" label="被测评人姓名">
|
|
{{viewInfo.commentPeo.evaluatedPersonName}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12" v-if="viewInfo.zbxx.assessmentMode===2">
|
|
<el-form-item prop="evaluatedPersonName" label="现任职务">
|
|
{{viewInfo.commentPeo.evaluatedPersonName}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="evaluatedPersonName" label="测评结果">
|
|
{{viewInfo.commentPeo.reviewResult}}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24" v-if="viewInfo.zbxx.assessmentMode===2">
|
|
<el-form-item prop="presidentOpinions" label="意见建议">
|
|
{{viewInfo.commentPeo.presidentOpinions}}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|
|
|
|
<vi-title2 title="评议内容"></vi-title2>
|
|
<el-form-item label="" label-width="0" v-for="(nr,idx) in viewInfo.zbxx.nrs" :key="nr.id">
|
|
<el-row type="flex" align="middle" justify="space-between">
|
|
<el-input v-model="nr.content" readonly maxlength="30" style="width: 50%">
|
|
<template slot="prepend"><span>{{ idx + 1 }}</span></template>
|
|
</el-input>
|
|
</el-row>
|
|
|
|
<el-row style="margin-top: 20px">
|
|
<el-table :data="nr.bzs" style="width: 100%" border :show-summary = "viewInfo.zbxx.scoringMode !== 2 ? 'always' : false">
|
|
<el-table-column align="center" header-align="center" label="序号"
|
|
type="index"
|
|
width="100px">
|
|
<template scope="{$index,row}">
|
|
{{ row.contentNumber = $index + 1 }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="主要评比内容" disabled prop="inspection" header-align="center" align="center"></el-table-column>
|
|
<template v-if="viewInfo.zbxx.scoringMode === 1">
|
|
<el-table-column label="标准分" prop="score" header-align="center" align="center" width="250px"></el-table-column>
|
|
<el-table-column label="评议分" prop="resultScore" header-align="center" align="center" width="250px"></el-table-column>
|
|
</template>
|
|
<template v-if="viewInfo.zbxx.scoringMode === 2">
|
|
<el-table-column label="满意度" prop="resultScore" header-align="center" align="center" width="350px">
|
|
<template slot-scope="{row}">
|
|
<el-radio-group v-model="row.resultScore" size="small">
|
|
<el-radio disabled label="非常满意">非常满意</el-radio>
|
|
<el-radio disabled label="满意">满意</el-radio>
|
|
<el-radio disabled label="良好">良好</el-radio>
|
|
<el-radio disabled label="一般">一般</el-radio>
|
|
</el-radio-group>
|
|
</template>
|
|
</el-table-column>
|
|
</template>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
<div v-if="viewInfo.zbxx.scoringMode===1">
|
|
<el-divider content-position="left">简述工作情况</el-divider>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-input type="textarea" :rows="2" maxlength="300" show-word-limit readonly
|
|
v-model="nr.bzs[0].options" placeholder="请简述工作情况"></el-input>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</el-form-item>
|
|
|
|
<template v-if="viewInfo.zbxx.scoringMode === 2">
|
|
<vi-title title="简述工作情况"></vi-title>
|
|
<el-input type="textarea" :rows="2" maxlength="300" show-word-limit disabled
|
|
v-model="viewInfo.commentPeo.presidentOpinions" placeholder="请简述工作情况"></el-input>
|
|
</template>
|
|
|
|
<template v-if="viewInfo.zbxx.scoringMode === 1 && viewInfo.zbxx.reviewMode === 1">
|
|
<vi-title title="职工评家总结"></vi-title>
|
|
<file-upload v-if="viewInfo.commentPeo.files && viewInfo.commentPeo.files.length > 0" :files.sync="viewInfo.commentPeo.files" view></file-upload>
|
|
<el-empty v-else :image-size="100" description="未上传总结"></el-empty>
|
|
</template>
|
|
|
|
</el-form>
|
|
</template>
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
id: {type: String, default: ''}
|
|
},
|
|
data(){
|
|
return{
|
|
viewInfo:{
|
|
commentPeo: {},
|
|
zbxx: []
|
|
}
|
|
}
|
|
},
|
|
methods:{
|
|
async findOne(peoId){
|
|
const resp = await $.get('/platform/wakeshome/review/statistics/getBzById',{peoId:peoId})
|
|
if (resp.code === 0) {
|
|
this.viewInfo = resp.data
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.el-divider {
|
|
background-color: #1867b0;
|
|
}
|
|
|
|
.el-divider__text {
|
|
color: #1867b0;
|
|
}
|
|
</style>
|