zlwuandCursor
8793fa07cc
Land Token-based SCSS modules, menu/biz mocks, reusable shell components, and home plus list/detail/form/comps template pages aligned with the Vant Weapp UI demo. Co-authored-by: Cursor <cursoragent@cursor.com>
45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
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>
|