From a53ece5036c1fa61a63fe5f9e0cd3519210ab928 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 07 Aug 2026 09:44:27 +0800
Subject: [PATCH] feat:兼容分辨率低不出现滚动条
---
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue | 33 +++++++++++++++++++++++++--------
1 files changed, 25 insertions(+), 8 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 7d7c698..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,7 +3,10 @@
<!-- 头部 -->
<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="getWorkModeType(data.workMode)">
@@ -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>
@@ -128,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;
@@ -137,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;
--
Gitblit v1.9.3