|
|
@@ -13,44 +13,36 @@
|
|
|
<div class="panel-content" v-show="expandedCards.droneStatus">
|
|
|
<div class="drone-status-grid">
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">🛸</div>
|
|
|
- <div class="status-label">飞行状态</div>
|
|
|
- <div class="status-value status-normal">巡测中</div>
|
|
|
+ <span class="status-label">飞行状态:</span>
|
|
|
+ <span class="status-value status-normal">巡测中</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">📍</div>
|
|
|
- <div class="status-label">定位模式</div>
|
|
|
- <div class="status-value">RTK 定位</div>
|
|
|
+ <span class="status-label">定位模式:</span>
|
|
|
+ <span class="status-value">RTK 定位</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">🗺️</div>
|
|
|
- <div class="status-label">当前位置</div>
|
|
|
- <div class="status-value">河道测流断面</div>
|
|
|
+ <span class="status-label">当前位置:</span>
|
|
|
+ <span class="status-value">河道测流断面</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">📏</div>
|
|
|
- <div class="status-label">飞行高度</div>
|
|
|
- <div class="status-value">50 m</div>
|
|
|
+ <span class="status-label">飞行高度:</span>
|
|
|
+ <span class="status-value">50 m</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">💨</div>
|
|
|
- <div class="status-label">飞行速度</div>
|
|
|
- <div class="status-value">8 m/s</div>
|
|
|
+ <span class="status-label">飞行速度:</span>
|
|
|
+ <span class="status-value">8 m/s</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">🔋</div>
|
|
|
- <div class="status-label">电量</div>
|
|
|
- <div class="status-value status-normal">85%</div>
|
|
|
+ <span class="status-label">电量:</span>
|
|
|
+ <span class="status-value status-normal">85%</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">⏰</div>
|
|
|
- <div class="status-label">续航时间</div>
|
|
|
- <div class="status-value">45 分钟</div>
|
|
|
+ <span class="status-label">续航时间:</span>
|
|
|
+ <span class="status-value">45 分钟</span>
|
|
|
</div>
|
|
|
<div class="drone-status-item">
|
|
|
- <div class="status-icon">📶</div>
|
|
|
- <div class="status-label">通信信号</div>
|
|
|
- <div class="status-value status-normal">正常</div>
|
|
|
+ <span class="status-label">通信信号:</span>
|
|
|
+ <span class="status-value status-normal">正常</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -314,18 +306,13 @@ const toggleFullscreen = (element) => {
|
|
|
}
|
|
|
|
|
|
.drone-status-item {
|
|
|
- background: linear-gradient(135deg, rgba(0, 20, 40, 0.6), rgba(0, 10, 20, 0.6));
|
|
|
- border: 1px solid rgba(0, 212, 255, 0.3);
|
|
|
- border-radius: 6px;
|
|
|
- padding: 12px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
- align-items: center;
|
|
|
gap: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.status-icon {
|
|
|
- font-size: 24px;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid rgba(0, 212, 255, 0.2);
|
|
|
+ border-radius: 4px;
|
|
|
+ background: rgba(0, 20, 40, 0.3);
|
|
|
}
|
|
|
|
|
|
.status-label {
|