DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/components/learun-app/workflow-timeline.vue

<template>
  <view class="progress">
    <l-timeline title="当前">
      <l-timeline-item v-if="currentTask && currentTask.F_IsFinished" contentStyle="padding:10px" color="blue">
        <text class="text-blod">结束</text>
      </l-timeline-item>

      <l-timeline-item
        v-for="processItem of processList"
        :key="processItem.F_Id"
        contentStyle="padding:10px 13px"
        color="grey"
      >
        <view
          v-if="processItem.F_NodeName"
          style="font-size: 1.2em;padding-bottom:2px;margin-bottom: 6px;border-bottom: solid 1px #fff;"
        >
          {{ processItem.F_NodeName }}
        </view>
        <view>
          <text class="text-bold">{{ processItem.F_CreateUserName || '「系统」' }}</text>
          ： {{ processItem.F_OperationName }}
        </view>
        <view v-if="processItem.F_Des">
          <text class="text-bold">审批意见</text>
          ： {{ processItem.F_Des }}
        </view>
        <view style="font-size: 0.8em;margin-top:3px">{{ processItem.F_CreateDate }}</view>
      </l-timeline-item>

      <l-timeline-item contentStyle="padding:10px" color="green"><text class="text-blod">起步</text></l-timeline-item>
    </l-timeline>
  </view>
</template>

<script>
export default {
  name: 'l-workflow-timeline',

  props: {
    processList: { default: () => [] }
  }
}
</script>