[update] 修改流程人员信息已经结束的流程查看时,左侧小图标都是灰色

This commit is contained in:
lideqin
2024-03-11 11:50:58 +08:00
parent 42957341a6
commit 6154541af6
+3 -2
View File
@@ -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>