From d262de819c02c1a8a110449cf93e13153d0d98d1 Mon Sep 17 00:00:00 2001
From: sd <1504629600@qq.com>
Date: Wed, 21 Jan 2026 14:21:00 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E8=84=91=E8=A2=8B=E6=90=AC=E5=AE=B6?=
 =?UTF-8?q?=E4=BA=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/views/cesiumMap/index.vue           |  57 +-
 ruoyi-ui/src/views/childRoom/BottomLeftPanel.vue |  49 +-
 ruoyi-ui/src/views/childRoom/TopHeader.vue       | 769 +++++++++++++++++++++++
 ruoyi-ui/src/views/childRoom/index.vue           | 714 +++------------------
 4 files changed, 938 insertions(+), 651 deletions(-)
 create mode 100644 ruoyi-ui/src/views/childRoom/TopHeader.vue

diff --git a/ruoyi-ui/src/views/cesiumMap/index.vue b/ruoyi-ui/src/views/cesiumMap/index.vue
index a72c2b2..da95076 100644
--- a/ruoyi-ui/src/views/cesiumMap/index.vue
+++ b/ruoyi-ui/src/views/cesiumMap/index.vue
@@ -963,31 +963,34 @@ export default {
   return entity
 },
     addCircleEntity(center, radius) {
-  this.entityCounter++
-  const id = `circle_${this.entityCounter}`
+      // 确保半径有效
+      const validRadius = Math.max(radius, 1)
+      
+      this.entityCounter++
+      const id = `circle_${this.entityCounter}`
 
-  const entity = this.viewer.entities.add({
-    id: id,
-    name: `圆形 ${this.entityCounter}`,
-    position: center, // 圆心位置
-
-    // 【优化】使用 ellipse (椭圆) 绘制圆形
-    ellipse: {
-      semiMinorAxis: radius, // 半短轴 = 半径
-      semiMajorAxis: radius, // 半长轴 = 半径
-      material: Cesium.Color.fromCssColorString(this.defaultStyles.circle.color)
-        .withAlpha(this.defaultStyles.circle.opacity),
-      outline: true,
-      outlineColor: Cesium.Color.fromCssColorString(this.defaultStyles.circle.color),
-      outlineWidth: this.defaultStyles.circle.width
-    }
-  })
+      const entity = this.viewer.entities.add({
+        id: id,
+        name: `圆形 ${this.entityCounter}`,
+        position: center, // 圆心位置
 
-  // 【重要修改】直接把 entity 推入数组
-  this.allEntities.push(entity)
+        // 【优化】使用 ellipse (椭圆) 绘制圆形
+        ellipse: {
+          semiMinorAxis: validRadius, // 半短轴 = 半径
+          semiMajorAxis: validRadius, // 半长轴 = 半径
+          material: Cesium.Color.fromCssColorString(this.defaultStyles.circle.color)
+            .withAlpha(this.defaultStyles.circle.opacity),
+          outline: true,
+          outlineColor: Cesium.Color.fromCssColorString(this.defaultStyles.circle.color),
+          outlineWidth: this.defaultStyles.circle.width
+        }
+      })
 
-  return entity
-},
+      // 【重要修改】直接把 entity 推入数组
+      this.allEntities.push(entity)
+
+      return entity
+    },
 
     // ================== 工具方法 ==================
 
@@ -1379,11 +1382,17 @@ export default {
           break
 
         case 'circle':
+          // 检查半径是否有效
+          const radius = entityData.data.radius || 1000
+          if (radius <= 0) {
+            this.$message.error('圆形半径必须大于0')
+            return
+          }
           entity = this.viewer.entities.add({
             position: Cesium.Cartesian3.fromDegrees(entityData.data.center.lng, entityData.data.center.lat),
             ellipse: {
-              semiMinorAxis: entityData.data.radius,
-              semiMajorAxis: entityData.data.radius,
+              semiMinorAxis: radius,
+              semiMajorAxis: radius,
               material: Cesium.Color.fromCssColorString(color).withAlpha(0.5),
               outline: true,
               outlineColor: Cesium.Color.fromCssColorString(color),
diff --git a/ruoyi-ui/src/views/childRoom/BottomLeftPanel.vue b/ruoyi-ui/src/views/childRoom/BottomLeftPanel.vue
index 177a63a..57bae6e 100644
--- a/ruoyi-ui/src/views/childRoom/BottomLeftPanel.vue
+++ b/ruoyi-ui/src/views/childRoom/BottomLeftPanel.vue
@@ -31,7 +31,7 @@
         <div v-if="activeTab === 'timeline'" class="timeline-content">
           <h3>时间线</h3>
           <div class="timeline-list">
-            <div v-for="(item, index) in timelineData" :key="index" class="timeline-item">
+            <div v-for="(item, index) in timelineData" :key="index" class="timeline-item" :class="{ current: item.current }">
               <div class="timeline-dot"></div>
               <div class="timeline-info">
                 <div class="timeline-time">{{ item.time }}</div>
@@ -78,11 +78,11 @@ export default {
       dialogTitle: '',
       activeTab: '',
       timelineData: [
-        { time: 'K-02:00', event: '任务准备阶段' },
-        { time: 'K-01:00', event: '资源调配' },
-        { time: 'K时', event: '任务执行' },
-        { time: 'K+01:00', event: '任务监控' },
-        { time: 'K+02:00', event: '任务完成' }
+        { time: 'K-02:00', event: '任务准备阶段', current: false },
+        { time: 'K-01:00', event: '资源调配', current: false },
+        { time: 'K时', event: '任务执行', current: true },
+        { time: 'K+01:00', event: '任务监控', current: false },
+        { time: 'K+02:00', event: '任务完成', current: false }
       ],
       progressData: [
         { label: '任务准备', percentage: 100, status: 'success' },
@@ -233,6 +233,43 @@ export default {
   position: relative;
 }
 
+.timeline-item.current {
+  background: rgba(64, 158, 255, 0.1);
+  border-radius: 6px;
+  padding: 8px;
+}
+
+.timeline-item.current .timeline-dot {
+  background: #ff6600;
+  box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.3);
+  animation: pulse 2s infinite;
+}
+
+.timeline-item.current .timeline-time {
+  color: #ff6600;
+  font-weight: 700;
+}
+
+.timeline-item.current .timeline-event {
+  color: #333;
+  font-weight: 600;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.2);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
 .timeline-item::before {
   content: '';
   position: absolute;
diff --git a/ruoyi-ui/src/views/childRoom/TopHeader.vue b/ruoyi-ui/src/views/childRoom/TopHeader.vue
new file mode 100644
index 0000000..2396bd8
--- /dev/null
+++ b/ruoyi-ui/src/views/childRoom/TopHeader.vue
@@ -0,0 +1,769 @@
+<template>
+  <div class="floating-header">
+    <div class="header-left">
+      <div class="system-title">
+        <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" 
+            :key="item.id"
+            class="top-nav-item"
+            :class="{ active: activeTopNav === item.id }"
+            @click="selectTopNav(item)"
+          >
+            <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="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-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 === 'airspace'" 
+              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="powerZone">威力区</el-dropdown-item>
+                <el-dropdown-item @click.native="threatZone">威胁区</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 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="pageLayout">页面布局</el-dropdown-item>
+                      <el-dropdown-item @click.native="dataStoragePath">数据存储路径</el-dropdown-item>
+                      <el-dropdown-item @click.native="externalParams">外部参数</el-dropdown-item>
+                      <el-dropdown-item @click.native="toggleAirport">显示/隐藏机场</el-dropdown-item>
+                      <el-dropdown-item @click.native="toggleLandmark">显示/隐藏地标</el-dropdown-item>
+                      <el-dropdown-item @click.native="toggleRoute">显示/隐藏航线</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </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>
+
+      <div class="header-right">
+        <!-- 作战信息区域 -->
+        <div class="combat-info-group">
+          <!-- 房间编号 -->
+          <div class="info-box">
+            <i class="el-icon-office-building info-icon"></i>
+            <div class="info-content">
+              <div class="info-label">房间编号</div>
+              <div class="info-value">{{ roomCode }}</div>
+            </div>
+          </div>
+          
+          <!-- 在线人数 -->
+          <div class="info-box" @click="showOnlineMembersDialog">
+            <i class="el-icon-user info-icon"></i>
+            <div class="info-content">
+              <div class="info-label">在线人数</div>
+              <div class="info-value">{{ onlineCount }}人</div>
+            </div>
+          </div>
+          
+          <!-- 作战时间 -->
+          <div class="info-box">
+            <i class="el-icon-timer info-icon"></i>
+            <div class="info-content">
+              <div class="info-label">作战时间</div>
+              <div class="info-value">{{ combatTime }}</div>
+            </div>
+          </div>
+          
+          <!-- 天文时间 -->
+          <div class="info-box">
+            <i class="el-icon-sunny info-icon"></i>
+            <div class="info-content">
+              <div class="info-label">天文时间</div>
+              <div class="info-value">{{ astroTime }}</div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 用户状态区域 -->
+        <div class="user-status-area">
+          <!-- 用户头像 -->
+          <el-avatar :size="32" :src="userAvatar" class="user-avatar" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TopHeader',
+  props: {
+    roomCode: {
+      type: String,
+      default: 'JTF-7-ALPHA'
+    },
+    onlineCount: {
+      type: Number,
+      default: 30
+    },
+    combatTime: {
+      type: String,
+      default: 'K+01:30:45'
+    },
+    astroTime: {
+      type: String,
+      default: ''
+    },
+    userAvatar: {
+      type: String,
+      default: 'https://cube.elemecdn.com/0/88dd03f9bf287d08f58fbcf58fddbf4a8c6/avatar.png'
+    }
+  },
+  data() {
+    return {
+      activeTopNav: 'file',
+      topNavItems: [
+        { id: 'file', name: '文件', icon: 'el-icon-document' },
+        { id: 'edit', name: '编辑', icon: 'el-icon-edit' },
+        { id: 'view', name: '视图', icon: 'el-icon-view' },
+        { id: 'map', name: '地图', icon: 'el-icon-map-location' },
+        { id: 'airspace', name: '空域', icon: 'el-icon-s-grid' },
+        { id: 'tools', name: '工具', icon: 'el-icon-setting' },
+        { id: 'options', name: '选项', icon: 'el-icon-s-tools' },
+        { id: 'favorites', name: '收藏', icon: 'el-icon-star-on' }
+      ]
+    }
+  },
+  methods: {
+    selectTopNav(item) {
+      this.$emit('select-nav', item)
+    },
+    
+    // 文件下拉菜单方法
+    savePlan() {
+      this.$emit('save-plan')
+    },
+    
+    importPlanFile() {
+      this.$emit('import-plan-file')
+    },
+    
+    importACD() {
+      this.$emit('import-acd')
+    },
+    
+    importATO() {
+      this.$emit('import-ato')
+    },
+    
+    importLayer() {
+      this.$emit('import-layer')
+    },
+    
+    importRoute() {
+      this.$emit('import-route')
+    },
+    
+    exportPlan() {
+      this.$emit('export-plan')
+    },
+    
+    // 编辑下拉菜单方法
+    routeEdit() {
+      this.$emit('route-edit')
+    },
+    
+    militaryMarking() {
+      this.$emit('military-marking')
+    },
+    
+    iconEdit() {
+      this.$emit('icon-edit')
+    },
+    
+    attributeEdit() {
+      this.$emit('attribute-edit')
+    },
+    
+    timeSettings() {
+      this.$emit('time-settings')
+    },
+    
+    aircraftSettings() {
+      this.$emit('aircraft-settings')
+    },
+    
+    keyEventEdit() {
+      this.$emit('key-event-edit')
+    },
+    
+    missileLaunch() {
+      this.$emit('missile-launch')
+    },
+    
+    // 视图下拉菜单方法
+    toggle2D3D() {
+      this.$emit('toggle-2d-3d')
+    },
+    
+    toggleRuler() {
+      this.$emit('toggle-ruler')
+    },
+    
+    toggleGrid() {
+      this.$emit('toggle-grid')
+    },
+    
+    toggleScale() {
+      this.$emit('toggle-scale')
+    },
+    
+    // 地图下拉菜单方法
+    loadTerrain() {
+      this.$emit('load-terrain')
+    },
+    
+    changeProjection() {
+      this.$emit('change-projection')
+    },
+    
+    loadAeroChart() {
+      this.$emit('load-aero-chart')
+    },
+    
+    // 空域下拉菜单方法
+    powerZone() {
+      this.$emit('power-zone')
+    },
+    
+    threatZone() {
+      this.$emit('threat-zone')
+    },
+    
+    // 工具下拉菜单方法
+    routeCalculation() {
+      this.$emit('route-calculation')
+    },
+    
+    conflictDisplay() {
+      this.$emit('conflict-display')
+    },
+    
+    dataMaterials() {
+      this.$emit('data-materials')
+    },
+    
+    coordinateConversion() {
+      this.$emit('coordinate-conversion')
+    },
+    
+    // 选项下拉菜单方法
+    pageLayout() {
+      this.$emit('page-layout')
+    },
+    
+    dataStoragePath() {
+      this.$emit('data-storage-path')
+    },
+    
+    externalParams() {
+      this.$emit('external-params')
+    },
+    
+    toggleAirport() {
+      this.$emit('toggle-airport')
+    },
+    
+    toggleLandmark() {
+      this.$emit('toggle-landmark')
+    },
+    
+    toggleRoute() {
+      this.$emit('toggle-route')
+    },
+    
+    systemDescription() {
+      this.$emit('system-description')
+    },
+    
+    // 收藏下拉菜单方法
+    layerFavorites() {
+      this.$emit('layer-favorites')
+    },
+    
+    routeFavorites() {
+      this.$emit('route-favorites')
+    },
+    
+    showOnlineMembersDialog() {
+      this.$emit('show-online-members')
+    }
+  }
+}
+</script>
+
+<style scoped>
+/* 顶部导航栏 - 最终优化设计 */
+.floating-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 60px;
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 100;
+  backdrop-filter: blur(15px);
+  background: rgba(255, 255, 255, 0.85);
+  border-bottom: 1px solid rgba(0, 138, 255, 0.2);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 25px;
+  flex: 1;
+}
+
+.system-title {
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  font-weight: bold;
+  min-width: 180px;
+}
+
+.system-title i {
+  font-size: 24px;
+  color: #008aff;
+}
+
+.blue-title {
+  color: #008aff !important;
+}
+
+/* 顶部导航菜单 - 优化为简洁文字效果 */
+.top-nav-menu {
+  display: flex;
+  gap: 0;
+  flex: 1;
+  overflow-x: auto;
+  max-width: 800px;
+  padding: 5px 0;
+  scrollbar-width: thin;
+}
+
+.top-nav-menu::-webkit-scrollbar {
+  height: 3px;
+}
+
+.top-nav-menu::-webkit-scrollbar-track {
+  background: rgba(0, 138, 255, 0.1);
+  border-radius: 2px;
+}
+
+.top-nav-menu::-webkit-scrollbar-thumb {
+  background: rgba(0, 138, 255, 0.3);
+  border-radius: 2px;
+}
+
+.top-nav-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 12px;
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 600;
+  color: #333;
+  transition: all 0.3s;
+  border-radius: 4px;
+  white-space: nowrap;
+  min-width: 60px;
+  justify-content: center;
+  margin: 0 1px;
+  position: relative;
+  flex-shrink: 0;
+}
+
+.top-nav-item:hover {
+  color: #008aff;
+  background: rgba(0, 138, 255, 0.05);
+}
+
+.top-nav-item.active {
+  color: #008aff;
+  font-weight: 700;
+}
+
+/* 移除了蓝色指示条 */
+.top-nav-item.active::after {
+  display: none;
+}
+
+.nav-icon {
+  font-size: 16px;
+  transition: all 0.3s;
+}
+
+.top-nav-item:hover .nav-icon,
+.top-nav-item.active .nav-icon {
+  transform: scale(1.1);
+}
+
+.nav-text {
+  font-size: 13px;
+  font-weight: 600;
+  transition: all 0.3s;
+}
+
+/* 下拉菜单样式 */
+.file-dropdown {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.dropdown-trigger {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.file-dropdown-menu {
+  margin-top: 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;
+}
+
+.file-dropdown-menu .el-dropdown-menu__item {
+  padding: 8px 16px;
+  font-size: 14px;
+  color: #333;
+  transition: all 0.2s ease;
+  margin: 0;
+}
+
+.file-dropdown-menu .el-dropdown-menu__item:hover {
+  background: rgba(0, 138, 255, 0.1);
+  color: #008aff;
+}
+
+.file-dropdown-menu .el-dropdown-menu__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
+}
+
+.file-dropdown-menu .el-dropdown-menu__item:last-child {
+  border-bottom: none;
+}
+
+.submenu-item {
+  position: relative;
+}
+
+.submenu-dropdown {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.submenu-trigger {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+
+.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;
+}
+
+.submenu .el-dropdown-menu__item {
+  padding: 8px 16px;
+  font-size: 14px;
+  color: #333;
+  transition: all 0.2s ease;
+  margin: 0;
+}
+
+.submenu .el-dropdown-menu__item:hover {
+  background: rgba(0, 138, 255, 0.1);
+  color: #008aff;
+}
+
+.submenu .el-dropdown-menu__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
+}
+
+.submenu .el-dropdown-menu__item:last-child {
+  border-bottom: none;
+}
+
+/* 右侧信息区域 */
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+.combat-info-group {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+
+.info-box {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background: rgba(255, 255, 255, 0.6);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.3s;
+  border: 1px solid rgba(0, 138, 255, 0.1);
+}
+
+.info-box:hover {
+  background: rgba(0, 138, 255, 0.1);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 138, 255, 0.2);
+}
+
+.combat-info-group .info-box:nth-child(3) .info-value {
+  color: #409EFF;
+  font-weight: 600;
+}
+
+.combat-info-group .info-box:nth-child(4) .info-value {
+  color: #67c23a;
+  font-weight: 600;
+}
+
+.info-icon {
+  font-size: 20px;
+  color: #008aff;
+}
+
+.info-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.info-label {
+  font-size: 11px;
+  color: #666;
+}
+
+.info-value {
+  font-size: 13px;
+  color: #333;
+  font-weight: 600;
+}
+
+.user-status-area {
+  display: flex;
+  align-items: center;
+}
+
+.user-avatar {
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.user-avatar:hover {
+  transform: scale(1.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+</style>
diff --git a/ruoyi-ui/src/views/childRoom/index.vue b/ruoyi-ui/src/views/childRoom/index.vue
index 924ef63..c1c8c89 100644
--- a/ruoyi-ui/src/views/childRoom/index.vue
+++ b/ruoyi-ui/src/views/childRoom/index.vue
@@ -23,229 +23,53 @@
       </div>
     </div>
 
-    <!-- 顶部浮动导航栏 - 最终优化设计 -->
-    <div class="floating-header">
-      <div class="header-left">
-        <div class="system-title">
-          <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" 
-            :key="item.id"
-            class="top-nav-item"
-            :class="{ active: activeTopNav === item.id }"
-            @click="selectTopNav(item)"
-          >
-            <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>
-
-      <div class="header-right">
-        <!-- 作战信息区域 -->
-        <div class="combat-info-group">
-          <!-- 房间编号 -->
-          <div class="info-box">
-            <i class="el-icon-office-building info-icon"></i>
-            <div class="info-content">
-              <div class="info-label">房间编号</div>
-              <div class="info-value">{{ roomCode }}</div>
-            </div>
-          </div>
-          
-          <!-- 在线人数 -->
-          <div class="info-box" @click="showOnlineMembersDialog">
-            <i class="el-icon-user info-icon"></i>
-            <div class="info-content">
-              <div class="info-label">在线人数</div>
-              <div class="info-value">{{ onlineCount }}人</div>
-            </div>
-          </div>
-          
-          <!-- 作战时间 -->
-          <div class="info-box">
-            <i class="el-icon-timer info-icon"></i>
-            <div class="info-content">
-              <div class="info-label">作战时间</div>
-              <div class="info-value">{{ combatTime }}</div>
-            </div>
-          </div>
-          
-          <!-- 天文时间 -->
-          <div class="info-box">
-            <i class="el-icon-sunny info-icon"></i>
-            <div class="info-content">
-              <div class="info-label">天文时间</div>
-              <div class="info-value">{{ astroTime }}</div>
-            </div>
-          </div>
-        </div>
-        
-        <!-- 用户状态区域 -->
-        <div class="user-status-area">
-          <!-- 用户头像 -->
-          <el-avatar :size="32" :src="userAvatar" class="user-avatar" />
-        </div>
-      </div>
-    </div>
+    <!-- 顶部导航栏 -->
+    <top-header
+      :room-code="roomCode"
+      :online-count="onlineCount"
+      :combat-time="combatTime"
+      :astro-time="astroTime"
+      :user-avatar="userAvatar"
+      @select-nav="selectTopNav"
+      @save-plan="savePlan"
+      @import-plan-file="importPlanFile"
+      @import-acd="importACD"
+      @import-ato="importATO"
+      @import-layer="importLayer"
+      @import-route="importRoute"
+      @export-plan="exportPlan"
+      @route-edit="routeEdit"
+      @military-marking="militaryMarking"
+      @icon-edit="iconEdit"
+      @attribute-edit="attributeEdit"
+      @time-settings="timeSettings"
+      @aircraft-settings="aircraftSettings"
+      @key-event-edit="keyEventEdit"
+      @missile-launch="missileLaunch"
+      @toggle-2d-3d="toggle2D3D"
+      @toggle-ruler="toggleRuler"
+      @toggle-grid="toggleGrid"
+      @toggle-scale="toggleScale"
+      @load-terrain="loadTerrain"
+      @change-projection="changeProjection"
+      @load-aero-chart="loadAeroChart"
+      @power-zone="powerZone"
+      @threat-zone="threatZone"
+      @route-calculation="routeCalculation"
+      @conflict-display="conflictDisplay"
+      @data-materials="dataMaterials"
+      @coordinate-conversion="coordinateConversion"
+      @page-layout="pageLayout"
+      @data-storage-path="dataStoragePath"
+      @external-params="externalParams"
+      @toggle-airport="toggleAirport"
+      @toggle-landmark="toggleLandmark"
+      @toggle-route="toggleRoute"
+      @system-description="systemDescription"
+      @layer-favorites="layerFavorites"
+      @route-favorites="routeFavorites"
+      @show-online-members="showOnlineMembersDialog"
+    />
 
     <!-- 左侧折叠菜单栏 - 蓝色主题 -->
     <left-menu
@@ -379,6 +203,7 @@ import WaypointEditDialog from '@/views/dialogs/WaypointEditDialog'
 import LeftMenu from './LeftMenu'
 import RightPanel from './RightPanel'
 import BottomLeftPanel from './BottomLeftPanel'
+import TopHeader from './TopHeader'
 export default {
   name: 'MissionPlanningView',
   components: {
@@ -389,7 +214,8 @@ export default {
     WaypointEditDialog,
     LeftMenu,
     RightPanel,
-    BottomLeftPanel
+    BottomLeftPanel,
+    TopHeader
   },
   data() {
     return {
@@ -403,18 +229,6 @@ export default {
       selectedRoute: null,
       showWaypointDialog: false,
       selectedWaypoint: null,
-      // 顶部导航
-      activeTopNav: 'file',
-      topNavItems: [
-        { id: 'file', name: '文件', icon: 'el-icon-document' },
-        { id: 'edit', name: '编辑', icon: 'el-icon-edit' },
-        { id: 'view', name: '视图', icon: 'el-icon-view' },
-        { id: 'map', name: '地图', icon: 'el-icon-map-location' },
-        { id: 'airspace', name: '空域', icon: 'el-icon-s-grid' },
-        { id: 'tools', name: '工具', icon: 'el-icon-setting' },
-        { id: 'options', name: '选项', icon: 'el-icon-s-tools' },
-        { id: 'favorites', name: '收藏', icon: 'el-icon-star-on' }
-      ],
       
       // 作战信息
       roomCode: 'JTF-7-ALPHA',
@@ -432,6 +246,11 @@ export default {
       // K时弹出框控制
       showKTimePopup: false,
       
+      // 显示/隐藏控制
+      showAirport: true,
+      showLandmark: true,
+      showRoute: true,
+      
       menuItems: [
         { id: 'file', name: '方案', icon: 'el-icon-s-operation' },
         { id: 'start', name: '冲突', icon: 'el-icon-warning-outline' },
@@ -585,12 +404,6 @@ export default {
       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;
@@ -609,187 +422,166 @@ export default {
     },
     
     // 文件下拉菜单方法
-    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('航空图');
-      // 这里可以添加航空图加载的逻辑
+    },
+    
+    // 空域下拉菜单方法
+    powerZone() {
+      this.$message.success('威力区');
+    },
+    
+    threatZone() {
+      this.$message.success('威胁区');
     },
     
     // 工具下拉菜单方法
     routeCalculation() {
       this.$message.success('航线计算');
-      // 这里可以添加航线计算的逻辑
     },
     
     conflictDisplay() {
       this.$message.success('冲突显示');
-      // 这里可以添加冲突显示的逻辑
     },
     
     dataMaterials() {
       this.$message.success('数据资料');
-      // 这里可以添加数据资料管理的逻辑
     },
     
     coordinateConversion() {
       this.$message.success('坐标换算');
-      // 这里可以添加坐标换算的逻辑
     },
     
     // 选项下拉菜单方法
-    settings() {
-      this.$message.success('设置');
-      // 这里可以添加系统设置的逻辑
+    pageLayout() {
+      this.$message.success('页面布局');
+    },
+    
+    dataStoragePath() {
+      this.$message.success('数据存储路径');
+    },
+    
+    externalParams() {
+      this.$message.success('外部参数');
+    },
+    
+    toggleAirport() {
+      this.showAirport = !this.showAirport;
+      this.$message.success(this.showAirport ? '显示机场' : '隐藏机场');
+    },
+    
+    toggleLandmark() {
+      this.showLandmark = !this.showLandmark;
+      this.$message.success(this.showLandmark ? '显示地标' : '隐藏地标');
+    },
+    
+    toggleRoute() {
+      this.showRoute = !this.showRoute;
+      this.$message.success(this.showRoute ? '显示航线' : '隐藏航线');
     },
     
     systemDescription() {
       this.$message.success('系统说明');
-      // 这里可以添加系统说明的逻辑
     },
     
     // 收藏下拉菜单方法
     layerFavorites() {
       this.$message.success('图层收藏');
-      // 这里可以添加图层收藏的逻辑
     },
     
     routeFavorites() {
       this.$message.success('航线收藏');
-      // 这里可以添加航线收藏的逻辑
+    },
+    
+    showOnlineMembersDialog() {
+      this.showOnlineMembers = true;
     },
     
     hideRightPanel() {
@@ -1153,326 +945,6 @@ background: url('~@/assets/map-background.png');
   color: #008aff;
 }
 
-/* 顶部导航栏 - 最终优化设计 */
-.floating-header {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 60px;
-  padding: 0 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  z-index: 100;
-  backdrop-filter: blur(15px);
-  background: rgba(255, 255, 255, 0.85);
-  border-bottom: 1px solid rgba(0, 138, 255, 0.2);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: 25px;
-  flex: 1;
-}
-
-.system-title {
-  display: flex;
-  align-items: center;
-  font-size: 18px;
-  font-weight: bold;
-  min-width: 180px;
-}
-
-.system-title i {
-  font-size: 24px;
-  color: #008aff;
-}
-
-.blue-title {
-  color: #008aff !important;
-}
-
-/* 顶部导航菜单 - 优化为简洁文字效果 */
-.top-nav-menu {
-  display: flex;
-  gap: 0;
-  flex: 1;
-  overflow-x: auto;
-  max-width: 800px;
-  padding: 5px 0;
-  scrollbar-width: thin;
-}
-
-.top-nav-menu::-webkit-scrollbar {
-  height: 3px;
-}
-
-.top-nav-menu::-webkit-scrollbar-track {
-  background: rgba(0, 138, 255, 0.1);
-  border-radius: 2px;
-}
-
-.top-nav-menu::-webkit-scrollbar-thumb {
-  background: rgba(0, 138, 255, 0.3);
-  border-radius: 2px;
-}
-
-.top-nav-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 12px;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 600;
-  color: #333;
-  transition: all 0.3s;
-  border-radius: 4px;
-  white-space: nowrap;
-  min-width: 60px;
-  justify-content: center;
-  margin: 0 1px;
-  position: relative;
-  flex-shrink: 0;
-}
-
-.top-nav-item:hover {
-  color: #008aff;
-}
-
-.top-nav-item.active {
-  color: #008aff;
-  font-weight: 700;
-}
-
-/* 移除了蓝色指示条 */
-.top-nav-item.active::after {
-  display: none;
-}
-
-.nav-icon {
-  font-size: 14px;
-  color: #333;
-  transition: all 0.3s;
-}
-
-.top-nav-item:hover .nav-icon,
-.top-nav-item.active .nav-icon {
-  color: #008aff;
-}
-
-.nav-text {
-  display: block;
-}
-
-/* 右侧区域 */
-.header-right {
-  display: flex;
-  align-items: center;
-  gap: 15px;
-}
-
-/* 作战信息组 */
-.combat-info-group {
-  display: flex;
-  gap: 12px;
-}
-
-.info-box {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  border-radius: 6px;
-  transition: all 0.3s;
-  background: rgba(255, 255, 255, 0.7);
-  border: 1px solid rgba(0, 138, 255, 0.2);
-  box-shadow: 0 2px 6px rgba(0, 138, 255, 0.1);
-  min-width: 120px;
-}
-
-.info-box:hover {
-  background: rgba(255, 255, 255, 0.9);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 10px rgba(0, 138, 255, 0.2);
-  border-color: rgba(0, 138, 255, 0.3);
-}
-
-.info-icon {
-  font-size: 16px;
-  color: #008aff;
-  min-width: 20px;
-  text-align: center;
-}
-
-.info-content {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-
-.info-label {
-  font-size: 11px;
-  color: #666;
-  font-weight: 500;
-  margin-bottom: 2px;
-  white-space: nowrap;
-}
-
-.info-value {
-  font-size: 13px;
-  font-weight: 700;
-  color: #333;
-  white-space: nowrap;
-  font-family: 'Courier New', monospace;
-  letter-spacing: 0.5px;
-}
-
-/* 作战时间和天文时间的特殊样式 */
-.combat-info-group .info-box:nth-child(3) .info-value {
-  color: #008aff;
-}
-
-.combat-info-group .info-box:nth-child(4) .info-value {
-  color: #52c41a;
-}
-
-/* 用户状态区域 */
-.user-status-area {
-  display: flex;
-  align-items: center;
-}
-
-.user-avatar {
-  border: 2px solid rgba(0, 138, 255, 0.3);
-  box-shadow: 0 2px 6px rgba(0, 138, 255, 0.15);
-  transition: all 0.3s;
-  background: rgba(255, 255, 255, 0.9);
-}
-
-.user-avatar:hover {
-  transform: scale(1.1);
-  box-shadow: 0 4px 10px rgba(0, 138, 255, 0.25);
-  border-color: rgba(0, 138, 255, 0.6);
-}
-
-/* 二级菜单样式 */
-.submenu-item {
-  position: relative;
-}
-
-.submenu-dropdown {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.submenu-trigger {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.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;
-}
-
-.submenu .el-dropdown-menu__item {
-  padding: 8px 16px;
-  font-size: 14px;
-  color: #333;
-  transition: all 0.2s ease;
-  margin: 0;
-}
-
-.submenu .el-dropdown-menu__item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  color: #008aff;
-}
-
-.submenu .el-dropdown-menu__item:not(:last-child) {
-  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
-}
-
-.submenu .el-dropdown-menu__item:last-child {
-  border-bottom: none;
-}
-
-/* 文件下拉菜单样式 */
-.file-dropdown {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.dropdown-trigger {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  cursor: pointer;
-}
-
-.file-dropdown-menu {
-  margin-top: 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;
-}
-
-.file-dropdown-menu .el-dropdown-menu__item {
-  padding: 8px 16px;
-  font-size: 14px;
-  color: #333;
-  transition: all 0.2s ease;
-  margin: 0;
-}
-
-.file-dropdown-menu .el-dropdown-menu__item:hover {
-  background: rgba(0, 138, 255, 0.1);
-  color: #008aff;
-}
-
-.file-dropdown-menu .el-dropdown-menu__item:not(:last-child) {
-  border-bottom: 1px solid rgba(0, 138, 255, 0.1);
-}
-
-.file-dropdown-menu .el-dropdown-menu__item:last-child {
-  border-bottom: none;
-}
-
-/* 顶部导航菜单调整，为下拉菜单留出空间 */
-.top-nav-item {
-  position: relative;
-}
-
 .status-dot.operating { 
   background: #008aff; 
   animation: pulse 2s infinite; 

From 43d7c663a3d3ff94c9e33ec8159361f7eadc2217 Mon Sep 17 00:00:00 2001
From: sd <1504629600@qq.com>
Date: Wed, 21 Jan 2026 15:25:25 +0800
Subject: [PATCH 2/2] 1

---
 ruoyi-ui/src/views/childRoom/TopHeader.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ruoyi-ui/src/views/childRoom/TopHeader.vue b/ruoyi-ui/src/views/childRoom/TopHeader.vue
index 2396bd8..870d0ad 100644
--- a/ruoyi-ui/src/views/childRoom/TopHeader.vue
+++ b/ruoyi-ui/src/views/childRoom/TopHeader.vue
@@ -249,7 +249,6 @@
           <!-- 用户头像 -->
           <el-avatar :size="32" :src="userAvatar" class="user-avatar" />
         </div>
-      </div>
     </div>
   </div>
 </template>