Merge branch 'v_porcess' of http://gitlab.ldxinyong.com/enterpriseManagement/digitization-ui into v_porcess
This commit is contained in:
xiongchengqiang
commit
ba38a2490f
@ -2,149 +2,203 @@
|
||||
<template>
|
||||
<div class="performance">
|
||||
<SmallNav v-if="!isNoRouter" />
|
||||
<div v-if="isNoRouter"
|
||||
style="margin:20px 0;"
|
||||
class="commonFont">我的绩效</div>
|
||||
<div
|
||||
v-if="isNoRouter"
|
||||
style="margin:20px 0;"
|
||||
class="commonFont"
|
||||
>我的绩效</div>
|
||||
<div class="performance-content boderAndRadius">
|
||||
<div v-if="isNoRouter"
|
||||
class="isNoRouter commonFont">
|
||||
<el-cascader style="width:210px;"
|
||||
v-if="isNoRouter"
|
||||
:key="key"
|
||||
v-model="startId"
|
||||
size="mini"
|
||||
:props="props"
|
||||
:options="timeOptions"
|
||||
@change="handleChange"></el-cascader>
|
||||
<div
|
||||
v-if="isNoRouter"
|
||||
class="isNoRouter commonFont"
|
||||
>
|
||||
<el-cascader
|
||||
style="width:210px;"
|
||||
v-if="isNoRouter"
|
||||
:key="key"
|
||||
v-model="startId"
|
||||
size="mini"
|
||||
:props="props"
|
||||
:options="timeOptions"
|
||||
@change="handleChange"
|
||||
></el-cascader>
|
||||
</div>
|
||||
|
||||
<div v-if="!isNoList"
|
||||
class="performance-content-title">
|
||||
<div
|
||||
v-if="!isNoList"
|
||||
class="performance-content-title"
|
||||
>
|
||||
<InfoHeader :obj="{
|
||||
src:obj.avatar || '',
|
||||
name:obj.staffName,
|
||||
departmentName:obj.departmentName
|
||||
}" />
|
||||
<div class="performance-content-title-right">
|
||||
<UseButton :obj='obj'
|
||||
:resultRecordId='resultRecordId'
|
||||
v-if="isShow && !tableInfo.result && !tableInfo.score && obj.recortModelDtos.length !==0"
|
||||
:formList='formList'
|
||||
:tableInfo.sync='tableInfo' />
|
||||
<UseButton
|
||||
:obj='obj'
|
||||
:resultRecordId='resultRecordId'
|
||||
v-if="isShow && !tableInfo.result && !tableInfo.score && obj.recortModelDtos.length !==0"
|
||||
:formList='formList'
|
||||
:tableInfo.sync='tableInfo'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isNoList"
|
||||
class="performance-content-center">
|
||||
<div class="performance-content-center-item commonFont"
|
||||
:class="{
|
||||
<div
|
||||
v-if="!isNoList"
|
||||
class="performance-content-center"
|
||||
>
|
||||
<div
|
||||
class="performance-content-center-item commonFont"
|
||||
:class="{
|
||||
active:i.isActive,
|
||||
right:true,
|
||||
left:index !==0
|
||||
}"
|
||||
v-for="(i,index) in formList.flowRecordList"
|
||||
:key="index">
|
||||
<el-tooltip v-if="i.flowName !== '执行中'"
|
||||
class="item"
|
||||
effect="dark"
|
||||
:content="(index >= (formList.flowRecordList.length-1))?i.flowName:i.flowName +' : '+i.staffName"
|
||||
placement="top">
|
||||
v-for="(i,index) in formList.flowRecordList"
|
||||
:key="index"
|
||||
>
|
||||
<el-tooltip
|
||||
v-if="i.flowName !== '执行中'"
|
||||
class="item"
|
||||
effect="dark"
|
||||
:content="(index >= (formList.flowRecordList.length-1))?i.flowName:i.flowName +' : '+i.staffName"
|
||||
placement="top"
|
||||
>
|
||||
<div>
|
||||
{{index+1}}.{{i.flowName}} <span v-if="index !== (formList.flowRecordList.length-1)">:{{i.staffName}}
|
||||
<i v-if="i.isGou && !i.isActive"
|
||||
style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
|
||||
class="el-icon-check"></i></span>
|
||||
<i v-if="index !== formList.flowRecordList.length-1"
|
||||
style="cursor: pointer;"
|
||||
@click="handleRight(i)"
|
||||
class="el-icon-video-pause"></i>
|
||||
<i
|
||||
v-if="i.isGou && !i.isActive"
|
||||
style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
|
||||
class="el-icon-check"
|
||||
></i></span>
|
||||
<i
|
||||
v-if="index !== formList.flowRecordList.length-1"
|
||||
style="cursor: pointer;"
|
||||
@click="handleRight(i)"
|
||||
class="el-icon-video-pause"
|
||||
></i>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
<el-tooltip v-if="i.flowName === '执行中'"
|
||||
class="item"
|
||||
effect="dark"
|
||||
placement="top">
|
||||
<el-tooltip
|
||||
v-if="i.flowName === '执行中'"
|
||||
class="item"
|
||||
effect="dark"
|
||||
placement="top"
|
||||
>
|
||||
<div slot="content">执行中”是员工在目标确认后，努力达成目标的一个过程，直到管理员发起评分。<br />管理员如何发起评分：返回上级页面<考核详情>，点击"开始评分"按钮发起。</div>
|
||||
<div>
|
||||
{{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i v-if="i.isGou && !i.isActive"
|
||||
style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
|
||||
class="el-icon-check"></i>
|
||||
<i style="cursor: pointer;"
|
||||
@click="handleRight(i)"
|
||||
class="el-icon-video-pause"></i>
|
||||
{{index+1}}.{{i.flowName}}<i class="el-icon-warning-outline" />:{{i.staffName}} <i
|
||||
v-if="i.isGou && !i.isActive"
|
||||
style="color:#3ba1ff;margin:0 0 0 4px;font-weight:800;"
|
||||
class="el-icon-check"
|
||||
></i>
|
||||
<i
|
||||
style="cursor: pointer;"
|
||||
@click="handleRight(i)"
|
||||
class="el-icon-video-pause"
|
||||
></i>
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isNoList"
|
||||
class="performance-content-bottom">
|
||||
<tables :resultRecordId='String(resultRecordId)'
|
||||
:tableAuth='formList.auth'
|
||||
:tableInfo.sync='tableInfo'
|
||||
v-if="obj.recortModelDtos.length !==0"
|
||||
:obj='obj' />
|
||||
<div
|
||||
v-if="!isNoList"
|
||||
class="performance-content-bottom"
|
||||
>
|
||||
<tables
|
||||
:resultRecordId='String(resultRecordId)'
|
||||
:tableAuth='formList.auth'
|
||||
:tableInfo.sync='tableInfo'
|
||||
v-if="obj.recortModelDtos.length !==0"
|
||||
:obj='obj'
|
||||
/>
|
||||
</div>
|
||||
<div v-if="!isNoList">
|
||||
<div v-if="formList.resultCommentList.length !== 0 "
|
||||
class="performance-content-jilu">
|
||||
<div
|
||||
v-if="formList.resultCommentList.length !== 0 "
|
||||
class="performance-content-jilu"
|
||||
>
|
||||
<div class="performance-content-jilu-title commonFont">
|
||||
记录
|
||||
</div>
|
||||
<div v-for="(i) in formList.resultCommentList"
|
||||
:key="i.id"
|
||||
class="performance-content-jilu-item commonFont">
|
||||
<div
|
||||
v-for="(i) in formList.resultCommentList"
|
||||
:key="i.id"
|
||||
class="performance-content-jilu-item commonFont"
|
||||
>
|
||||
<div class="performance-content-jilu-item-time">
|
||||
{{i.gmtCreate}}
|
||||
</div>
|
||||
<div class="performance-content-jilu-item-content">
|
||||
<div class="performance-content-jilu-item-content-img">
|
||||
<InfoHeader :isShow='false'
|
||||
:obj='{src:i.avatar}' />
|
||||
<InfoHeader
|
||||
:isShow='false'
|
||||
:obj='{src:i.avatar}'
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<span>{{i.staffName}}</span><span class="mubiao">#{{i.optDesc}}#</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment"
|
||||
v-if="i.comment">
|
||||
<div
|
||||
class="comment"
|
||||
v-if="i.comment"
|
||||
>
|
||||
<pre>{{i.isShow?i.comment:(i.comment.substring(0,12)+'...')}}</pre>
|
||||
<div style="width:40px;flex-shrink:0; cursor: pointer;"
|
||||
@click="handleShow(i)">{{!!i.isShow?'收起':'展开'}}</div>
|
||||
<div
|
||||
style="width:40px;flex-shrink:0; cursor: pointer;"
|
||||
@click="handleShow(i)"
|
||||
>{{!!i.isShow?'收起':'展开'}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<popup-right v-if="right.showRight"
|
||||
@cancel='handleCancel'
|
||||
@submit="handleSubmit"
|
||||
:footer='false'
|
||||
:title="form.item.flowName">
|
||||
<div slot="content"
|
||||
class="chooseManage">
|
||||
<div class='chooseManage-item'
|
||||
:key="index"
|
||||
v-for="(i,index) in form.item.flowDetailRespList">
|
||||
<popup-right
|
||||
v-if="right.showRight"
|
||||
@cancel='handleCancel'
|
||||
@submit="handleSubmit"
|
||||
:footer='false'
|
||||
:title="form.item.flowName"
|
||||
>
|
||||
<div
|
||||
slot="content"
|
||||
class="chooseManage"
|
||||
>
|
||||
<div
|
||||
class='chooseManage-item'
|
||||
:key="index"
|
||||
v-for="(i,index) in form.item.flowDetailRespList"
|
||||
>
|
||||
<InfoHeader :obj="{
|
||||
src:i.avatar,
|
||||
name:i.staffName,
|
||||
departmentName:i.departName
|
||||
}" />
|
||||
<div class="chooseManage-item-center">
|
||||
<el-tag v-if='i.status===0'
|
||||
size="mini"
|
||||
type="warning">未确认</el-tag>
|
||||
<el-tag v-if='i.status===4'
|
||||
size="mini">已跳过</el-tag>
|
||||
<el-tag v-if='i.status===1'
|
||||
size="mini"
|
||||
type="success">已确认</el-tag>
|
||||
<el-tag
|
||||
v-if='i.status===0'
|
||||
size="mini"
|
||||
type="warning"
|
||||
>未确认</el-tag>
|
||||
<el-tag
|
||||
v-if='i.status===4'
|
||||
size="mini"
|
||||
>已跳过</el-tag>
|
||||
<el-tag
|
||||
v-if='i.status===1'
|
||||
size="mini"
|
||||
type="success"
|
||||
>已确认</el-tag>
|
||||
</div>
|
||||
<div>
|
||||
<UseButton :resultRecordId='resultRecordId'
|
||||
:info='i'
|
||||
:formList='formList'
|
||||
:tableInfo.sync='tableInfo' />
|
||||
<UseButton
|
||||
:resultRecordId='resultRecordId'
|
||||
:info='i'
|
||||
:formList='formList'
|
||||
:tableInfo.sync='tableInfo'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user