From 9d62ff9f239c47bf6315d1b28866e38e4e6606ca Mon Sep 17 00:00:00 2001
From: "iVampireSP.com" <im@ivampiresp.com>
Date: Thu, 16 Mar 2023 20:35:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=99=A8=E7=8A=B6=E6=80=81=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/js/components/ServerStatus.vue | 32 ++++++++++++++++++++++++
 resources/js/views/Servers/Index.vue     |  5 +++-
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/components/ServerStatus.vue

diff --git a/resources/js/components/ServerStatus.vue b/resources/js/components/ServerStatus.vue
new file mode 100644
index 0000000..23599f6
--- /dev/null
+++ b/resources/js/components/ServerStatus.vue
@@ -0,0 +1,32 @@
+<template>
+    <span v-if="status === 'up'"
+          class="text-success">
+
+            正常
+    </span>
+
+    <span v-else-if="status === 'down'"
+          class="text-danger">
+            离线
+    </span>
+
+    <span v-else-if="status === 'maintenance'"
+          class="text-warning">
+            维护
+
+    </span>
+
+</template>
+
+<script setup>
+
+
+defineProps({
+    status: {
+        type: String,
+        required: true
+    }
+})
+
+
+</script>
diff --git a/resources/js/views/Servers/Index.vue b/resources/js/views/Servers/Index.vue
index 2664975..fbea4de 100644
--- a/resources/js/views/Servers/Index.vue
+++ b/resources/js/views/Servers/Index.vue
@@ -13,7 +13,9 @@
             }" class="list-group-item list-group-item-action" aria-current="true">
                    <div class="d-flex w-100 justify-content-between">
                        <h5 class="mb-1">{{ server.name }}</h5>
-                       <small>{{ server.status }}</small>
+                       <small>
+                            <server-status :status="server.status"></server-status>
+                       </small>
                    </div>
                    <p class="mb-1">
                        <span class="badge bg-primary" v-show="server.allow_http">HTTP</span>
@@ -36,6 +38,7 @@
 <script setup>
 import {ref} from 'vue'
 import http from '../../plugins/http'
+import ServerStatus from "../../components/ServerStatus.vue";
 
 
 const servers = ref([{