[update] 修改流程人员信息已经结束的流程查看时,左侧小图标都是灰色
This commit is contained in:
@@ -1,11 +1,12 @@
|
||||
<template>
|
||||
<div class="person-comp-box">
|
||||
<a-steps direction="vertical">
|
||||
<!-- 没有currentNode说明流程已经结束了,图标和线都显示已经走过的样式 -->
|
||||
<a-step v-for="(step, index) in stepsData" :key="step.id" :status="step.nodeName === currentNode ? 'process' : 'wait'"
|
||||
:class="{'red-tail': index < currentNodeIndex}">
|
||||
:class="{'red-tail': currentNode ? index < currentNodeIndex : true}">
|
||||
<template #icon>
|
||||
<div class="step-cus-icon"
|
||||
:class="{'step-cus-icon-done': index < currentNodeIndex, 'step-cus-icon-now': index === currentNodeIndex}">
|
||||
:class="{'step-cus-icon-done': currentNode ? index < currentNodeIndex : true, 'step-cus-icon-now': index === currentNodeIndex}">
|
||||
<i class="iconfont icon-user" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user