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 {