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 |   17 ++++++++---------
 1 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/views/Home/useUavHome/MapPopUpBox.vue b/src/views/Home/useUavHome/MapPopUpBox.vue
index 6a89de9..6af857b 100644
--- a/src/views/Home/useUavHome/MapPopUpBox.vue
+++ b/src/views/Home/useUavHome/MapPopUpBox.vue
@@ -3,7 +3,7 @@
     <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 />
@@ -12,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>
@@ -31,14 +31,13 @@
 <script setup>
 import { Close } from '@element-plus/icons-vue';
 
+const props = defineProps(['data', 'removeLabel']);
 const list = [
-  { name: '执行中', value: '1', color: '#FFA768' },
-  { name: '在线', value: '20', color: '#8EFFAC' },
-  { name: '离线', value: '14', color: '#FFFFFF' },
-  { name: '异常', value: '25', color: '#FF6262' },
+  { 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' },
 ];
 
-const props = defineProps(['data', 'removeLabel']);
 </script>
 <style scoped lang="scss">
 .mapPopUpBox {
@@ -133,7 +132,7 @@
 
   .status-list {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-evenly;
     align-items: center;
 
     .status-item {

--
Gitblit v1.9.3