| 1 | <template> |
| 2 | <n-timeline> |
| 3 | <n-timeline-item type="success" title="Start" :time="formatDateTime(flow.start_time)" /> |
| 4 | <n-timeline-item |
| 5 | v-if="flow.create_time" |
| 6 | title="Create" |
| 7 | :time="formatDateTime(flow.create_time)" |
| 8 | line-type="dashed" |
| 9 | /> |
| 10 | <n-timeline-item v-if="flow.active_time" title="Active" :time="formatDateTime(flow.active_time)" /> |
| 11 | </n-timeline> |
| 12 | </template> |
| 13 | |
| 14 | <script setup lang="ts"> |
| 15 | import type { FlowResult } from "@/types/flow.d" |
| 16 | import { NTimeline, NTimelineItem } from "naive-ui" |
| 17 | import { useSettingsStore } from "@/stores/settings" |
| 18 | import { formatDate } from "@/utils/format" |
| 19 | |
| 20 | const { flow } = defineProps<{ flow: FlowResult }>() |
| 21 | |
| 22 | const dFormats = useSettingsStore().dateFormat |
| 23 | |
| 24 | function formatDateTime(timestamp: number): string { |
| 25 | return formatDate(timestamp, dFormats.datetimesec).toString() |
| 26 | } |
| 27 | </script> |