From 39ed203f696698a7470d959c8c369fb5b29806c2 Mon Sep 17 00:00:00 2001
From: mcoo <26184088+mcoo@users.noreply.github.com>
Date: Thu, 4 Jul 2024 20:51:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=A4=87=E4=BB=BD=E5=A4=B1=E8=B4=A5?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E7=BB=9F=E4=B8=80=E9=80=86=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index.vue | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 29422fe..fee0133 100644
--- a/src/pages/index.vue
+++ b/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 + '失败 :('"