From 47d1afbef56b7a0dd9a554ab98fc81a4f307c373 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Thu, 23 Nov 2023 10:13:20 +0800
Subject: [PATCH] add component StateDot

---
 frontend/src/components/StateDot.vue | 34 ++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 frontend/src/components/StateDot.vue

diff --git a/frontend/src/components/StateDot.vue b/frontend/src/components/StateDot.vue
new file mode 100644
index 0000000..9a6f5d2
--- /dev/null
+++ b/frontend/src/components/StateDot.vue
@@ -0,0 +1,34 @@
+<template>
+    <div>
+        <span class="status-dot" style="background: rgb(82, 196, 26)"></span>
+        <span>
+            {{ stateText }}
+        </span>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+
+const props = defineProps({
+    state: {
+        type: Number,
+        default: 1,
+    }
+})
+
+const stateText = computed(() => {
+    return props.state == 1 ? '在线' : props.state == 3 ? '未分配' : '离线'
+})
+
+</script>
+<style scoped lang="scss">
+.status-dot {
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    vertical-align: middle;
+    border-radius: 50%;
+}
+</style>
\ No newline at end of file
-- 
Gitee