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/package.json b/ruoyi-ui/package.json
index f52ace5..92bbe25 100644
--- a/ruoyi-ui/package.json
+++ b/ruoyi-ui/package.json
@@ -50,6 +50,8 @@
     "vuex": "3.6.0"
   },
   "devDependencies": {
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.28.6",
+    "@babel/plugin-transform-optional-chaining": "^7.28.6",
     "@vue/cli-plugin-babel": "4.4.6",
     "@vue/cli-service": "4.4.6",
     "babel-plugin-dynamic-import-node": "2.3.3",
diff --git a/ruoyi-ui/src/permission.js b/ruoyi-ui/src/permission.js
index b66190b..d4ff8dd 100644
--- a/ruoyi-ui/src/permission.js
+++ b/ruoyi-ui/src/permission.js
@@ -9,7 +9,7 @@ import { isRelogin } from '@/utils/request'
 
 NProgress.configure({ showSpinner: false })
 
-const whiteList = ['/login', '/register']
+const whiteList = ['/login', '/register', '/selectRoom', '/childRoom']
 
 const isWhiteList = (path) => {
   return whiteList.some(pattern => isPathMatch(pattern, path))
diff --git a/ruoyi-ui/src/views/cesiumMap/index.vue b/ruoyi-ui/src/views/cesiumMap/index.vue
index b0ef65e..e5847c7 100644
--- a/ruoyi-ui/src/views/cesiumMap/index.vue
+++ b/ruoyi-ui/src/views/cesiumMap/index.vue
@@ -1260,9 +1260,9 @@ export default {
 .main-toolbar {
   position: absolute;
   
-  top: 100px;
+  top: 365px;
   /* left: 50px; */
-  right: 20px;
+  left: 62px;
 
   z-index: 1000;
   display: flex;
diff --git a/ruoyi-ui/src/views/childRoom/index.vue b/ruoyi-ui/src/views/childRoom/index.vue
index e61d778..d8d61e7 100644
--- a/ruoyi-ui/src/views/childRoom/index.vue
+++ b/ruoyi-ui/src/views/childRoom/index.vue
@@ -53,6 +53,159 @@
           >
             <i :class="item.icon" class="nav-icon"></i>
             <span class="nav-text">{{ item.name }}</span>
+            
+            <!-- 文件下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'file'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <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" 
+                    placement="right-start"
+                    class="submenu-dropdown"
+                  >
+                    <div class="submenu-trigger"></div>
+                    <el-dropdown-menu slot="dropdown" class="submenu">
+                      <el-dropdown-item @click.native="importPlanFile">导入计划</el-dropdown-item>
+                      <el-dropdown-item @click.native="importACD">导入ACD</el-dropdown-item>
+                      <el-dropdown-item @click.native="importATO">导入ATO</el-dropdown-item>
+                      <el-dropdown-item @click.native="importLayer">导入图层</el-dropdown-item>
+                      <el-dropdown-item @click.native="importRoute">导入航线</el-dropdown-item>
+                    </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" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="routeEdit">航线编辑</el-dropdown-item>
+                <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" 
+                    placement="right-start"
+                    class="submenu-dropdown"
+                  >
+                    <div class="submenu-trigger"></div>
+                    <el-dropdown-menu slot="dropdown" class="submenu">
+                      <el-dropdown-item @click.native="timeSettings">时间设置</el-dropdown-item>
+                      <el-dropdown-item @click.native="aircraftSettings">机型设置</el-dropdown-item>
+                      <el-dropdown-item @click.native="keyEventEdit">关键事件编辑</el-dropdown-item>
+                      <el-dropdown-item @click.native="missileLaunch">导弹发射</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            
+            <!-- 视图下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'view'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="toggle2D3D">2D/3D切换</el-dropdown-item>
+                <el-dropdown-item @click.native="toggleRuler">显示/隐藏标尺</el-dropdown-item>
+                <el-dropdown-item @click.native="toggleGrid">网格</el-dropdown-item>
+                <el-dropdown-item @click.native="toggleScale">比例尺</el-dropdown-item>
+                <el-dropdown-item @click.native="toggleCompass">指北针</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            
+            <!-- 地图下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'map'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="loadTerrain">加载/切换地形</el-dropdown-item>
+                <el-dropdown-item @click.native="changeProjection">投影</el-dropdown-item>
+                <el-dropdown-item @click.native="loadAeroChart">航空图</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            
+            <!-- 工具下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'tools'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="routeCalculation">航线计算</el-dropdown-item>
+                <el-dropdown-item @click.native="conflictDisplay">冲突显示</el-dropdown-item>
+                <el-dropdown-item @click.native="dataMaterials">数据资料</el-dropdown-item>
+                <el-dropdown-item @click.native="coordinateConversion">坐标换算</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            
+            <!-- 选项下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'options'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="settings">设置</el-dropdown-item>
+                <el-dropdown-item @click.native="systemDescription">系统说明</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+            
+            <!-- 收藏下拉菜单 -->
+            <el-dropdown 
+              v-if="item.id === 'favorites'" 
+              trigger="click" 
+              placement="bottom-start"
+              :hide-on-click="false"
+              class="file-dropdown"
+            >
+              <div class="dropdown-trigger"></div>
+              <el-dropdown-menu slot="dropdown" class="file-dropdown-menu">
+                <el-dropdown-item @click.native="layerFavorites">图层收藏</el-dropdown-item>
+                <el-dropdown-item @click.native="routeFavorites">航线收藏</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
           </div>
         </div>
       </div>
@@ -70,7 +223,7 @@
           </div>
           
           <!-- 在线人数 -->
-          <div class="info-box">
+          <div class="info-box" @click="showOnlineMembersDialog">
             <i class="el-icon-user info-icon"></i>
             <div class="info-content">
               <div class="info-label">在线人数</div>
@@ -106,268 +259,38 @@
     </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>
-          </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"
-            >
-              <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="编辑"></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"
-                >
-                  <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"
-                >
-                  <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"
-                >
-                  <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 
@@ -418,19 +341,66 @@
         </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"
+      :waypoint="selectedWaypoint"
+      @save="updateWaypoint"
+    />
   </div>
 </template>
 
 <script>
 import cesiumMap from '@/views/cesiumMap'
+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: {
-    cesiumMap
+    cesiumMap,
+    OnlineMembersDialog,
+    PlatformEditDialog,
+    RouteEditDialog,
+    WaypointEditDialog,
+    LeftMenu,
+    RightPanel
   },
   data() {
     return {
       drawDom:false,
+      // 在线成员弹窗
+      showOnlineMembers: false,
+      // 编辑弹窗控制
+      showPlatformDialog: false,
+      selectedPlatform: null,
+      showRouteDialog: false,
+      selectedRoute: null,
+      showWaypointDialog: false,
+      selectedWaypoint: null,
       // 顶部导航
       activeTopNav: 'file',
       topNavItems: [
@@ -453,8 +423,6 @@ export default {
       // 左侧菜单栏
       isMenuHidden: true,      // 是否完全隐藏左侧菜单
       activeMenu: 'file',
-      hoverMenu: '',
-      showMenuTooltip: false,
       
       // 右侧面板控制
       isRightPanelHidden: true, // 是否完全隐藏右侧面板
@@ -536,8 +504,6 @@ export default {
     };
   },
   mounted() {
-    // 初始化时选中第一条航线
-    this.selectRoute(this.routes[0]);
     // 初始化时左侧菜单隐藏
     this.isMenuHidden = true;
     // 初始化时右侧面板隐藏
@@ -550,6 +516,37 @@ export default {
     setInterval(this.updateCombatTime, 1000);
   },
   methods: {
+    // 显示在线成员弹窗
+    showOnlineMembersDialog() {
+      this.showOnlineMembers = true;
+    },
+    // 平台编辑弹窗相关方法
+    openPlatformDialog(platform) {
+      this.selectedPlatform = platform;
+      this.showPlatformDialog = true;
+    },
+    updatePlatform(updatedPlatform) {
+      // 这里可以添加实际的更新逻辑
+      this.$message.success('平台更新成功');
+    },
+    // 航线编辑弹窗相关方法
+    openRouteDialog(route) {
+      this.selectedRoute = route;
+      this.showRouteDialog = true;
+    },
+    updateRoute(updatedRoute) {
+      // 这里可以添加实际的更新逻辑
+      this.$message.success('航线更新成功');
+    },
+    // 航点编辑弹窗相关方法
+    openWaypointDialog(waypoint) {
+      this.selectedWaypoint = waypoint;
+      this.showWaypointDialog = true;
+    },
+    updateWaypoint(updatedWaypoint) {
+      // 这里可以添加实际的更新逻辑
+      this.$message.success('航点更新成功');
+    },
     updateTime() {
       const now = new Date();
       const year = now.getFullYear();
@@ -599,6 +596,190 @@ export default {
       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('隐藏右侧面板');
@@ -625,19 +806,6 @@ export default {
       }
     },
     
-    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;
@@ -678,6 +846,8 @@ export default {
           { name: 'WP4', altitude: 5800, speed: '830km/h', eta: 'K+01:25:00' },
         ]
       };
+      // 打开航线编辑弹窗
+      this.openRouteDialog(route);
     },
     
     addWaypoint() {
@@ -1095,608 +1265,120 @@ 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;
+/* 二级菜单样式 */
+.submenu-item {
+  position: relative;
 }
 
-.hide-btn {
+.submenu-dropdown {
   position: absolute;
-  top: 10px;
-  right: 13px; 
-  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;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
 }
 
-.hide-btn:hover {
-  color: #0066cc;
-  background: rgba(0, 138, 255, 0.1);
-  transform: scale(1.1);
+.submenu-trigger {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
-.menu-icons {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-top: 30px;
+.submenu {
+  margin-left: 5px;
+  margin-bottom: 0;
+  border: none;
+  border-radius: 6px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(15px);
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid rgba(0, 138, 255, 0.2);
+  padding: 0;
+  min-width: auto;
+  width: fit-content;
 }
 
-.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);
+.submenu .el-dropdown-menu__item {
+  padding: 8px 16px;
+  font-size: 14px;
+  color: #333;
+  transition: all 0.2s ease;
+  margin: 0;
 }
 
-.menu-item:hover {
+.submenu .el-dropdown-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);
+.submenu .el-dropdown-menu__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
 }
 
-.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);
+.submenu .el-dropdown-menu__item:last-child {
+  border-bottom: none;
 }
 
-.menu-tooltip-layer {
+/* 文件下拉菜单样式 */
+.file-dropdown {
   position: absolute;
   top: 0;
-  left: 100%;
-  width: 200px;
+  left: 0;
+  width: 100%;
   height: 100%;
-  z-index: 999;
-  pointer-events: none;
 }
 
-.tooltip-content {
+.dropdown-trigger {
+  width: 100%;
+  height: 100%;
   position: absolute;
-  top: 50%;
+  top: 0;
   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);
+.file-dropdown-menu {
+  margin-top: 5px;
+  margin-bottom: 0;
   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;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(15px);
+  background: rgba(255, 255, 255, 0.85);
+  border: 1px solid rgba(0, 138, 255, 0.2);
+  padding: 0;
+  min-width: auto;
+  width: fit-content;
 }
 
-.waypoint-actions i {
-  cursor: pointer;
+.file-dropdown-menu .el-dropdown-menu__item {
+  padding: 8px 16px;
   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;
+  transition: all 0.2s ease;
+  margin: 0;
 }
 
-.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 {
+.file-dropdown-menu .el-dropdown-menu__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;
+  color: #008aff;
 }
 
-.platform-type {
-  font-size: 11px;
-  color: #666;
+.file-dropdown-menu .el-dropdown-menu__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
 }
 
-.platform-status {
-  margin-left: 10px;
+.file-dropdown-menu .el-dropdown-menu__item:last-child {
+  border-bottom: none;
 }
 
-.status-dot {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  box-shadow: 0 0 6px currentColor;
+/* 顶部导航菜单调整，为下拉菜单留出空间 */
+.top-nav-item {
+  position: relative;
 }
 
-.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);
-}
 .status-dot.operating { 
   background: #008aff; 
   animation: pulse 2s infinite; 
diff --git a/ruoyi-ui/src/views/dialogs/OnlineMembersDialog.vue b/ruoyi-ui/src/views/dialogs/OnlineMembersDialog.vue
new file mode 100644
index 0000000..a465dae
--- /dev/null
+++ b/ruoyi-ui/src/views/dialogs/OnlineMembersDialog.vue
@@ -0,0 +1,486 @@
+<template>
+  <div v-if="value" class="online-members-dialog">
+    <!-- 遮罩层 -->
+    <div class="dialog-overlay" @click="closeDialog"></div>
+    
+    <!-- 弹窗内容 -->
+    <div class="dialog-content">
+      <div class="dialog-header">
+        <h3>在线成员与操作日志</h3>
+        <div class="close-btn" @click="closeDialog">×</div>
+      </div>
+      
+      <div class="dialog-body">
+        <el-tabs v-model="activeTab" type="card" size="small">
+          <!-- 在线成员 -->
+          <el-tab-pane label="在线成员" name="members">
+            <div class="members-list">
+              <div 
+                v-for="member in onlineMembers" 
+                :key="member.id"
+                class="member-item"
+                :class="{ active: member.isEditing }"
+              >
+                <div class="member-avatar">
+                  <el-avatar :size="36" :src="member.avatar">{{ member.name.charAt(0) }}</el-avatar>
+                </div>
+                <div class="member-info">
+                  <div class="member-name">{{ member.name }}</div>
+                  <div class="member-role">{{ member.role }}</div>
+                </div>
+                <div class="member-status">
+                  <span class="status-dot online"></span>
+                  <span class="status-text">{{ member.status }}</span>
+                </div>
+                <div v-if="member.isEditing" class="editing-badge">编辑中</div>
+              </div>
+            </div>
+          </el-tab-pane>
+          
+          <!-- 编辑/选中状态 -->
+          <el-tab-pane label="当前操作" name="current">
+            <div class="current-operation">
+              <div class="operation-section">
+                <h4>编辑状态</h4>
+                <div class="status-item">
+                  <span class="status-label">当前编辑者：</span>
+                  <span class="status-value">{{ currentEditor || '无' }}</span>
+                </div>
+                <div class="status-item">
+                  <span class="status-label">编辑对象：</span>
+                  <span class="status-value">{{ editingObject || '无' }}</span>
+                </div>
+                <div class="status-item">
+                  <span class="status-label">编辑时间：</span>
+                  <span class="status-value">{{ editingTime || '无' }}</span>
+                </div>
+              </div>
+              
+              <div class="operation-section">
+                <h4>选中状态</h4>
+                <div class="status-item">
+                  <span class="status-label">选中对象：</span>
+                  <span class="status-value">{{ selectedObject || '无' }}</span>
+                </div>
+                <div class="status-item">
+                  <span class="status-label">选中数量：</span>
+                  <span class="status-value">{{ selectedCount }} 个</span>
+                </div>
+              </div>
+            </div>
+          </el-tab-pane>
+          
+          <!-- 操作日志与回滚 -->
+          <el-tab-pane label="操作日志" name="logs">
+            <div class="operation-logs">
+              <div class="logs-header">
+                <h4>对象级操作日志</h4>
+                <el-button 
+                  type="warning" 
+                  size="mini" 
+                  @click="showRollbackConfirm"
+                  :disabled="operationLogs.length === 0"
+                >
+                  <i class="el-icon-refresh-right"></i> 回滚操作
+                </el-button>
+              </div>
+              <el-timeline>
+                <el-timeline-item 
+                  v-for="log in operationLogs" 
+                  :key="log.id"
+                  :timestamp="log.time"
+                  :type="log.type"
+                >
+                  <div class="log-content">
+                    <div class="log-user">{{ log.user }}</div>
+                    <div class="log-action">{{ log.action }}</div>
+                    <div class="log-object">对象：{{ log.object }}</div>
+                    <div class="log-detail">{{ log.detail }}</div>
+                  </div>
+                </el-timeline-item>
+              </el-timeline>
+              
+              <!-- 回滚确认弹窗 -->
+              <el-dialog
+                title="操作回滚确认"
+                :visible.sync="showRollbackDialog"
+                width="400px"
+                center
+              >
+                <div class="rollback-confirm">
+                  <p>确定要回滚到所选操作吗？</p>
+                  <p class="text-warning mt-2">此操作将撤销该操作及其后的所有更改，不可恢复！</p>
+                </div>
+                <span slot="footer" class="dialog-footer">
+                  <el-button @click="showRollbackDialog = false">取消</el-button>
+                  <el-button type="primary" @click="rollbackOperation">确定回滚</el-button>
+                </span>
+              </el-dialog>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">关闭</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OnlineMembersDialog',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      activeTab: 'members',
+      showRollbackDialog: false,
+      
+      // 在线成员数据
+      onlineMembers: [
+        { id: 1, name: '张三', role: '指挥官', status: '在线', isEditing: true, avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png' },
+        { id: 2, name: '李四', role: '参谋', status: '在线', isEditing: false, avatar: 'https://cube.elemecdn.com/1/88/03b0d39583f48206768a7534e55bcpng.png' },
+        { id: 3, name: '王五', role: '操作员', status: '在线', isEditing: false, avatar: 'https://cube.elemecdn.com/2/88/03b0d39583f48206768a7534e55bcpng.png' },
+        { id: 4, name: '赵六', role: '观察员', status: '在线', isEditing: false, avatar: 'https://cube.elemecdn.com/3/88/03b0d39583f48206768a7534e55bcpng.png' },
+        { id: 5, name: '孙七', role: '分析师', status: '在线', isEditing: false, avatar: 'https://cube.elemecdn.com/4/88/03b0d39583f48206768a7534e55bcpng.png' }
+      ],
+      
+      // 当前操作状态
+      currentEditor: '张三',
+      editingObject: 'J-20 歼击机',
+      editingTime: 'K+00:45:23',
+      selectedObject: 'Alpha进场航线',
+      selectedCount: 1,
+      
+      // 操作日志
+      operationLogs: [
+        { 
+          id: 1, 
+          user: '张三', 
+          action: '修改', 
+          object: 'J-20 歼击机', 
+          detail: '更新了速度参数从800km/h到850km/h', 
+          time: 'K+00:45:23', 
+          type: 'success'
+        },
+        { 
+          id: 2, 
+          user: '李四', 
+          action: '选择', 
+          object: 'Alpha进场航线', 
+          detail: '选中了Alpha进场航线进行编辑', 
+          time: 'K+00:42:15', 
+          type: 'primary'
+        },
+        { 
+          id: 3, 
+          user: '王五', 
+          action: '添加', 
+          object: 'WP5', 
+          detail: '在Beta巡逻航线上添加了新航点WP5', 
+          time: 'K+00:38:47', 
+          type: 'info'
+        },
+        { 
+          id: 4, 
+          user: '赵六', 
+          action: '删除', 
+          object: '旧侦察航线', 
+          detail: '删除了过期的侦察航线', 
+          time: 'K+00:35:12', 
+          type: 'warning'
+        },
+        { 
+          id: 5, 
+          user: '孙七', 
+          action: '修改', 
+          object: 'HQ-9防空系统', 
+          detail: '更新了射程参数从120km到150km', 
+          time: 'K+00:32:08', 
+          type: 'success'
+        }
+      ]
+    };
+  },
+  methods: {
+    closeDialog() {
+      this.$emit('input', false);
+    },
+    
+    showRollbackConfirm() {
+      this.showRollbackDialog = true;
+    },
+    
+    rollbackOperation() {
+      this.showRollbackDialog = false;
+      this.$message.success('操作回滚成功');
+      // 这里可以添加实际的回滚逻辑
+    }
+  }
+};
+</script>
+
+<style scoped>
+.online-members-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dialog-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(2px);
+}
+
+.dialog-content {
+  position: relative;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  width: 90%;
+  max-width: 700px;
+  max-height: 90vh;
+  overflow-y: auto;
+  animation: dialog-fade-in 0.3s ease;
+}
+
+@keyframes dialog-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.dialog-header h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.close-btn {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.close-btn:hover {
+  color: #666;
+}
+
+.dialog-body {
+  padding: 20px;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid #e8e8e8;
+  gap: 10px;
+}
+
+/* 在线成员样式 */
+.members-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.member-item {
+  display: flex;
+  align-items: center;
+  padding: 12px;
+  border-radius: 8px;
+  background: rgba(240, 242, 245, 0.8);
+  transition: all 0.3s;
+}
+
+.member-item:hover {
+  background: rgba(220, 233, 255, 0.8);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(0, 138, 255, 0.15);
+}
+
+.member-item.active {
+  background: rgba(190, 220, 255, 0.8);
+  border: 1px solid rgba(0, 138, 255, 0.3);
+  box-shadow: 0 2px 10px rgba(0, 138, 255, 0.2);
+}
+
+.member-avatar {
+  margin-right: 12px;
+}
+
+.member-info {
+  flex: 1;
+}
+
+.member-name {
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.member-role {
+  font-size: 12px;
+  color: #666;
+}
+
+.member-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-right: 12px;
+}
+
+.status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+}
+
+.status-dot.online {
+  background: #52c41a;
+  box-shadow: 0 0 4px rgba(82, 196, 26, 0.8);
+}
+
+.status-text {
+  font-size: 12px;
+  color: #666;
+}
+
+.editing-badge {
+  background: #ff7875;
+  color: white;
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+
+/* 当前操作样式 */
+.current-operation {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.operation-section {
+  background: rgba(240, 242, 245, 0.8);
+  padding: 16px;
+  border-radius: 8px;
+}
+
+.operation-section h4 {
+  margin: 0 0 12px 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+}
+
+.status-item {
+  display: flex;
+  margin-bottom: 8px;
+}
+
+.status-label {
+  width: 100px;
+  font-size: 13px;
+  color: #666;
+}
+
+.status-value {
+  font-size: 13px;
+  color: #333;
+  font-weight: 500;
+}
+
+/* 操作日志样式 */
+.operation-logs {
+  position: relative;
+}
+
+.logs-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+
+.logs-header h4 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #333;
+}
+
+.log-content {
+  background: rgba(240, 242, 245, 0.8);
+  padding: 12px;
+  border-radius: 6px;
+  margin-left: 16px;
+}
+
+.log-user {
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 4px;
+}
+
+.log-action {
+  font-size: 13px;
+  color: #666;
+  margin-bottom: 4px;
+}
+
+.log-object {
+  font-size: 12px;
+  color: #008aff;
+  margin-bottom: 2px;
+}
+
+.log-detail {
+  font-size: 12px;
+  color: #999;
+}
+
+/* 回滚确认样式 */
+.rollback-confirm {
+  text-align: center;
+}
+
+.text-warning {
+  color: #fa8c16;
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/dialogs/PlatformEditDialog.vue b/ruoyi-ui/src/views/dialogs/PlatformEditDialog.vue
new file mode 100644
index 0000000..7a6d722
--- /dev/null
+++ b/ruoyi-ui/src/views/dialogs/PlatformEditDialog.vue
@@ -0,0 +1,295 @@
+<template>
+  <div v-if="value" class="platform-edit-dialog">
+    <!-- 遮罩层 -->
+    <div class="dialog-overlay" @click="closeDialog"></div>
+    
+    <!-- 弹窗内容 -->
+    <div class="dialog-content">
+      <div class="dialog-header">
+        <h3>平台编辑</h3>
+        <div class="close-btn" @click="closeDialog">×</div>
+      </div>
+      
+      <div class="dialog-body">
+        <el-form :model="formData" :rules="rules" ref="formRef" label-width="80px" size="small">
+          <!-- 基本信息 -->
+          <el-form-item label="名称" prop="name">
+            <el-input v-model="formData.name" placeholder="请输入平台名称"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="位置">
+            <div class="location-inputs">
+              <el-input v-model="formData.location.lat" placeholder="纬度" style="width: 120px;"></el-input>
+              <span class="location-separator">,</span>
+              <el-input v-model="formData.location.lng" placeholder="经度" style="width: 120px;"></el-input>
+            </div>
+          </el-form-item>
+          
+          <el-form-item label="速度" prop="speed">
+            <el-input v-model="formData.speed" placeholder="请输入速度" suffix="km/h"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="油耗表" prop="fuelConsumption">
+            <el-input-number 
+              v-model="formData.fuelConsumption" 
+              :min="0" 
+              :precision="2" 
+              placeholder="请输入油耗"
+              style="width: 100%;"
+              suffix="L/km"
+            ></el-input-number>
+          </el-form-item>
+          
+          <el-form-item label="高度限制">
+            <div class="altitude-inputs">
+              <el-input-number 
+                v-model="formData.altitude.min" 
+                :min="0" 
+                placeholder="最低高度"
+                style="width: 120px;"
+                suffix="m"
+              ></el-input-number>
+              <span class="altitude-separator">~</span>
+              <el-input-number 
+                v-model="formData.altitude.max" 
+                :min="0" 
+                placeholder="最高高度"
+                style="width: 120px;"
+                suffix="m"
+              ></el-input-number>
+            </div>
+          </el-form-item>
+          
+          <el-form-item label="威力区/扇区">
+            <div class="sector-inputs">
+              <el-input-number 
+                v-model="formData.sector.radius" 
+                :min="0" 
+                placeholder="半径"
+                style="width: 100px;"
+                suffix="km"
+              ></el-input-number>
+              <el-input-number 
+                v-model="formData.sector.angle" 
+                :min="0" 
+                :max="360"
+                placeholder="角度"
+                style="width: 100px;"
+                suffix="°"
+              ></el-input-number>
+            </div>
+          </el-form-item>
+        </el-form>
+      </div>
+      
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="savePlatform">保存</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'PlatformEditDialog',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    platform: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      formData: {
+        name: '',
+        location: {
+          lat: '',
+          lng: ''
+        },
+        speed: '',
+        fuelConsumption: 0,
+        altitude: {
+          min: 0,
+          max: 0
+        },
+        sector: {
+          radius: 0,
+          angle: 0
+        }
+      },
+      rules: {
+        name: [
+          { required: true, message: '请输入平台名称', trigger: 'blur' }
+        ],
+        speed: [
+          { required: true, message: '请输入速度', trigger: 'blur' },
+          { type: 'number', message: '速度必须为数字', trigger: 'blur' }
+        ],
+        fuelConsumption: [
+          { type: 'number', message: '油耗必须为数字', trigger: 'blur' }
+        ]
+      }
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (newVal && this.platform) {
+        this.initFormData();
+      }
+    },
+    platform(newVal) {
+      if (this.value && newVal) {
+        this.initFormData();
+      }
+    }
+  },
+  methods: {
+    initFormData() {
+      // 初始化表单数据，如果平台有相关属性则使用，否则使用默认值
+      this.formData = {
+        name: this.platform.name || '',
+        location: {
+          lat: this.platform.lat || '',
+          lng: this.platform.lng || ''
+        },
+        speed: this.platform.speed || '',
+        fuelConsumption: this.platform.fuelConsumption || 0,
+        altitude: {
+          min: this.platform.minAltitude || 0,
+          max: this.platform.maxAltitude || 0
+        },
+        sector: {
+          radius: this.platform.sectorRadius || 0,
+          angle: this.platform.sectorAngle || 0
+        }
+      };
+    },
+    closeDialog() {
+      this.$emit('input', false);
+    },
+    savePlatform() {
+      this.$refs.formRef.validate((valid) => {
+        if (valid) {
+          // 发送保存事件，将更新后的数据传递给父组件
+          this.$emit('save', {
+            ...this.platform,
+            ...this.formData,
+            lat: this.formData.location.lat,
+            lng: this.formData.location.lng,
+            minAltitude: this.formData.altitude.min,
+            maxAltitude: this.formData.altitude.max,
+            sectorRadius: this.formData.sector.radius,
+            sectorAngle: this.formData.sector.angle
+          });
+          this.closeDialog();
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.platform-edit-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dialog-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(2px);
+}
+
+.dialog-content {
+  position: relative;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  width: 90%;
+  max-width: 500px;
+  max-height: 90vh;
+  overflow-y: auto;
+  animation: dialog-fade-in 0.3s ease;
+}
+
+@keyframes dialog-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.dialog-header h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.close-btn {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.close-btn:hover {
+  color: #666;
+}
+
+.dialog-body {
+  padding: 20px;
+}
+
+.location-inputs,
+.altitude-inputs,
+.sector-inputs {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.location-separator,
+.altitude-separator {
+  color: #999;
+  margin: 0 5px;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid #e8e8e8;
+  gap: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/dialogs/RouteEditDialog.vue b/ruoyi-ui/src/views/dialogs/RouteEditDialog.vue
new file mode 100644
index 0000000..ecee213
--- /dev/null
+++ b/ruoyi-ui/src/views/dialogs/RouteEditDialog.vue
@@ -0,0 +1,229 @@
+<template>
+  <div v-if="value" class="route-edit-dialog">
+    <!-- 遮罩层 -->
+    <div class="dialog-overlay" @click="closeDialog"></div>
+    
+    <!-- 弹窗内容 -->
+    <div class="dialog-content">
+      <div class="dialog-header">
+        <h3>航线编辑</h3>
+        <div class="close-btn" @click="closeDialog">×</div>
+      </div>
+      
+      <div class="dialog-body">
+        <el-form :model="formData" :rules="rules" ref="formRef" label-width="80px" size="small">
+          <!-- 基本信息 -->
+          <el-form-item label="名称" prop="name">
+            <el-input v-model="formData.name" placeholder="请输入航线名称"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="航向" prop="heading">
+            <el-input-number 
+              v-model="formData.heading" 
+              :min="0" 
+              :max="360"
+              placeholder="请输入航向"
+              style="width: 100%;"
+              suffix="°"
+            ></el-input-number>
+          </el-form-item>
+          
+          <el-form-item label="时间" prop="time">
+            <el-input v-model="formData.time" placeholder="请输入时间（如：K+00:40:00）"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="速度" prop="speed">
+            <el-input v-model="formData.speed" placeholder="请输入速度" suffix="km/h"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="距离" prop="distance">
+            <el-input-number 
+              v-model="formData.distance" 
+              :min="0" 
+              :precision="2"
+              placeholder="请输入距离"
+              style="width: 100%;"
+              suffix="km"
+            ></el-input-number>
+          </el-form-item>
+        </el-form>
+      </div>
+      
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="saveRoute">保存</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RouteEditDialog',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    route: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      formData: {
+        name: '',
+        heading: 0,
+        time: '',
+        speed: '',
+        distance: 0
+      },
+      rules: {
+        name: [
+          { required: true, message: '请输入航线名称', trigger: 'blur' }
+        ],
+        heading: [
+          { type: 'number', message: '航向必须为数字', trigger: 'blur' },
+          { min: 0, max: 360, message: '航向必须在0-360度之间', trigger: 'blur' }
+        ],
+        time: [
+          { required: true, message: '请输入时间', trigger: 'blur' }
+        ],
+        speed: [
+          { required: true, message: '请输入速度', trigger: 'blur' },
+          { type: 'number', message: '速度必须为数字', trigger: 'blur' }
+        ],
+        distance: [
+          { type: 'number', message: '距离必须为数字', trigger: 'blur' }
+        ]
+      }
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (newVal && this.route) {
+        this.initFormData();
+      }
+    },
+    route(newVal) {
+      if (this.value && newVal) {
+        this.initFormData();
+      }
+    }
+  },
+  methods: {
+    initFormData() {
+      // 初始化表单数据，如果航线有相关属性则使用，否则使用默认值
+      this.formData = {
+        name: this.route.name || '',
+        heading: this.route.heading || 0,
+        time: this.route.time || '',
+        speed: this.route.speed || '',
+        distance: this.route.distance || 0
+      };
+    },
+    closeDialog() {
+      this.$emit('input', false);
+    },
+    saveRoute() {
+      this.$refs.formRef.validate((valid) => {
+        if (valid) {
+          // 发送保存事件，将更新后的数据传递给父组件
+          this.$emit('save', {
+            ...this.route,
+            ...this.formData
+          });
+          this.closeDialog();
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.route-edit-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dialog-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(2px);
+}
+
+.dialog-content {
+  position: relative;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  width: 90%;
+  max-width: 500px;
+  max-height: 90vh;
+  overflow-y: auto;
+  animation: dialog-fade-in 0.3s ease;
+}
+
+@keyframes dialog-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.dialog-header h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.close-btn {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.close-btn:hover {
+  color: #666;
+}
+
+.dialog-body {
+  padding: 20px;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid #e8e8e8;
+  gap: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/views/dialogs/WaypointEditDialog.vue b/ruoyi-ui/src/views/dialogs/WaypointEditDialog.vue
new file mode 100644
index 0000000..f32ec32
--- /dev/null
+++ b/ruoyi-ui/src/views/dialogs/WaypointEditDialog.vue
@@ -0,0 +1,227 @@
+<template>
+  <div v-if="value" class="waypoint-edit-dialog">
+    <!-- 遮罩层 -->
+    <div class="dialog-overlay" @click="closeDialog"></div>
+    
+    <!-- 弹窗内容 -->
+    <div class="dialog-content">
+      <div class="dialog-header">
+        <h3>航点编辑</h3>
+        <div class="close-btn" @click="closeDialog">×</div>
+      </div>
+      
+      <div class="dialog-body">
+        <el-form :model="formData" :rules="rules" ref="formRef" label-width="80px" size="small">
+          <!-- 基本信息 -->
+          <el-form-item label="名称" prop="name">
+            <el-input v-model="formData.name" placeholder="请输入航点名称"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="高度" prop="altitude">
+            <el-input-number 
+              v-model="formData.altitude" 
+              :min="0" 
+              placeholder="请输入高度"
+              style="width: 100%;"
+              suffix="m"
+            ></el-input-number>
+          </el-form-item>
+          
+          <el-form-item label="速度" prop="speed">
+            <el-input v-model="formData.speed" placeholder="请输入速度" suffix="km/h"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="时间" prop="eta">
+            <el-input v-model="formData.eta" placeholder="请输入到达时间（如：K+00:40:00）"></el-input>
+          </el-form-item>
+          
+          <el-form-item label="转弯半径" prop="turnRadius">
+            <el-input-number 
+              v-model="formData.turnRadius" 
+              :min="0" 
+              placeholder="请输入转弯半径"
+              style="width: 100%;"
+              suffix="m"
+            ></el-input-number>
+          </el-form-item>
+        </el-form>
+      </div>
+      
+      <div class="dialog-footer">
+        <el-button @click="closeDialog">取消</el-button>
+        <el-button type="primary" @click="saveWaypoint">保存</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaypointEditDialog',
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    waypoint: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      formData: {
+        name: '',
+        altitude: 0,
+        speed: '',
+        eta: '',
+        turnRadius: 0
+      },
+      rules: {
+        name: [
+          { required: true, message: '请输入航点名称', trigger: 'blur' }
+        ],
+        altitude: [
+          { required: true, message: '请输入高度', trigger: 'blur' },
+          { type: 'number', message: '高度必须为数字', trigger: 'blur' }
+        ],
+        speed: [
+          { required: true, message: '请输入速度', trigger: 'blur' },
+          { type: 'number', message: '速度必须为数字', trigger: 'blur' }
+        ],
+        eta: [
+          { required: true, message: '请输入到达时间', trigger: 'blur' }
+        ],
+        turnRadius: [
+          { type: 'number', message: '转弯半径必须为数字', trigger: 'blur' }
+        ]
+      }
+    };
+  },
+  watch: {
+    value(newVal) {
+      if (newVal && this.waypoint) {
+        this.initFormData();
+      }
+    },
+    waypoint(newVal) {
+      if (this.value && newVal) {
+        this.initFormData();
+      }
+    }
+  },
+  methods: {
+    initFormData() {
+      // 初始化表单数据，如果航点有相关属性则使用，否则使用默认值
+      this.formData = {
+        name: this.waypoint.name || '',
+        altitude: this.waypoint.altitude || 0,
+        speed: this.waypoint.speed || '',
+        eta: this.waypoint.eta || '',
+        turnRadius: this.waypoint.turnRadius || 0
+      };
+    },
+    closeDialog() {
+      this.$emit('input', false);
+    },
+    saveWaypoint() {
+      this.$refs.formRef.validate((valid) => {
+        if (valid) {
+          // 发送保存事件，将更新后的数据传递给父组件
+          this.$emit('save', {
+            ...this.waypoint,
+            ...this.formData
+          });
+          this.closeDialog();
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style scoped>
+.waypoint-edit-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dialog-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(2px);
+}
+
+.dialog-content {
+  position: relative;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
+  width: 90%;
+  max-width: 500px;
+  max-height: 90vh;
+  overflow-y: auto;
+  animation: dialog-fade-in 0.3s ease;
+}
+
+@keyframes dialog-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e8e8e8;
+}
+
+.dialog-header h3 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333;
+}
+
+.close-btn {
+  font-size: 20px;
+  color: #999;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.close-btn:hover {
+  color: #666;
+}
+
+.dialog-body {
+  padding: 20px;
+}
+
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 16px 20px;
+  border-top: 1px solid #e8e8e8;
+  gap: 10px;
+}
+</style>
\ No newline at end of file