diff --git a/ruoyi-ui/src/views/childRoom/index.vue b/ruoyi-ui/src/views/childRoom/index.vue index d8d61e7..869b09f 100644 --- a/ruoyi-ui/src/views/childRoom/index.vue +++ b/ruoyi-ui/src/views/childRoom/index.vue @@ -21,17 +21,6 @@
- - -
-
- -
@@ -280,7 +269,6 @@ :sea-platforms="seaPlatforms" :ground-platforms="groundPlatforms" @hide="hideRightPanel" - @tab-change="activeRightTab = $event" @select-route="selectRoute" @open-route-dialog="openRouteDialog" @open-waypoint-dialog="openWaypointDialog" @@ -326,20 +314,7 @@ -
-
- 网络延迟: - < 200ms -
-
- 数据同步: - 正常 -
-
- 检测告警: - 2处 -
-
+ @@ -431,9 +406,9 @@ export default { showKTimePopup: false, menuItems: [ - { id: 'file', name: '文件', icon: 'el-icon-document' }, - { id: 'start', name: '开始', icon: 'el-icon-caret-right' }, - { id: 'insert', name: '插入', icon: 'el-icon-plus' }, + { id: 'file', name: '方案', icon: 'el-icon-s-operation' }, + { id: 'start', name: '冲突', icon: 'el-icon-warning-outline' }, + { id: 'insert', name: '平台', icon: 'el-icon-ship' }, { id: 'pattern', name: '图案', icon: 'el-icon-picture-outline' }, { id: 'deduction', name: '推演', icon: 'el-icon-video-play' }, { id: 'modify', name: '修改', icon: 'el-icon-edit' }, @@ -787,7 +762,33 @@ export default { selectMenu(item) { this.activeMenu = item.id; - if(item.id === 'modify'){ + + // 点击左侧的方案、冲突、平台时,切换右侧面板内容 + if (item.id === 'file') { + // 如果当前已经是方案标签页,则关闭右侧面板 + if (this.activeRightTab === 'plan' && !this.isRightPanelHidden) { + this.isRightPanelHidden = true; + } else { + this.activeRightTab = 'plan'; + this.isRightPanelHidden = false; + } + } else if (item.id === 'start') { + // 如果当前已经是冲突标签页,则关闭右侧面板 + if (this.activeRightTab === 'conflict' && !this.isRightPanelHidden) { + this.isRightPanelHidden = true; + } else { + this.activeRightTab = 'conflict'; + this.isRightPanelHidden = false; + } + } else if (item.id === 'insert') { + // 如果当前已经是平台标签页,则关闭右侧面板 + if (this.activeRightTab === 'platform' && !this.isRightPanelHidden) { + this.isRightPanelHidden = true; + } else { + this.activeRightTab = 'platform'; + this.isRightPanelHidden = false; + } + } else if(item.id === 'modify'){ this.drawDom = !this.drawDom console.log(this.drawDom,999999) } @@ -968,12 +969,6 @@ background: url('~@/assets/map-background.png'); transform: translateY(-50%); } -/* 右侧红点 */ -.right-red-dot { - right: 20px; - transform: translateY(-50%); -} - .red-dot { width: 20px; height: 20px; @@ -1418,7 +1413,7 @@ background: url('~@/assets/map-background.png'); width: 80%; border-radius: 12px; z-index: 95; - padding: 20px; + padding: 10px 20px; color: #333; transition: all 0.3s ease; opacity: 0; @@ -1468,7 +1463,7 @@ background: url('~@/assets/map-background.png'); display: flex; align-items: center; justify-content: space-between; - margin-bottom: 10px; + margin-bottom: 5px; } .current-time {