From 08a8157bcea47af44cc5477e5f698a0cea22a69c Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Tue, 04 Aug 2026 16:41:29 +0800
Subject: [PATCH] feat:下拉框增加灰色
---
applications/drone-command/src/views/dataCockpit/components/templateComponents/EquipmentTemplate.vue | 44 +++++++++++++++++++++++++++++++-------------
1 files changed, 31 insertions(+), 13 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 2310b82..088cc52 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">
@@ -19,16 +27,6 @@
<div class="content">
<div class="row">
<div class="col">
- <span class="label">类型</span>
- {{ data.type }}
- </div>
- <div class="col">
- <span class="label">厂商</span>
- {{ data.vendor }}
- </div>
- </div>
- <div class="row">
- <div class="col">
<span class="label">方位角</span>
{{ data.azimuth }}°
</div>
@@ -40,14 +38,21 @@
<div class="row">
<div class="col">
<span class="label">有效范围</span>
- {{ data.range }}
+ {{ Number(data.range).toFixed(0) }}m
</div>
<div class="col">
<span class="label">设备型号</span>
{{ data.model }}
</div>
</div>
-
+ <div>
+ <span class="label">类型</span>
+ <span class="value">{{ data.type }}</span>
+ </div>
+ <div>
+ <span class="label">厂商</span>
+ <span class="value">{{ data.manufacturer }}</span>
+ </div>
<div>
<span class="label">部署位置</span>
<span class="value">{{ data.longitude }},{{ data.latitude }}</span>
@@ -89,8 +94,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 +112,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