zkxw/mobile-h5/components/FlowTimeline.vue

<template>
  <view class="flow-list">
    <view
      v-for="(log, idx) in logs"
      :key="idx"
      class="flow-item"
      :class="log.tone"
    >
      <view class="flow-rail">
        <view class="flow-dot">
          <van-icon :name="log.icon || 'checked'" />
        </view>
      </view>
      <view class="flow-card">
        <view class="flow-top">
          <view class="flow-title">{{ log.title }}</view>
          <text class="flow-badge">{{
            log.badge || (log.tone === 'warn' ? '进行中' : '已完成')
          }}</text>
        </view>
        <view class="flow-desc">{{ log.desc }}</view>
        <view class="flow-meta">
          <view v-if="log.actor" class="chip">
            <van-icon name="manager-o" />
            {{ log.actor }}
          </view>
          <view class="chip">
            <van-icon name="clock-o" />
            {{ log.time }}
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name: 'FlowTimeline',
    props: {
      logs: { type: Array, default: () => [] }
    }
  }
</script>