feat: 机巢聚合60%

罗广辉

2025-04-02 bb1a2a686cce84a9784fcd1e0076e41c41594116

 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 {