From 4dd6e5bffa75a1e2d57e3a66ed368e1c31f86800 Mon Sep 17 00:00:00 2001
From: JiangQiming <291854119@qq.com>
Date: Tue, 28 Mar 2023 18:59:48 +0800
Subject: [PATCH] fix: bug#11155

---
 src/views/home/components/StatusLabel.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/views/home/components/StatusLabel.vue b/src/views/home/components/StatusLabel.vue
index 59a720f6..10358762 100644
--- a/src/views/home/components/StatusLabel.vue
+++ b/src/views/home/components/StatusLabel.vue
@@ -1,8 +1,9 @@
 <template>
-    <span class="status-label-container">
+    <!-- <span class="status-label-container">
         <i class="circle" :style="{ background: bjColor }"></i>
         <span>{{ props.statusLabel }}</span>
-    </span>
+    </span> -->
+    <j-badge :text="statusLabel" :status="status" />
 </template>
 
 <script setup lang="ts">
@@ -11,14 +12,14 @@ const props = defineProps<{
     statusLabel: string;
 }>();
 
-const bjColor = computed(() => {
+const status = computed(() => {
     switch (props.statusValue) {
         case 'online':
-            return '#52c41a';
+            return 'processing';
         case 'offline':
-            return '#ff4d4f';
+            return 'error';
         case 'notActive':
-            return '#1890ff';
+            return 'warning';
     }
 });
 </script>