feat: timeline时间线

src/views/approve/pendingClaim/detail.vue

@@ -41,15 +41,11 @@
 				<div class="area-divider"></div>
 
 				<!--审批流-->
-				<el-steps direction="vertical" :active="1">
-					<el-step>
-						<template #icon>
-							<el-avatar size="16"> 艾斯 </el-avatar>
-						</template>
-						<template #title>title</template>
-						<template #description>description</template>
-					</el-step>
-				</el-steps>
+				<el-timeline>
+					<el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp">
+						{{ activity.content }}
+					</el-timeline-item>
+				</el-timeline>
 			</div>
 			<div class="flow-actions">
 				<el-button :icon="ChatLineSquare">评论</el-button>
@@ -59,10 +55,24 @@
 </template>
 
 <script setup>
-import { computed, nextTick, ref } from 'vue'
-import { ChatLineSquare, UserFilled } from '@element-plus/icons-vue'
+import { computed, ref } from 'vue'
+import { ChatLineSquare } from '@element-plus/icons-vue'
 
 const direction = ref('rtl')
+const activities = [
+	{
+		content: 'Event start',
+		timestamp: '2018-04-15'
+	},
+	{
+		content: 'Approved',
+		timestamp: '2018-04-13'
+	},
+	{
+		content: 'Success',
+		timestamp: '2018-04-11'
+	}
+]
 
 const myProps = defineProps({
 	modelValue: {