diff --git a/agv_app/static/css/style.css b/agv_app/static/css/style.css index af9e83a..3eb5073 100644 --- a/agv_app/static/css/style.css +++ b/agv_app/static/css/style.css @@ -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; } +} diff --git a/agv_app/static/js/setting.js b/agv_app/static/js/setting.js index 7f1b5e6..2f69743 100644 --- a/agv_app/static/js/setting.js +++ b/agv_app/static/js/setting.js @@ -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: { // 监听点位数据变化，自动刷新地图 diff --git a/agv_app/templates/setting.html b/agv_app/templates/setting.html index 3043b55..e3d6f52 100644 --- a/agv_app/templates/setting.html +++ b/agv_app/templates/setting.html @@ -4,7 +4,7 @@ 设置 - AGV 拍摄系统 - +
@@ -53,6 +53,12 @@
+ +
+
- - + +