|
|
@@ -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: {
|
luoyali