From f377bbc65f943638c4fc86ff4f8b19024af26c3b Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Thu, 29 May 2025 17:33:10 +0800
Subject: [PATCH] feat:设备管理适配
---
src/views/device/fly.vue | 24 +++++++++++++++++++-----
1 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/src/views/device/fly.vue b/src/views/device/fly.vue
index 2ea78f2..a3a8ac8 100644
--- a/src/views/device/fly.vue
+++ b/src/views/device/fly.vue
@@ -36,19 +36,20 @@
<template #status="{ row }">
<div
v-if="row.status == true"
- style="display: flex; flex-direction: row; align-items: center"
+ class="onlineStatus"
+
>
<div
- style="width: 15px; height: 15px; background-color: #40cb8b; border-radius: 50%"
+ class="onlineStatus-dot"
></div>
<span style="margin-left: 5px">在线</span>
</div>
<div
v-if="row.status == false"
- style="display: flex; flex-direction: row; align-items: center"
+ class="onlineStatus"
>
<div
- style="width: 15px; height: 15px; background-color: #de5e5e; border-radius: 50%"
+ class="onlineStatus-dot1"
></div>
<span style="margin-left: 5px">离线</span>
</div>
@@ -524,4 +525,17 @@
};
</script>
-<style></style>
+<style lang="scss" scoped>
+.onlineStatus1 {
+display: flex; flex-direction: column; align-items: center
+}
+.onlineStatus {
+display: flex; flex-direction: row; align-items: center
+}
+.onlineStatus-dot {
+width: 15px; height: 15px; background-color: #40cb8b; border-radius: 50%
+}
+.onlineStatus-dot1 {
+width: 15px; height: 15px; background-color: #de5e5e; border-radius: 50%
+}
+</style>
--
Gitblit v1.9.3