diff --git a/ruoyi-ui/src/views/childRoom/index.vue b/ruoyi-ui/src/views/childRoom/index.vue index c1c8c89..cb86576 100644 --- a/ruoyi-ui/src/views/childRoom/index.vue +++ b/ruoyi-ui/src/views/childRoom/index.vue @@ -10,10 +10,10 @@

二维GIS地图区域

支持标绘/航线/空域/实时态势

- + -
-
- +
{{ currentTime }}
- +
-
- +
- - +
- {{ playbackSpeed }}x -
- +
- + - + - + - + 1) { this.playbackSpeed--; @@ -691,40 +687,40 @@ export default { } } }, - + updateTimeFromProgress() { const totalSeconds = Math.floor(this.timeProgress * 72); const hours = Math.floor(totalSeconds / 3600) - 2; const minutes = Math.floor((totalSeconds % 3600) / 60); const seconds = totalSeconds % 60; - + const sign = hours >= 0 ? '+' : '-'; const absHours = Math.abs(hours); - + this.currentTime = `K${sign}${String(absHours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`; }, - + // 时间控制(保留用于底部时间轴) play() { this.$message.success('推演开始'); }, - + pause() { this.$message.info('推演暂停'); }, - + reset() { this.timeProgress = 0; this.currentTime = 'K+00:00:00'; this.$message.info('推演已重置'); }, - + formatTimeTooltip(val) { const hours = Math.floor(val / 4); const minutes = (val % 4) * 15; return `K+${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:00`; }, - + // 航线操作 selectRoute(route) { this.selectedRouteId = route.id; @@ -741,7 +737,7 @@ export default { // 打开航线编辑弹窗 this.openRouteDialog(route); }, - + addWaypoint() { if (this.selectedRouteDetails) { const count = this.selectedRouteDetails.waypoints.length + 1; @@ -754,35 +750,35 @@ export default { this.$message.success('添加航点成功'); } }, - + cancelRoute() { this.selectedRouteId = null; this.selectedRouteDetails = null; this.$message.info('已取消选中'); }, - + // 冲突操作 runConflictCheck() { this.conflictCount = 2; this.$message.warning('检测到2处航线冲突'); }, - + viewConflict(conflict) { this.$message.info(`查看冲突:${conflict.title}`); }, - + resolveConflict(conflict) { this.$message.success(`解决冲突:${conflict.title}`); // 移除已解决的冲突 this.conflicts = this.conflicts.filter(c => c.id !== conflict.id); this.conflictCount = this.conflicts.length; }, - + // 系统功能 exportReport() { this.$message.success('作战报表导出成功'); }, - + // 新增导入功能 importData() { this.$message.success('导入数据成功'); @@ -945,9 +941,9 @@ background: url('~@/assets/map-background.png'); color: #008aff; } -.status-dot.operating { - background: #008aff; - animation: pulse 2s infinite; +.status-dot.operating { + background: #008aff; + animation: pulse 2s infinite; box-shadow: 0 0 10px rgba(0, 138, 255, 0.8); } @@ -1170,4 +1166,4 @@ background: url('~@/assets/map-background.png'); .ml-3 { margin-left: 10px; } - \ No newline at end of file +