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 +++++
applications/task-work-order/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue | 26 +++++
applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue | 23 +++++
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue | 23 +++++
applications/drone-command/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue | 23 +++++
applications/task-work-order/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue | 23 +++++
applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealTemplate.vue | 23 +++++
applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue | 23 +++++
8 files changed, 178 insertions(+), 12 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;
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;
}
}
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..12f9ae5 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,15 @@
<!-- 头部 -->
<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)">
@@ -128,8 +136,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 +154,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;
diff --git a/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue b/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
index 06b6695..74036d9 100644
--- a/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
@@ -2,7 +2,15 @@
<div class="drone-card">
<div class="header">
<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>
<span class="status">
<span :class="getStatusType(data)">
@@ -157,8 +165,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;
@@ -166,9 +183,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;
diff --git a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
index 1d5d632..7b09cfb 100644
--- a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue
+++ b/applications/task-work-order/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;
diff --git a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue
index 494cd94..66a633d 100644
--- a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/HistoryTemplate.vue
+++ b/applications/task-work-order/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">
@@ -110,8 +118,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;
@@ -119,6 +136,9 @@
text-align: left;
font-style: normal;
text-transform: none;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
diff --git a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
index ed08cbf..559b6e5 100644
--- a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
+++ b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealEquipmentTemplate.vue
@@ -3,7 +3,15 @@
<!-- 头部 -->
<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)">
@@ -118,8 +126,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 +144,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;
diff --git a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealTemplate.vue b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
index d29d7b4..2e7c9a8 100644
--- a/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
+++ b/applications/task-work-order/src/views/dataCockpit/components/templateComponents/RealTemplate.vue
@@ -2,7 +2,15 @@
<div class="drone-card">
<div class="header">
<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>
<span class="status">
<span :class="getStatusType(data)">
@@ -142,8 +150,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;
@@ -151,9 +168,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