diff --git a/ruoyi-ui/node_modules.zip b/ruoyi-ui/node_modules.zip
deleted file mode 100644
index 9fc2cd2..0000000
Binary files a/ruoyi-ui/node_modules.zip and /dev/null differ
diff --git a/ruoyi-ui/src/views/childRoom/index.vue b/ruoyi-ui/src/views/childRoom/index.vue
index f0bf5c9..8069136 100644
--- a/ruoyi-ui/src/views/childRoom/index.vue
+++ b/ruoyi-ui/src/views/childRoom/index.vue
@@ -10,10 +10,10 @@
         <p>二维GIS地图区域</p>
         <p class="text-sm mt-1">支持标绘/航线/空域/实时态势</p>
       </div>
-      
+
       <!-- 地图中间的浮动红点（触发左侧菜单） -->
-      <div 
-        class="floating-red-dot left-red-dot" 
+      <div
+        class="floating-red-dot left-red-dot"
         :class="{ hidden: !isMenuHidden }"
         @click="showMenu"
         title="显示左侧菜单"
@@ -21,10 +21,10 @@
         <div class="red-dot"></div>
         <i class="el-icon-s-unfold icon-inside"></i>
       </div>
-      
+
       <!-- 地图中间的浮动红点（触发右侧面板） -->
-      <div 
-        class="floating-red-dot right-red-dot" 
+      <div
+        class="floating-red-dot right-red-dot"
         :class="{ hidden: !isRightPanelHidden }"
         @click="showRightPanel"
         title="显示右侧面板"
@@ -41,11 +41,11 @@
           <i class="el-icon-s-promotion mr-2 logo-icon"></i>
           <span class="title-text blue-title">联合任务筹划系统</span>
         </div>
-        
+
         <!-- 顶部导航菜单 -->
         <div class="top-nav-menu">
-          <div 
-            v-for="item in topNavItems" 
+          <div
+            v-for="item in topNavItems"
             :key="item.id"
             class="top-nav-item"
             :class="{ active: activeTopNav === item.id }"
@@ -53,11 +53,11 @@
           >
             <i :class="item.icon" class="nav-icon"></i>
             <span class="nav-text">{{ item.name }}</span>
-            
+
             <!-- 文件下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'file'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'file'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -67,12 +67,12 @@
                 <el-dropdown-item @click.native="newPlan">新建计划</el-dropdown-item>
                 <el-dropdown-item @click.native="openPlan">打开</el-dropdown-item>
                 <el-dropdown-item @click.native="savePlan">保存</el-dropdown-item>
-                
+
                 <!-- 导入二级菜单 -->
                 <el-dropdown-item class="submenu-item">
                   <span>导入</span>
-                  <el-dropdown 
-                    trigger="hover" 
+                  <el-dropdown
+                    trigger="hover"
                     placement="right-start"
                     class="submenu-dropdown"
                   >
@@ -86,15 +86,15 @@
                     </el-dropdown-menu>
                   </el-dropdown>
                 </el-dropdown-item>
-                
+
                 <el-dropdown-item @click.native="exportPlan">导出</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 编辑下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'edit'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'edit'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -105,12 +105,12 @@
                 <el-dropdown-item @click.native="militaryMarking">军事标绘</el-dropdown-item>
                 <el-dropdown-item @click.native="iconEdit">图标编辑</el-dropdown-item>
                 <el-dropdown-item @click.native="attributeEdit">属性修改</el-dropdown-item>
-                
+
                 <!-- 推演编辑二级菜单 -->
                 <el-dropdown-item class="submenu-item">
                   <span>推演编辑</span>
-                  <el-dropdown 
-                    trigger="hover" 
+                  <el-dropdown
+                    trigger="hover"
                     placement="right-start"
                     class="submenu-dropdown"
                   >
@@ -125,11 +125,11 @@
                 </el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 视图下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'view'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'view'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -143,11 +143,11 @@
                 <el-dropdown-item @click.native="toggleCompass">指北针</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 地图下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'map'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'map'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -159,11 +159,11 @@
                 <el-dropdown-item @click.native="loadAeroChart">航空图</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 工具下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'tools'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'tools'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -176,11 +176,11 @@
                 <el-dropdown-item @click.native="coordinateConversion">坐标换算</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 选项下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'options'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'options'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -191,11 +191,11 @@
                 <el-dropdown-item @click.native="systemDescription">系统说明</el-dropdown-item>
               </el-dropdown-menu>
             </el-dropdown>
-            
+
             <!-- 收藏下拉菜单 -->
-            <el-dropdown 
-              v-if="item.id === 'favorites'" 
-              trigger="click" 
+            <el-dropdown
+              v-if="item.id === 'favorites'"
+              trigger="click"
               placement="bottom-start"
               :hide-on-click="false"
               class="file-dropdown"
@@ -221,7 +221,7 @@
               <div class="info-value">{{ roomCode }}</div>
             </div>
           </div>
-          
+
           <!-- 在线人数 -->
           <div class="info-box" @click="showOnlineMembersDialog">
             <i class="el-icon-user info-icon"></i>
@@ -230,7 +230,7 @@
               <div class="info-value">{{ onlineCount }}人</div>
             </div>
           </div>
-          
+
           <!-- 作战时间 -->
           <div class="info-box">
             <i class="el-icon-timer info-icon"></i>
@@ -239,7 +239,7 @@
               <div class="info-value">{{ combatTime }}</div>
             </div>
           </div>
-          
+
           <!-- 天文时间 -->
           <div class="info-box">
             <i class="el-icon-sunny info-icon"></i>
@@ -249,7 +249,7 @@
             </div>
           </div>
         </div>
-        
+
         <!-- 用户状态区域 -->
         <div class="user-status-area">
           <!-- 用户头像 -->
@@ -259,302 +259,64 @@
     </div>
 
     <!-- 左侧折叠菜单栏 - 蓝色主题 -->
-    <div 
-      class="floating-left-menu" 
-      :class="{ 'hidden': isMenuHidden }"
-      @mouseenter="showMenuTooltip = true"
-      @mouseleave="showMenuTooltip = false"
-    >
-      <!-- 隐藏按钮（>箭头） -->
-      <div class="hide-btn" @click="hideMenu" title="隐藏菜单" >
-        <i class="el-icon-arrow-left"></i>
-      </div>
-      
-      <!-- 一级菜单 -->
-      <div class="menu-icons">
-        <div 
-          v-for="item in menuItems" 
-          :key="item.id"
-          class="menu-item"
-          :class="{ active: activeMenu === item.id }"
-          @click="selectMenu(item)"
-          @mouseenter="showTooltip(item)"
-          @mouseleave="hideTooltip"
-        >
-          <i :class="item.icon"></i>
-          <!-- 悬浮提示 -->
-          <div v-if="showMenuTooltip && hoverMenu === item.id" class="menu-tooltip">
-            {{ item.name }}
-          </div>
-        </div>
-      </div>
-      
-      <!-- 菜单工具提示层（解决遮挡） -->
-      <div v-if="showMenuTooltip && hoverMenu" class="menu-tooltip-layer">
-        <div class="tooltip-content">{{ getMenuName(hoverMenu) }}</div>
-      </div>
-    </div>
-
-    <!-- 右侧外部隐藏按钮 -->
-    <div 
-      class="right-external-hide-btn" 
-      :class="{ hidden: isRightPanelHidden }"
-      @click="hideRightPanel"
-      title="隐藏右侧面板"
-    >
-      <i class="el-icon-arrow-right"></i>
-    </div>
+    <left-menu
+      :is-hidden="isMenuHidden"
+      :menu-items="menuItems"
+      :active-menu="activeMenu"
+      @hide="hideMenu"
+      @select="selectMenu"
+    />
 
     <!-- 右侧实体列表（浮动）- 蓝色主题 -->
-    <div 
-      class="floating-right-panel blue-theme" 
-      :class="{ 'hidden': isRightPanelHidden }"
-    >
-      <!-- 移除面板内部的隐藏按钮 -->
-      
-      <div class="right-tabs">
-        <!-- 方案 -->
-        <div 
-          class="right-tab-item" 
-          :class="{ active: activeRightTab === 'plan' }"
-          @click="activeRightTab = 'plan'"
-        >
-          <i class="el-icon-s-operation"></i>
-          <span>方案</span>
-        </div>
-        
-        <!-- 冲突 -->
-        <div 
-          class="right-tab-item" 
-          :class="{ active: activeRightTab === 'conflict' }"
-          @click="activeRightTab = 'conflict'"
-        >
-          <i class="el-icon-warning-outline"></i>
-          <span>冲突</span>
-          <span v-if="conflictCount > 0" class="badge blue-badge">{{ conflictCount }}</span>
-        </div>
-        
-        <!-- 平台 -->
-        <div 
-          class="right-tab-item" 
-          :class="{ active: activeRightTab === 'platform' }"
-          @click="activeRightTab = 'platform'"
-        >
-          <i class="el-icon-ship"></i>
-          <span>平台</span>
-        </div>
-      </div>
-
-      <!-- 方案内容 -->
-      <div v-if="activeRightTab === 'plan'" class="tab-content plan-content">
-        <div class="section">
-          <div class="section-title">航线列表</div>
-          <div class="route-list">
-            <div 
-              v-for="route in routes" 
-              :key="route.id"
-              class="route-item"
-              :class="{ selected: selectedRouteId === route.id }"
-              @click="selectRoute(route)"
-            >
-              <i class="el-icon-map-location"></i>
-              <div class="route-info">
-                <div class="route-name">{{ route.name }}</div>
-                <div class="route-meta">{{ route.points }}个航点</div>
-              </div>
-              <el-tag 
-                v-if="route.conflict"
-                size="mini" 
-                type="danger"
-                class="conflict-tag"
-              >
-                冲突
-              </el-tag>
-              <!-- 添加编辑按钮 -->
-              <div class="route-actions">
-                <i class="el-icon-edit" title="编辑" @click.stop="openRouteDialog(route)"></i>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div v-if="selectedRouteDetails" class="section">
-          <div class="section-title">航点列表</div>
-          <div class="waypoint-list">
-            <div 
-              v-for="point in selectedRouteDetails.waypoints" 
-              :key="point.name"
-              class="waypoint-item"
-              @click="openWaypointDialog(point)"
-            >
-              <i class="el-icon-location"></i>
-              <div class="waypoint-info">
-                <div class="waypoint-name">{{ point.name }}</div>
-                <div class="waypoint-meta">高度: {{ point.altitude }}m | 速度: {{ point.speed }}</div>
-              </div>
-              <div class="waypoint-actions">
-                <i class="el-icon-edit" title="编辑" @click.stop="openWaypointDialog(point)"></i>
-                <i class="el-icon-delete" title="删除"></i>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div class="action-buttons">
-          <el-button type="primary" size="mini" icon="el-icon-circle-plus" class="blue-btn" @click="addWaypoint">
-            添加航点
-          </el-button>
-          <el-button size="mini" class="blue-btn" @click="cancelRoute">
-            取消
-          </el-button>
-        </div>
-      </div>
-
-      <!-- 冲突内容 -->
-      <div v-if="activeRightTab === 'conflict'" class="tab-content conflict-content">
-        <div v-if="conflicts.length > 0" class="conflict-list">
-          <div 
-            v-for="conflict in conflicts" 
-            :key="conflict.id"
-            class="conflict-item"
-          >
-            <div class="conflict-header">
-              <i class="el-icon-warning" style="color: #f56c6c;"></i>
-              <span class="conflict-title">{{ conflict.title }}</span>
-              <el-tag size="mini" type="danger">严重</el-tag>
-            </div>
-            <div class="conflict-details">
-              <div class="detail-item">
-                <span class="label">涉及航线：</span>
-                <span class="value">{{ conflict.routes.join('、') }}</span>
-              </div>
-              <div class="detail-item">
-                <span class="label">冲突时间：</span>
-                <span class="value">{{ conflict.time }}</span>
-              </div>
-              <div class="detail-item">
-                <span class="label">冲突位置：</span>
-                <span class="value">{{ conflict.position }}</span>
-              </div>
-            </div>
-            <div class="conflict-actions">
-              <el-button type="text" size="mini" class="blue-text-btn" @click="viewConflict(conflict)">
-                查看详情
-              </el-button>
-              <el-button type="text" size="mini" class="blue-text-btn" @click="resolveConflict(conflict)">
-                解决冲突
-              </el-button>
-            </div>
-          </div>
-        </div>
-        <div v-else class="no-conflict">
-          <i class="el-icon-success" style="color: #67c23a; font-size: 24px;"></i>
-          <p>暂无冲突</p>
-          <el-button size="mini" class="blue-btn" @click="runConflictCheck">
-            重新检测
-          </el-button>
-        </div>
-      </div>
-
-      <!-- 平台内容 -->
-      <div v-if="activeRightTab === 'platform'" class="tab-content platform-content">
-        <div class="platform-categories">
-          <el-tabs v-model="activePlatformTab" type="card" size="mini" class="blue-tabs">
-            <el-tab-pane label="空中" name="air">
-              <div class="platform-list">
-                <div 
-                  v-for="platform in airPlatforms" 
-                  :key="platform.id"
-                  class="platform-item"
-                  @click="openPlatformDialog(platform)"
-                >
-                  <div class="platform-icon" :style="{ color: platform.color }">
-                    <i :class="platform.icon"></i>
-                  </div>
-                  <div class="platform-info">
-                    <div class="platform-name">{{ platform.name }}</div>
-                    <div class="platform-type">{{ platform.type }}</div>
-                  </div>
-                  <div class="platform-status">
-                    <span class="status-dot" :class="platform.status"></span>
-                  </div>
-                </div>
-              </div>
-            </el-tab-pane>
-            
-            <el-tab-pane label="海上" name="sea">
-              <div class="platform-list">
-                <div 
-                  v-for="platform in seaPlatforms" 
-                  :key="platform.id"
-                  class="platform-item"
-                  @click="openPlatformDialog(platform)"
-                >
-                  <div class="platform-icon" :style="{ color: platform.color }">
-                    <i :class="platform.icon"></i>
-                  </div>
-                  <div class="platform-info">
-                    <div class="platform-name">{{ platform.name }}</div>
-                    <div class="platform-type">{{ platform.type }}</div>
-                  </div>
-                  <div class="platform-status">
-                    <span class="status-dot" :class="platform.status"></span>
-                  </div>
-                </div>
-              </div>
-            </el-tab-pane>
-            
-            <el-tab-pane label="地面" name="ground">
-              <div class="platform-list">
-                <div 
-                  v-for="platform in groundPlatforms" 
-                  :key="platform.id"
-                  class="platform-item"
-                  @click="openPlatformDialog(platform)"
-                >
-                  <div class="platform-icon" :style="{ color: platform.color }">
-                    <i :class="platform.icon"></i>
-                  </div>
-                  <div class="platform-info">
-                    <div class="platform-name">{{ platform.name }}</div>
-                    <div class="platform-type">{{ platform.type }}</div>
-                  </div>
-                  <div class="platform-status">
-                    <span class="status-dot" :class="platform.status"></span>
-                  </div>
-                </div>
-              </div>
-            </el-tab-pane>
-          </el-tabs>
-        </div>
-      </div>
-    </div>
+    <right-panel
+      :is-hidden="isRightPanelHidden"
+      :active-tab="activeRightTab"
+      :routes="routes"
+      :selected-route-id="selectedRouteId"
+      :selected-route-details="selectedRouteDetails"
+      :conflicts="conflicts"
+      :conflict-count="conflictCount"
+      :air-platforms="airPlatforms"
+      :sea-platforms="seaPlatforms"
+      :ground-platforms="groundPlatforms"
+      @hide="hideRightPanel"
+      @tab-change="activeRightTab = $event"
+      @select-route="selectRoute"
+      @open-route-dialog="openRouteDialog"
+      @open-waypoint-dialog="openWaypointDialog"
+      @add-waypoint="addWaypoint"
+      @cancel-route="cancelRoute"
+      @view-conflict="viewConflict"
+      @resolve-conflict="resolveConflict"
+      @run-conflict-check="runConflictCheck"
+      @open-platform-dialog="openPlatformDialog"
+    />
 
     <!-- 底部时间轴（最初版本的样式）- 蓝色主题 -->
-    <div 
-      class="floating-timeline blue-theme" 
+    <div
+      class="floating-timeline blue-theme"
       :class="{ 'show': showKTimePopup }"
     >
       <!-- 隐藏按钮（向下箭头） -->
       <div class="popup-hide-btn" @click="hideKTimePopup" title="隐藏K时">
         <i class="el-icon-arrow-down"></i>
       </div>
-      
+
       <div class="timeline-controls">
         <div class="current-time blue-time">
           <i class="el-icon-time"></i>
           <span class="time-text">{{ currentTime }}</span>
         </div>
-        
+
         <div class="timeline-slider">
-          <el-slider 
-            v-model="timeProgress" 
-            :max="100" 
+          <el-slider
+            v-model="timeProgress"
+            :max="100"
             :format-tooltip="formatTimeTooltip"
             class="compact-slider blue-slider"
           />
         </div>
-        
+
         <div class="timeline-marks">
           <span class="mark">K-02:00</span>
           <span class="mark">K-01:00</span>
@@ -563,7 +325,7 @@
           <span class="mark">K+02:00</span>
         </div>
       </div>
-      
+
       <div class="system-status">
         <div class="status-item">
           <span class="status-label">网络延迟：</span>
@@ -579,26 +341,26 @@
         </div>
       </div>
     </div>
-    
+
     <!-- 在线成员弹窗 -->
     <online-members-dialog
       v-model="showOnlineMembers"
     />
-    
+
     <!-- 平台编辑弹窗 -->
     <platform-edit-dialog
       v-model="showPlatformDialog"
       :platform="selectedPlatform"
       @save="updatePlatform"
     />
-    
+
     <!-- 航线编辑弹窗 -->
     <route-edit-dialog
       v-model="showRouteDialog"
       :route="selectedRoute"
       @save="updateRoute"
     />
-    
+
     <!-- 航点编辑弹窗 -->
     <waypoint-edit-dialog
       v-model="showWaypointDialog"
@@ -614,6 +376,8 @@ import OnlineMembersDialog from '@/views/dialogs/OnlineMembersDialog'
 import PlatformEditDialog from '@/views/dialogs/PlatformEditDialog'
 import RouteEditDialog from '@/views/dialogs/RouteEditDialog'
 import WaypointEditDialog from '@/views/dialogs/WaypointEditDialog'
+import LeftMenu from './LeftMenu'
+import RightPanel from './RightPanel'
 export default {
   name: 'MissionPlanningView',
   components: {
@@ -621,7 +385,9 @@ export default {
     OnlineMembersDialog,
     PlatformEditDialog,
     RouteEditDialog,
-    WaypointEditDialog
+    WaypointEditDialog,
+    LeftMenu,
+    RightPanel
   },
   data() {
     return {
@@ -647,25 +413,23 @@ export default {
         { id: 'options', name: '选项', icon: 'el-icon-s-tools' },
         { id: 'favorites', name: '收藏', icon: 'el-icon-star-on' }
       ],
-      
+
       // 作战信息
       roomCode: 'JTF-7-ALPHA',
       onlineCount: 30,
       combatTime: 'K+01:30:45',
       astroTime: '',
-      
+
       // 左侧菜单栏
       isMenuHidden: true,      // 是否完全隐藏左侧菜单
       activeMenu: 'file',
-      hoverMenu: '',
-      showMenuTooltip: false,
-      
+
       // 右侧面板控制
       isRightPanelHidden: true, // 是否完全隐藏右侧面板
-      
+
       // K时弹出框控制
       showKTimePopup: false,
-      
+
       menuItems: [
         { id: 'file', name: '文件', icon: 'el-icon-document' },
         { id: 'start', name: '开始', icon: 'el-icon-caret-right' },
@@ -678,12 +442,12 @@ export default {
         { id: 'import', name: '导入', icon: 'el-icon-upload2' },
         { id: 'export', name: '导出', icon: 'el-icon-download' }
       ],
-      
+
       // 右侧面板
       activeRightTab: 'plan',
       selectedRouteId: 101,
       selectedRouteDetails: null,
-      
+
       // 冲突数据
       conflictCount: 2,
       conflicts: [
@@ -704,7 +468,7 @@ export default {
           severity: 'medium'
         }
       ],
-      
+
       // 平台数据
       activePlatformTab: 'air',
       airPlatforms: [
@@ -723,18 +487,18 @@ export default {
         { id: 9, name: 'PLZ-05自行火炮', type: '自行火炮', icon: 'el-icon-aim', color: '#fa8c16', status: 'ready' },
         { id: 10, name: '指挥控制车', type: '指挥车', icon: 'el-icon-monitor', color: '#1890ff', status: 'operating' },
       ],
-      
+
       // 航线数据
       routes: [
         { id: 101, name: 'Alpha进场航线', points: 8, conflict: true },
         { id: 102, name: 'Beta巡逻航线', points: 6, conflict: false },
         { id: 103, name: '侦察覆盖区', points: 4, conflict: false },
       ],
-      
+
       // 时间控制
       timeProgress: 45,
       currentTime: 'K+01:15:30',
-      
+
       // 用户
       userAvatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
     };
@@ -744,7 +508,7 @@ export default {
     this.isMenuHidden = true;
     // 初始化时右侧面板隐藏
     this.isRightPanelHidden = true;
-    
+
     // 更新时间
     this.updateTime();
     setInterval(this.updateTime, 1000);
@@ -793,7 +557,7 @@ export default {
       const seconds = now.getSeconds().toString().padStart(2, '0');
       this.astroTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
     },
-    
+
     updateCombatTime() {
       // 模拟作战时间（K时）的更新
       // 这里简单模拟，实际应该根据业务逻辑计算
@@ -801,226 +565,226 @@ export default {
       const baseSeconds = 5400; // 1小时30分钟 = 5400秒
       const currentSeconds = now.getSeconds() + now.getMinutes() * 60 + now.getHours() * 3600;
       const combatSeconds = baseSeconds + (currentSeconds % 86400);
-      
+
       const hours = Math.floor(combatSeconds / 3600);
       const minutes = Math.floor((combatSeconds % 3600) / 60);
       const seconds = combatSeconds % 60;
-      
+
       this.combatTime = `K+${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
     },
-    
+
     // 顶部导航菜单操作
     selectTopNav(item) {
       this.activeTopNav = item.id;
       this.$message.info(`选择菜单: ${item.name}`);
     },
-    
+
     // 左侧菜单栏操作
     showMenu() {
       this.isMenuHidden = false;
       this.$message.info('显示左侧菜单');
     },
-    
+
     hideMenu() {
       this.isMenuHidden = true;
       this.$message.info('隐藏左侧菜单');
     },
-    
+
     // 右侧面板操作
     showRightPanel() {
       this.isRightPanelHidden = false;
       this.$message.info('显示右侧面板');
     },
-    
+
     // 文件下拉菜单方法
     newPlan() {
       this.$message.success('新建计划');
       // 这里可以添加新建计划的逻辑
     },
-    
+
     openPlan() {
       this.$message.success('打开计划');
       // 这里可以添加打开计划的逻辑
     },
-    
+
     savePlan() {
       this.$message.success('保存计划');
       // 这里可以添加保存计划的逻辑
     },
-    
+
     importPlan() {
       this.$message.success('导入计划');
       // 这里可以添加导入计划的逻辑
     },
-    
+
     // 导入二级菜单方法
     importPlanFile() {
       this.$message.success('导入计划');
       // 这里可以添加导入计划文件的逻辑
     },
-    
+
     importACD() {
       this.$message.success('导入ACD');
       // 这里可以添加导入ACD文件的逻辑
     },
-    
+
     importATO() {
       this.$message.success('导入ATO');
       // 这里可以添加导入ATO文件的逻辑
     },
-    
+
     importLayer() {
       this.$message.success('导入图层');
       // 这里可以添加导入图层的逻辑
     },
-    
+
     importRoute() {
       this.$message.success('导入航线');
       // 这里可以添加导入航线的逻辑
     },
-    
+
     exportPlan() {
       this.$message.success('导出计划');
       // 这里可以添加导出计划的逻辑
     },
-    
+
     // 编辑下拉菜单方法
     routeEdit() {
       this.$message.success('航线编辑');
       // 这里可以添加航线编辑的逻辑
     },
-    
+
     militaryMarking() {
       this.$message.success('军事标绘');
       // 这里可以添加军事标绘的逻辑
     },
-    
+
     iconEdit() {
       this.$message.success('图标编辑');
       // 这里可以添加图标编辑的逻辑
     },
-    
+
     attributeEdit() {
       this.$message.success('属性修改');
       // 这里可以添加属性修改的逻辑
     },
-    
+
     deductionEdit() {
       this.$message.success('推演编辑');
       // 这里可以添加推演编辑的逻辑
     },
-    
+
     // 推演编辑二级菜单方法
     timeSettings() {
       this.$message.success('时间设置');
       // 这里可以添加时间设置的逻辑
     },
-    
+
     aircraftSettings() {
       this.$message.success('机型设置');
       // 这里可以添加机型设置的逻辑
     },
-    
+
     keyEventEdit() {
       this.$message.success('关键事件编辑');
       // 这里可以添加关键事件编辑的逻辑
     },
-    
+
     missileLaunch() {
       this.$message.success('导弹发射');
       // 这里可以添加导弹发射的逻辑
     },
-    
+
     // 视图下拉菜单方法
     toggle2D3D() {
       this.$message.success('2D/3D切换');
       // 这里可以添加2D/3D切换的逻辑
     },
-    
+
     toggleRuler() {
       this.$message.success('显示/隐藏标尺');
       // 这里可以添加标尺显示/隐藏的逻辑
     },
-    
+
     toggleGrid() {
       this.$message.success('显示/隐藏网格');
       // 这里可以添加网格显示/隐藏的逻辑
     },
-    
+
     toggleScale() {
       this.$message.success('显示/隐藏比例尺');
       // 这里可以添加比例尺显示/隐藏的逻辑
     },
-    
+
     toggleCompass() {
       this.$message.success('显示/隐藏指北针');
       // 这里可以添加指北针显示/隐藏的逻辑
     },
-    
+
     // 地图下拉菜单方法
     loadTerrain() {
       this.$message.success('加载/切换地形');
       // 这里可以添加地形加载/切换的逻辑
     },
-    
+
     changeProjection() {
       this.$message.success('投影');
       // 这里可以添加投影切换的逻辑
     },
-    
+
     loadAeroChart() {
       this.$message.success('航空图');
       // 这里可以添加航空图加载的逻辑
     },
-    
+
     // 工具下拉菜单方法
     routeCalculation() {
       this.$message.success('航线计算');
       // 这里可以添加航线计算的逻辑
     },
-    
+
     conflictDisplay() {
       this.$message.success('冲突显示');
       // 这里可以添加冲突显示的逻辑
     },
-    
+
     dataMaterials() {
       this.$message.success('数据资料');
       // 这里可以添加数据资料管理的逻辑
     },
-    
+
     coordinateConversion() {
       this.$message.success('坐标换算');
       // 这里可以添加坐标换算的逻辑
     },
-    
+
     // 选项下拉菜单方法
     settings() {
       this.$message.success('设置');
       // 这里可以添加系统设置的逻辑
     },
-    
+
     systemDescription() {
       this.$message.success('系统说明');
       // 这里可以添加系统说明的逻辑
     },
-    
+
     // 收藏下拉菜单方法
     layerFavorites() {
       this.$message.success('图层收藏');
       // 这里可以添加图层收藏的逻辑
     },
-    
+
     routeFavorites() {
       this.$message.success('航线收藏');
       // 这里可以添加航线收藏的逻辑
     },
-    
+
     hideRightPanel() {
       this.isRightPanelHidden = true;
       this.$message.info('隐藏右侧面板');
     },
-    
+
     selectMenu(item) {
       this.activeMenu = item.id;
       if(item.id === 'modify'){
@@ -1038,50 +802,37 @@ export default {
       } else {
         // 其他菜单的原有逻辑
         this.$message.info(`选择菜单: ${item.name}`);
-        
+
       }
     },
-    
-    showTooltip(item) {
-      this.hoverMenu = item.id;
-    },
-    
-    hideTooltip() {
-      this.hoverMenu = '';
-    },
-    
-    getMenuName(id) {
-      const menu = this.menuItems.find(item => item.id === id);
-      return menu ? menu.name : '';
-    },
-    
+
     // K时弹出框操作
     hideKTimePopup() {
       this.showKTimePopup = false;
       this.$message.info('隐藏推演时钟控制');
     },
-    
+
     // 时间控制（保留用于底部时间轴）
     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;
@@ -1098,7 +849,7 @@ export default {
       // 打开航线编辑弹窗
       this.openRouteDialog(route);
     },
-    
+
     addWaypoint() {
       if (this.selectedRouteDetails) {
         const count = this.selectedRouteDetails.waypoints.length + 1;
@@ -1111,35 +862,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('导入数据成功');
@@ -1514,609 +1265,6 @@ background: url('~@/assets/map-background.png');
   border-color: rgba(0, 138, 255, 0.6);
 }
 
-/* 左侧菜单栏 - 蓝色主题 */
-.floating-left-menu {
-  position: absolute;
-  top: 70px;
-  left: 20px;
-  width: 40px;
-  background: rgba(255, 255, 255, 0.3);
-  backdrop-filter: blur(10px);
-  border: 1px solid rgba(0, 138, 255, 0.1);
-  border-radius: 8px;
-  z-index: 90;
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.2);
-  padding: 15px 5px;
-  transition: all 0.3s ease;
-  overflow: hidden;
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.floating-left-menu.hidden {
-  opacity: 0;
-  transform: translateX(-100%);
-  pointer-events: none;
-}
-
-.hide-btn {
-  position: absolute;
-  top: 15px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 24px;
-  height: 24px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  color: #008aff;
-  font-size: 16px;
-  transition: all 0.3s;
-  background: rgba(255, 255, 255, 0.5);
-  border-radius: 4px;
-  z-index: 10;
-}
-
-.hide-btn:hover {
-  color: #0066cc;
-  background: rgba(0, 138, 255, 0.1);
-  transform: scale(1.1);
-}
-
-.menu-icons {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-top: 30px;
-}
-
-.menu-item {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 40px;
-  cursor: pointer;
-  color: #555;
-  font-size: 20px;
-  position: relative;
-  transition: all 0.3s;
-  border-radius: 4px;
-  padding: 0 5px;
-  background: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.menu-item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  color: #008aff;
-  transform: translateY(-2px);
-  box-shadow: 0 4px 10px rgba(0, 138, 255, 0.2);
-}
-
-.menu-item.active {
-  background: linear-gradient(135deg, rgba(0, 138, 255, 0.2), rgba(0, 138, 255, 0.3));
-  color: #008aff;
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.25);
-}
-
-.menu-tooltip {
-  position: absolute;
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  background: linear-gradient(135deg, rgba(0, 138, 255, 0.95), rgba(0, 102, 204, 0.95));
-  color: white;
-  padding: 8px 14px;
-  border-radius: 6px;
-  font-size: 12px;
-  white-space: nowrap;
-  z-index: 1000;
-  margin-left: 10px;
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.3);
-  pointer-events: none;
-  backdrop-filter: blur(5px);
-}
-
-.menu-tooltip-layer {
-  position: absolute;
-  top: 0;
-  left: 100%;
-  width: 200px;
-  height: 100%;
-  z-index: 999;
-  pointer-events: none;
-}
-
-.tooltip-content {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  transform: translateY(-50%);
-  background: linear-gradient(135deg, rgba(0, 138, 255, 0.95), rgba(0, 102, 204, 0.95));
-  color: white;
-  padding: 8px 14px;
-  border-radius: 6px;
-  font-size: 12px;
-  white-space: nowrap;
-  margin-left: 10px;
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.3);
-  backdrop-filter: blur(5px);
-}
-
-/* 右侧外部隐藏按钮 */
-.right-external-hide-btn {
-  position: absolute;
-  top: 70px;
-  right: 320px; /* 面板宽度300px + 外边距20px */
-  width: 28px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  color: white;
-  font-size: 16px;
-  transition: all 0.3s;
-  background: rgba(0, 138, 255, 0.9);
-  border-radius: 8px 0 0 8px;
-  z-index: 91;
-  border: 1px solid rgba(0, 138, 255, 1);
-  border-right: none;
-  box-shadow: -2px 0 8px rgba(0, 138, 255, 0.3);
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.right-external-hide-btn:hover {
-  background: rgba(0, 138, 255, 1);
-  transform: translateX(-2px);
-  box-shadow: -4px 0 12px rgba(0, 138, 255, 0.5);
-}
-
-.right-external-hide-btn.hidden {
-  opacity: 0;
-  pointer-events: none;
-  transform: translateX(20px);
-}
-
-/* 右侧浮动面板 - 蓝色主题 */
-.floating-right-panel {
-  position: absolute;
-  top: 70px;
-  right: 20px;
-  width: 300px;
-  border-radius: 0 8px 8px 8px;
-  z-index: 90;
-  color: #333;
-  overflow: hidden;
-  box-shadow: 0 4px 20px rgba(0, 138, 255, 0.2);
-  background: rgba(255, 255, 255, 0.95);
-  backdrop-filter: blur(15px);
-  transition: all 0.3s ease;
-  opacity: 1;
-  transform: translateX(0);
-}
-
-.floating-right-panel.hidden {
-  opacity: 0;
-  transform: translateX(100%);
-  pointer-events: none;
-}
-
-.right-tabs {
-  display: flex;
-  border-bottom: 1px solid rgba(0, 138, 255, 0.3);
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(5px);
-}
-
-.right-tab-item {
-  flex: 1;
-  text-align: center;
-  padding: 12px 0;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-  transition: all 0.3s;
-  position: relative;
-  border-bottom: 3px solid transparent;
-  background: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(5px);
-}
-
-.right-tab-item i {
-  font-size: 18px;
-  color: #666;
-  transition: all 0.3s;
-}
-
-.right-tab-item span {
-  font-size: 12px;
-  color: #666;
-  transition: all 0.3s;
-}
-
-.right-tab-item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  box-shadow: 0 2px 6px rgba(0, 138, 255, 0.15);
-}
-
-.right-tab-item.active {
-  background: rgba(255, 255, 255, 0.95);
-  border-bottom: 3px solid rgba(0, 138, 255, 0.8);
-  box-shadow: 0 2px 8px rgba(0, 138, 255, 0.2);
-}
-
-.right-tab-item.active i,
-.right-tab-item.active span {
-  color: #008aff;
-  font-weight: 600;
-  text-shadow: 0 0 2px rgba(0, 138, 255, 0.3);
-}
-
-.badge {
-  position: absolute;
-  top: 8px;
-  right: 20px;
-  border-radius: 10px;
-  padding: 2px 8px;
-  font-size: 10px;
-  min-width: 16px;
-  text-align: center;
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 4px rgba(0, 138, 255, 0.3);
-}
-
-.tab-content {
-  padding: 15px;
-  max-height: 500px;
-  overflow-y: auto;
-  background: rgba(255, 255, 255, 0.95);
-  backdrop-filter: blur(10px);
-}
-
-.section {
-  margin-bottom: 20px;
-}
-
-.section-title {
-  font-size: 12px;
-  color: #666;
-  margin-bottom: 10px;
-  padding-bottom: 6px;
-  border-bottom: 1px solid rgba(0, 138, 255, 0.3);
-  font-weight: 600;
-}
-
-.route-list {
-  margin-bottom: 20px;
-}
-
-.route-item {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  border-radius: 6px;
-  margin-bottom: 6px;
-  cursor: pointer;
-  transition: all 0.3s;
-  border: 1px solid transparent;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.route-item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  border-color: rgba(0, 138, 255, 0.3);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 10px rgba(0, 138, 255, 0.15);
-}
-
-.route-item.selected {
-  background: linear-gradient(135deg, rgba(0, 138, 255, 0.15), rgba(0, 138, 255, 0.25));
-  border-color: rgba(0, 138, 255, 0.4);
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.2);
-}
-
-.route-item i {
-  font-size: 18px;
-  color: #008aff;
-  margin-right: 10px;
-  text-shadow: 0 0 4px rgba(0, 138, 255, 0.3);
-}
-
-.route-info {
-  flex: 1;
-}
-
-.route-name {
-  font-size: 13px;
-  color: #333;
-  margin-bottom: 3px;
-  font-weight: 600;
-}
-
-.route-meta {
-  font-size: 11px;
-  color: #666;
-}
-
-.conflict-tag {
-  background: linear-gradient(135deg, #f56c6c, #c45656);
-  border: none;
-  color: white;
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 4px rgba(245, 108, 108, 0.3);
-}
-
-.waypoint-list {
-  margin-bottom: 15px;
-}
-
-.waypoint-item {
-  display: flex;
-  align-items: center;
-  padding: 10px;
-  border-radius: 6px;
-  margin-bottom: 6px;
-  background: rgba(255, 255, 255, 0.9);
-  border: 1px solid rgba(0, 138, 255, 0.3);
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 4px rgba(0, 138, 255, 0.1);
-  transition: all 0.3s;
-}
-
-.waypoint-item:hover {
-  transform: translateY(-1px);
-  box-shadow: 0 4px 10px rgba(0, 138, 255, 0.15);
-}
-
-.waypoint-item i {
-  font-size: 18px;
-  color: #52c41a;
-  margin-right: 10px;
-  text-shadow: 0 0 4px rgba(82, 196, 26, 0.3);
-}
-
-.waypoint-info {
-  flex: 1;
-}
-
-.waypoint-name {
-  font-size: 13px;
-  color: #333;
-  margin-bottom: 3px;
-  font-weight: 600;
-}
-
-.waypoint-meta {
-  font-size: 11px;
-  color: #666;
-}
-
-.waypoint-actions {
-  display: flex;
-  gap: 10px;
-  color: #666;
-}
-
-.waypoint-actions i {
-  cursor: pointer;
-  font-size: 14px;
-  transition: all 0.3s;
-  padding: 4px;
-  border-radius: 4px;
-  background: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(5px);
-}
-
-.waypoint-actions i:hover {
-  color: #008aff;
-  transform: scale(1.1);
-  box-shadow: 0 2px 6px rgba(0, 138, 255, 0.2);
-}
-
-.action-buttons {
-  display: flex;
-  gap: 10px;
-  justify-content: center;
-}
-
-/* 按钮样式调整 */
-.el-button {
-  backdrop-filter: blur(5px);
-  transition: all 0.3s;
-}
-
-/* 冲突内容样式 */
-.conflict-list {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
-
-.conflict-item {
-  background: linear-gradient(135deg, rgba(245, 108, 108, 0.1), rgba(245, 108, 108, 0.05));
-  border: 1px solid rgba(245, 108, 108, 0.3);
-  border-radius: 8px;
-  padding: 14px;
-  backdrop-filter: blur(5px);
-  box-shadow: 0 4px 10px rgba(245, 108, 108, 0.15);
-  transition: all 0.3s;
-}
-
-.conflict-item:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 6px 15px rgba(245, 108, 108, 0.2);
-}
-
-.conflict-header {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 10px;
-}
-
-.conflict-title {
-  flex: 1;
-  font-size: 13px;
-  color: #333;
-  font-weight: 700;
-}
-
-.conflict-details {
-  background: rgba(255, 255, 255, 0.8);
-  border-radius: 6px;
-  padding: 10px;
-  margin-bottom: 10px;
-  border: 1px solid rgba(255, 255, 255, 0.4);
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-}
-
-.detail-item {
-  display: flex;
-  margin-bottom: 5px;
-  font-size: 12px;
-}
-
-.detail-item:last-child {
-  margin-bottom: 0;
-}
-
-.detail-item .label {
-  color: #666;
-  min-width: 70px;
-  font-weight: 500;
-}
-
-.detail-item .value {
-  color: #333;
-  flex: 1;
-  font-weight: 600;
-}
-
-.conflict-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 15px;
-}
-
-.no-conflict {
-  text-align: center;
-  padding: 40px 20px;
-  color: #666;
-}
-
-.no-conflict p {
-  margin: 10px 0 15px;
-}
-
-/* 平台内容样式 */
-.platform-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.platform-item {
-  display: flex;
-  align-items: center;
-  padding: 12px;
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.9);
-  border: 1px solid rgba(0, 138, 255, 0.3);
-  transition: all 0.3s;
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 6px rgba(0, 138, 255, 0.1);
-}
-
-.platform-item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  border-color: rgba(0, 138, 255, 0.4);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.2);
-}
-
-.platform-icon {
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 22px;
-  margin-right: 12px;
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(5px);
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-}
-
-.platform-info {
-  flex: 1;
-}
-
-.platform-name {
-  font-size: 13px;
-  color: #333;
-  margin-bottom: 3px;
-  font-weight: 600;
-}
-
-.platform-type {
-  font-size: 11px;
-  color: #666;
-}
-
-.platform-status {
-  margin-left: 10px;
-}
-
-.status-dot {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  box-shadow: 0 0 6px currentColor;
-}
-
-.status-dot.ready { 
-  background: #52c41a; 
-  box-shadow: 0 0 8px rgba(82, 196, 26, 0.8);
-}
-.status-dot.flying { 
-  background: #008aff; 
-  animation: pulse 2s infinite; 
-  box-shadow: 0 0 10px rgba(0, 138, 255, 0.8);
-}
-.status-dot.scouting { 
-  background: #fa8c16; 
-  animation: pulse 1.5s infinite; 
-  box-shadow: 0 0 10px rgba(250, 140, 22, 0.8);
-}
-.status-dot.sailing { 
-  background: #008aff; 
-  box-shadow: 0 0 8px rgba(0, 138, 255, 0.8);
-}
-.status-dot.patrol { 
-  background: #52c41a; 
-  animation: pulse 2s infinite; 
-  box-shadow: 0 0 10px rgba(82, 196, 26, 0.8);
-}
-.status-dot.hidden { 
-  background: #333; 
-  box-shadow: 0 0 6px rgba(51, 51, 51, 0.8);
-}
-.status-dot.alert { 
-  background: #f5222d; 
-  animation: pulse 1s infinite; 
-  box-shadow: 0 0 10px rgba(245, 34, 45, 0.8);
-}
 /* 二级菜单样式 */
 .submenu-item {
   position: relative;
@@ -2231,9 +1379,9 @@ background: url('~@/assets/map-background.png');
   position: relative;
 }
 
-.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);
 }
 
diff --git a/ruoyi-ui/src/views/selectRoom/index.vue b/ruoyi-ui/src/views/selectRoom/index.vue
index e4bd99f..1469fd9 100644
--- a/ruoyi-ui/src/views/selectRoom/index.vue
+++ b/ruoyi-ui/src/views/selectRoom/index.vue
@@ -2,7 +2,7 @@
   <div class="page-container">
     <!-- 背景装饰 -->
     <div class="background-decoration"></div>
-    
+
     <!-- 主内容区域 -->
     <div class="main-content">
       <!-- 房间选择面板 -->
@@ -16,13 +16,13 @@
         <!-- 房间列表 -->
         <div class="room-list">
           <!-- 房间项 -->
-          <div 
-            v-for="room in getParentRooms" 
+          <div
+            v-for="room in getParentRooms"
             :key="room.id"
             class="room-group"
           >
             <!-- 父房间 -->
-            <div 
+            <div
               class="room-item parent-room"
               :class="{ 'active': selectedRoom === room.id }"
               @click="toggleRoomExpansion(room)"
@@ -52,8 +52,8 @@
 
             <!-- 子房间列表 -->
             <div v-if="expandedRooms.includes(room.id)" class="child-rooms">
-              <div 
-                v-for="childRoom in getChildRooms(room.id)" 
+              <div
+                v-for="childRoom in getChildRooms(room.id)"
                 :key="childRoom.id"
                 class="room-item child-room"
                 :class="{ 'active': selectedRoom === childRoom.id }"
@@ -90,9 +90,9 @@
           <button @click="showAddRoomDialog" class="btn-secondary">
             <i class="fa fa-plus"></i> 新增大房间
           </button>
-          <button 
-            @click="enterRoom" 
-            class="btn-primary" 
+          <button
+            @click="enterRoom"
+            class="btn-primary"
             :disabled="!selectedRoom"
             :class="{ 'disabled': !selectedRoom }"
           >
@@ -108,8 +108,8 @@
     </div>
 
     <!-- 右键菜单 -->
-    <div 
-      v-if="contextMenu.visible" 
+    <div
+      v-if="contextMenu.visible"
       :style="{ left: contextMenu.x + 'px', top: contextMenu.y + 'px' }"
       class="context-menu"
     >
@@ -135,9 +135,9 @@
         <div class="dialog-body">
           <div class="form-group">
             <label>房间名称</label>
-            <input 
-              v-model="dialog.form.name" 
-              type="text" 
+            <input
+              v-model="dialog.form.name"
+              type="text"
               placeholder="请输入房间名称"
               class="form-input"
             >
@@ -303,7 +303,7 @@ export default {
         alert('请输入房间名称')
         return
       }
-      
+
       if (this.dialog.mode === 'add') {
         const newRoom = {
           id: Date.now(),
@@ -355,7 +355,7 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
-  background-image: 
+  background-image:
     radial-gradient(circle at 20% 20%, rgba(22, 93, 255, 0.05) 0%, transparent 50%),
     radial-gradient(circle at 80% 80%, rgba(22, 93, 255, 0.05) 0%, transparent 50%);
   pointer-events: none;
@@ -947,47 +947,46 @@ button {
   .page-container {
     padding: 12px;
   }
-  
+
   .system-header {
     margin-bottom: 20px;
     padding: 0 16px;
   }
-  
+
   .system-title h1 {
     font-size: 24px;
   }
-  
+
   .room-panel {
     border-radius: 12px;
   }
-  
+
   .panel-header {
     padding: 20px 24px 16px;
   }
-  
+
   .panel-header h2 {
     font-size: 20px;
   }
-  
+
   .room-item {
     padding: 14px 24px;
   }
-  
+
   .child-room {
     padding-left: 48px;
   }
-  
+
   .add-child-room {
     padding: 10px 24px 10px 48px;
   }
-  
+
   .action-buttons {
     padding: 20px 24px;
   }
-  
+
   .dialog {
     border-radius: 12px;
   }
 }
 </style>
-