mirror of
https://github.com/primedigitaltech/azon_seeker.git
synced 2026-01-25 00:13:17 +08:00
45 lines
999 B
Vue
45 lines
999 B
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
timelines: {
|
|
type: 'default' | 'error' | 'success' | 'warning' | 'info';
|
|
title: string;
|
|
time: string;
|
|
content: string;
|
|
}[];
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<n-card class="progress-report" title="数据获取情况">
|
|
<n-timeline v-if="timelines.length > 0">
|
|
<n-timeline-item
|
|
v-for="(item, index) in timelines.toReversed()"
|
|
:key="index"
|
|
:type="item.type"
|
|
:title="item.title"
|
|
:time="item.time"
|
|
>
|
|
<div v-for="line in item.content.split('\n')">{{ line }}</div>
|
|
</n-timeline-item>
|
|
</n-timeline>
|
|
<n-empty v-else size="large">
|
|
<template #icon>
|
|
<n-icon size="50">
|
|
<solar-cat-linear />
|
|
</n-icon>
|
|
</template>
|
|
<template #default>还未开始</template>
|
|
</n-empty>
|
|
</n-card>
|
|
</template>
|
|
|
|
<style>
|
|
.progress-report {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
</style>
|