From bb1a2a686cce84a9784fcd1e0076e41c41594116 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Wed, 02 Apr 2025 11:52:15 +0800
Subject: [PATCH] feat: 机巢聚合60%
---
src/views/Home/useUavHome/MapPopUpBox.vue | 31 ++++++++++++++-----------------
1 files changed, 14 insertions(+), 17 deletions(-)
diff --git a/src/views/Home/useUavHome/MapPopUpBox.vue b/src/views/Home/useUavHome/MapPopUpBox.vue
index c49c4df..6af857b 100644
--- a/src/views/Home/useUavHome/MapPopUpBox.vue
+++ b/src/views/Home/useUavHome/MapPopUpBox.vue
@@ -1,22 +1,9 @@
-<script setup>
-import { Close } from '@element-plus/icons-vue';
-
-const list = [
- { name: '执行中', value: '1', color: '#FFA768' },
- { name: '在线', value: '20', color: '#8EFFAC' },
- { name: '离线', value: '14', color: '#FFFFFF' },
- { name: '异常', value: '25', color: '#FF6262' },
-];
-
-const props = defineProps(['data', 'removeLabel']);
-</script>
-
<template>
<div class="mapPopUpBox">
<div class="header">
<div class="headerLeft">
<img class="header-image" src="../../../assets/images/home/mapPopUpBox/titleImg.png" alt="" />
- <div class="header-title">安义县机场</div>
+ <div class="header-title">{{props.data.region_name}}</div>
</div>
<el-icon class="header-close" @click="props.removeLabel">
<Close />
@@ -25,11 +12,11 @@
<div class="info">
<div class="info-item">
机巢数：
- <div class="num">10</div>
+ <div class="num">{{props.data.device_num}}</div>
</div>
<div class="info-item">
任务数：
- <div class="num">32</div>
+ <div class="num">{{props.data.jobNum}}</div>
</div>
</div>
<div class="status-title">机巢状态</div>
@@ -41,7 +28,17 @@
</div>
</div>
</template>
+<script setup>
+import { Close } from '@element-plus/icons-vue';
+const props = defineProps(['data', 'removeLabel']);
+const list = [
+ { name: '空闲中', value: props.data.ex_num || 0, color: '#FFA768' },
+ { name: '作业', value:props.data.leisure_num || 0, color: '#8EFFAC' },
+ { name: '离线中', value: props.data.offline_num || 0, color: '#FFFFFF' },
+];
+
+</script>
<style scoped lang="scss">
.mapPopUpBox {
width: 418px;
@@ -135,7 +132,7 @@
.status-list {
display: flex;
- justify-content: space-between;
+ justify-content: space-evenly;
align-items: center;
.status-item {
--
Gitblit v1.9.3