From 14d6e9e24fcbe35d9021109cb00192a5b16c1ca4 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 19 Jan 2026 15:56:56 +0800
Subject: [PATCH] feat:数据驾驶舱增加文字……显示
---
applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue | 23 ++++++++++++++++++++++-
1 files changed, 22 insertions(+), 1 deletions(-)
diff --git a/applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue b/applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
index 1d5d632..7b09cfb 100644
--- a/applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
@@ -2,7 +2,15 @@
<div class="device-card" @click="emit('click', data)">
<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="data.statusType">
@@ -89,8 +97,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;
@@ -98,9 +115,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