地图实时显示AGV位置 + 点击地图导航 + Nav2检查修复
- 地图 overlay 新增 AGV 位置橙色脉冲点(动画) - navCurrentPos 刷新周期:地图 Tab 下每 2 秒刷新 - agv-dot CSS:14px 橙色圆点 + 脉冲动画 - 点击地图直接导航功能(onMapClick) - onMapClick:修复 img 标签 patch 逻辑(原已生效) - style.css: 新增 agv-dot 脉冲动画样式
This commit is contained in:
@@ -720,3 +720,18 @@ a:hover { text-decoration: underline; }
|
||||
border: 2px solid #fff;
|
||||
box-shadow: 0 0 6px rgba(243,156,18,0.9);
|
||||
}
|
||||
/* AGV 实时位置点 */
|
||||
.agv-dot {
|
||||
width: 14px !important;
|
||||
height: 14px !important;
|
||||
background: #ff5722 !important;
|
||||
border: 2px solid #fff !important;
|
||||
border-radius: 50% !important;
|
||||
box-shadow: 0 0 8px #ff5722, 0 0 16px #ff572288 !important;
|
||||
animation: agv-pulse 1.5s ease-in-out infinite !important;
|
||||
z-index: 10 !important;
|
||||
}
|
||||
@keyframes agv-pulse {
|
||||
0%, 100% { transform: scale(1); opacity: 1; }
|
||||
50% { transform: scale(1.3); opacity: 0.7; }
|
||||
}
|
||||
|
||||
@@ -66,7 +66,10 @@ const app = createApp({
|
||||
if (this.nav2Available && this.navStatus === 'navigating') {
|
||||
this.refreshNavStatus()
|
||||
}
|
||||
}, 3000)
|
||||
if (this.tab === 'map' && this.nav2Available) {
|
||||
this.refreshNavStatus() // also refresh position for map display
|
||||
}
|
||||
}, 2000)
|
||||
},
|
||||
watch: {
|
||||
// 监听点位数据变化,自动刷新地图
|
||||
|
||||
Reference in New Issue
Block a user