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/HistoryTemplate.vue | 26 +++++++++++++++++++++++---
1 files changed, 23 insertions(+), 3 deletions(-)
diff --git a/applications/drone-command/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue b/applications/drone-command/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue
index aa39870..22b5bdd 100644
--- a/applications/drone-command/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue
@@ -1,9 +1,17 @@
<template>
<div class="drone-info-card" @click="emit('click', data)">
<div class="title">
- <span class="name">
- {{ data.droneName }}
- </span>
+ <el-tooltip
+ class="title-tooltip"
+ :content="data.droneName || '-'"
+ placement="top"
+ effect="dark"
+ :show-after="200"
+ >
+ <span class="name">
+ {{ data.droneName }}
+ </span>
+ </el-tooltip>
</div>
<div class="rows">
@@ -104,8 +112,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;
@@ -113,6 +130,9 @@
text-align: left;
font-style: normal;
text-transform: none;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
--
Gitblit v1.9.3