From 6f926717450727fe421321f1954ae5474f6ea89e Mon Sep 17 00:00:00 2001
From: ivamp <im@ivampiresp.com>
Date: Thu, 28 Mar 2024 23:50:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20=E4=BD=BF=E7=94=A8=20Table?=
 =?UTF-8?q?=20=E6=98=BE=E7=A4=BA=E8=9C=98=E8=9B=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/spiders/List.vue | 51 +++++++++++++++++++++++---------------
 1 file changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/views/spiders/List.vue b/src/views/spiders/List.vue
index df46123..91c1337 100644
--- a/src/views/spiders/List.vue
+++ b/src/views/spiders/List.vue
@@ -2,26 +2,38 @@
   <h1>蜘蛛</h1>
   <p>蜘蛛将不定期的查询网页。</p>
 
-  <v-card class="mt-3">
-    <v-list>
-      <v-list-item
-        v-for="item in spiders.Spiders"
-        :key="item.Id"
-      >
+  <v-table theme="dark" class="mt-3">
+    <thead>
+    <tr>
+      <th class="text-left">
+        名称
+      </th>
+      <th class="text-left">
+        状态
+      </th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr
+      v-for="item in spiders.Spiders"
+      :key="item.Id"
+    >
+      <td>{{ item.Name }}</td>
+      <td>
+        <span class="text-success" v-if="item.Status == 'up'">
+          <v-icon icon="mdi-check"></v-icon>
+        </span>
+        <span class="text-danger" v-else-if="item.Status == 'down'">
+          <v-icon icon="mdi-close"></v-icon>
+        </span>
+        <span class="text-warning" v-else-if="item.Status == 'unknown'">
+          <v-icon icon="mdi-help"></v-icon>
+        </span>
 
-
-        <template v-slot:append="{ isActive }">
-          <v-list-item-action end>
-            <v-btn rounded="xl" @click.stop="console.log(isActive)">
-              <v-icon>mdi-check</v-icon>
-            </v-btn>
-          </v-list-item-action>
-        </template>
-
-        <v-list-item-title>{{ item.Name }}</v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </v-card>
+      </td>
+    </tr>
+    </tbody>
+  </v-table>
 
   <div class="text-center">
     <v-container>
@@ -47,7 +59,6 @@
 import {theSpiderApi} from "@/plugins/api";
 
 
-
 const page = ref(1);
 const spiders = ref({});
 const loading = ref(false);