From 7e7424b2662e5b27dcc1c0d37f43e909e0b15ee1 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期四, 02 十一月 2023 16:47:38 +0800
Subject: [PATCH] feat: 轮询plc/设备/调整集群状态组件/title组件加图标
---
src/views/dashboard/components/DashboardTitle.vue | 23 ++++++++++++++---------
1 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/src/views/dashboard/components/DashboardTitle.vue b/src/views/dashboard/components/DashboardTitle.vue
index d52b218..6d2ba02 100644
--- a/src/views/dashboard/components/DashboardTitle.vue
+++ b/src/views/dashboard/components/DashboardTitle.vue
@@ -7,7 +7,15 @@
<AlertLightIcon></AlertLightIcon>
</el-icon>
</div>
- <div class="connection-status"></div>
+ <div class="cloud-connection-status">
+ <el-icon size="45" color="#ff0000">
+ <IconCloudOff></IconCloudOff>
+ </el-icon>
+
+ <el-icon size="45" color="#00ff00">
+ <IconCloudDone></IconCloudDone>
+ </el-icon>
+ </div>
</div>
</div>
@@ -18,12 +26,8 @@
import { ref } from 'vue'
import { useDevicesStore } from '@/stores/devices'
import TroubleTrackerModal from '@/views/dashboard/components/TroubleTrackerModal.vue'
-
-export interface DashBoardTitleProps {
- // deviceInfo: Devices
-}
-
-const props = defineProps<DashBoardTitleProps>()
+import IconCloudDone from '~icons/material-symbols-light/cloud-done-outline'
+import IconCloudOff from '~icons/material-symbols-light/cloud-off-outline'
const showModal = ref(false)
@@ -32,8 +36,6 @@
}
const deviceStore = useDevicesStore()
-
-deviceStore.getDevicesInfo()
</script>
<style scoped lang="scss">
@@ -48,11 +50,14 @@
font-weight: 700;
}
.title-status {
+ display: flex;
+ align-items: center;
position: absolute;
top: 16px;
right: 40px;
}
.connection-info {
+ margin-right: 10px;
cursor: pointer;
}
</style>
--
Gitblit v1.8.0