fix:备份失败日志统一逆序

Author: mcoo

src/pages/index.vue

@@ -96,19 +96,27 @@
 			>
 				<n-spin class="min-h-40 w-full"> </n-spin>
 			</div>
-
-			<div v-for="(topItem, i) in uptime_data.monitors" :key="i" class="w-full">
-				<div>{{ i }}</div>
-				<div
-					class="mt-2 border border-gray-200 rounded-lg bg-white px-6 shadow dark:border-gray-700 dark:bg-gray-800"
-				>
-					<div class="w-full divide-y divide-dashed">
-						<ul v-for="(item, j) in topItem" :key="j" class="w-full">
-							<StatusItem :rtl="info_data?.rtl" :data="item"></StatusItem>
-						</ul>
+			<n-tabs type="segment" animated class="overflow-hidden rounded-lg">
+				<n-tab-pane name="chap1" tab="Uptimerobot">
+					<div
+						v-for="(topItem, i) in uptime_data.monitors"
+						:key="i"
+						class="w-full"
+					>
+						<div>{{ i }}</div>
+						<div
+							class="mt-2 border border-gray-200 rounded-lg bg-white px-6 shadow dark:border-gray-700 dark:bg-gray-800"
+						>
+							<div class="w-full divide-y divide-dashed">
+								<ul v-for="(item, j) in topItem" :key="j" class="w-full">
+									<StatusItem :rtl="info_data?.rtl" :data="item"></StatusItem>
+								</ul>
+							</div>
+						</div>
 					</div>
-				</div>
-			</div>
+				</n-tab-pane>
+				<n-tab-pane name="chap2" tab="自建uptime-kuma"> </n-tab-pane>
+			</n-tabs>
 		</div>
 		<div class="col-span-12 flex flex-col gap-2 overflow-hidden md:col-span-4">
 			<AboutMe
@@ -154,7 +162,7 @@
 				<n-spin v-show="backup_loading" class="min-h-40 w-full"></n-spin>
 				<n-timeline>
 					<n-timeline-item
-						v-for="(item, key) in backup_data?.errors"
+						v-for="(item, key) in backup_data?.errors?.reverse()"
 						:key="key"
 						type="error"
 						:title="item.name + '失败 :('"