From b4e68fecacb6fcd2ed87173f8b4d3451a2ecceb9 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 19 Jan 2026 14:46:04 +0800
Subject: [PATCH] feat:首页及历史轨迹调整
---
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue | 80 +++++++++++++++++++++++++++++----------
1 files changed, 59 insertions(+), 21 deletions(-)
diff --git a/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue b/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
index c33a208..7d7c698 100644
--- a/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
@@ -1,15 +1,3 @@
-<script setup>
-defineProps({
- data: {
- type: Object,
- required: true,
- default: () => ({})
- }
-})
-
-const emit = defineEmits(['history', 'click'])
-</script>
-
<template>
<div class="counter-card" @click="emit('click', data)">
<!-- 头部 -->
@@ -18,12 +6,12 @@
<span class="name">{{ data.name }}</span>
<span class="status">
- <span :class="data.actionType">
+ <span :class="getWorkModeType(data.workMode)">
</span>
<span>
- {{ data.actionText }}
+ {{ getWorkModeText(data.workMode) }}
</span>
</span>
</div>
@@ -38,7 +26,7 @@
</div>
<div class="col">
<span class="label">电量</span>
- {{ data.battery }}%
+ {{ data.batteryPct }}%
</div>
</div>
@@ -49,29 +37,29 @@
</div>
<div class="col">
<span class="label">俯仰角</span>
- {{ data.pitch }}°
+ {{ data.elevation }}°
</div>
</div>
<div class="row">
<div class="col">
<span class="label">状态</span>
- {{ data.statusText }}
+ {{ getStatusText(data.status) }}
</div>
<div class="col">
<span class="label">厂商</span>
- {{ data.vendor }}
+ {{ data.manufacturer }}
</div>
</div>
<div class="row">
<div class="col">
<span class="label">侦测目标</span>
- {{ data.targetCount }}台
+ {{ data.detectTargetCnt }}台
</div>
<div class="col">
<span class="label">有效范围</span>
- {{ data.range }}KM
+ {{ data.effectiveRangeKm }}KM
</div>
</div>
</div>
@@ -82,6 +70,42 @@
</div>
</div>
</template>
+
+<script setup>
+defineProps({
+ data: {
+ type: Object,
+ required: true,
+ default: () => ({})
+ }
+})
+
+const emit = defineEmits(['history', 'click'])
+
+const getStatusText = (value) => {
+ if (value === 0 || value === '0') return '在线'
+ if (value === 1 || value === '1') return '离线'
+ if (value === 2 || value === '2') return '故障'
+ if (value === 3 || value === '3') return '报废'
+ return value || '-'
+}
+
+const getWorkModeText = (value) => {
+ if (value === 1 || value === '1') return '侦测中'
+ if (value === 2 || value === '2') return '信号干扰中'
+ if (value === 3 || value === '3') return '诱导驱离中'
+ if (value === 4 || value === '4') return '待机'
+ return value || '-'
+}
+
+const getWorkModeType = (value) => {
+ if (value === 1 || value === '1') return 'detecting'
+ if (value === 2 || value === '2') return 'jamming'
+ if (value === 3 || value === '3') return 'driving'
+ if (value === 4 || value === '4') return 'standby'
+ return ''
+}
+</script>
<style scoped lang="scss">
.counter-card {
@@ -150,6 +174,20 @@
background: #FF4444;
border-radius: 50%;
}
+
+ span.driving {
+ width: 4px;
+ height: 4px;
+ background: #FFB020;
+ border-radius: 50%;
+ }
+
+ span.standby {
+ width: 4px;
+ height: 4px;
+ background: #9AA4B2;
+ border-radius: 50%;
+ }
}
}
}
@@ -196,4 +234,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3