From 493a27022ad30291934db825bab591c7efdcbc09 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Wed, 12 Aug 2026 16:35:45 +0800
Subject: [PATCH] feat: 保存的时候一个按钮置灰
---
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue | 65 ++++++++++++++++++++++++++------
1 files changed, 53 insertions(+), 12 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 ed08cbf..adfa1ab 100644
--- a/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
@@ -3,15 +3,18 @@
<!-- 头部 -->
<div class="header">
<div class="title">
- <span class="name">{{ data.name }}</span>
+ <el-tooltip class="title-tooltip" :content="data.name || '-'" placement="top" effect="dark"
+ :show-after="200">
+ <span class="name">{{ data.name }}</span>
+ </el-tooltip>
<span class="status">
- <span :class="getStatusType(data.status)">
+ <span :class="getWorkModeType(data.workMode)">
</span>
<span>
- {{ getStatusText(data.status) }}
+ {{ getWorkModeText(data.workMode) }}
</span>
</span>
</div>
@@ -47,20 +50,21 @@
{{ getStatusText(data.status) }}
</div>
<div class="col">
- <span class="label">厂商</span>
- {{ data.manufacturer }}
+ <span class="label">侦测目标</span>
+ {{ data.detectTargetCnt }}台
</div>
</div>
<div class="row">
<div class="col">
- <span class="label">侦测目标</span>
- {{ data.detectTargetCnt }}台
- </div>
- <div class="col">
<span class="label">有效范围</span>
- {{ data.effectiveRangeKm }}KM
+ {{ Number(data.effectiveRangeKm).toFixed(0) }}m
</div>
+ </div>
+
+ <div class="col">
+ <span class="label">厂商</span>
+ {{ data.manufacturer }}
</div>
</div>
@@ -90,9 +94,19 @@
return value || '-'
}
-const getStatusType = (value) => {
- if (value === 0 || value === '0') return 'detecting'
+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>
@@ -118,8 +132,17 @@
display: flex;
align-items: center;
gap: 6px;
+ min-width: 0;
+
+ .title-tooltip {
+ flex: 1;
+ min-width: 0;
+ display: block;
+ }
.name {
+ display: inline-block;
+ max-width: 100%;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
font-size: 14px;
@@ -127,9 +150,13 @@
text-align: left;
font-style: normal;
text-transform: none;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.status {
+ flex-shrink: 0;
padding: 0 10px;
display: flex;
align-items: center;
@@ -164,6 +191,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%;
+ }
}
}
}
--
Gitblit v1.9.3