woka
/
cesium-map-object
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

去掉冗余代码

master
menghao 3 months ago
parent
0bdc6a56f0
commit
9b1daba6fe
1 changed files with 108 additions and 112 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 220
      ruoyi-ui/src/views/childRoom/index.vue

220
ruoyi-ui/src/views/childRoom/index.vue
View File

@ -10,10 +10,10 @@
<p>二维GIS地图区域</p>
<p class="text-sm mt-1">支持标绘/航线/空域/实时态势</p>
</div>
<!-- 地图中间的浮动红点（触发左侧菜单） -->
<div
class="floating-red-dot left-red-dot"
<div
class="floating-red-dot left-red-dot"
:class="{ hidden: !isMenuHidden }"
@click="showMenu"
title="显示左侧菜单"
@ -108,42 +108,42 @@
<bottom-left-panel />
<!-- 底部时间轴（最初版本的样式）- 蓝色主题 -->
<div
class="floating-timeline blue-theme"
<div
class="floating-timeline blue-theme"
:class="{ 'show': showKTimePopup }"
>
<!-- 隐藏按钮（向下箭头） -->
<div class="popup-hide-btn" @click="hideKTimePopup" title="隐藏K时">
<i class="el-icon-arrow-down"></i>
</div>
<div class="timeline-controls">
<div class="current-time blue-time">
<i class="el-icon-time"></i>
<span class="time-text">{{ currentTime }}</span>
</div>
<div class="timeline-slider">
<el-slider
v-model="timeProgress"
:max="100"
<el-slider
v-model="timeProgress"
:max="100"
:format-tooltip="formatTimeTooltip"
class="compact-slider blue-slider"
/>
</div>
<div class="playback-controls">
<button
class="control-btn blue-control-btn"
<button
class="control-btn blue-control-btn"
@click="togglePlay"
:title="isPlaying ? '暂停' : '播放'"
>
<i :class="isPlaying ? 'el-icon-video-pause' : 'el-icon-video-play'"></i>
</button>
<div class="speed-control">
<button
class="control-btn blue-control-btn"
<button
class="control-btn blue-control-btn"
@click="decreaseSpeed"
:disabled="playbackSpeed <= 1"
title="减速"
@ -151,8 +151,8 @@
<i class="el-icon-arrow-down"></i>
</button>
<span class="speed-text">{{ playbackSpeed }}x</span>
<button
class="control-btn blue-control-btn"
<button
class="control-btn blue-control-btn"
@click="increaseSpeed"
:disabled="playbackSpeed >= 25"
title="加速"
@ -162,29 +162,29 @@
</div>
</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"
@ -229,28 +229,28 @@ export default {
selectedRoute: null,
showWaypointDialog: false,
selectedWaypoint: null,
// 作战信息
roomCode: 'JTF-7-ALPHA',
onlineCount: 30,
combatTime: 'K+01:30:45',
astroTime: '',
// 左侧菜单栏
isMenuHidden: true, // 是否完全隐藏左侧菜单
activeMenu: 'file',
// 右侧面板控制
isRightPanelHidden: true, // 是否完全隐藏右侧面板
// 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' },
@ -263,12 +263,12 @@ export default {
{ id: 'import', name: '导入', icon: 'el-icon-upload2' },
{ id: 'export', name: '导出', icon: 'el-icon-download' }
],
// 右侧面板
activeRightTab: 'plan',
selectedRouteId: 101,
selectedRouteDetails: null,
// 冲突数据
conflictCount: 2,
conflicts: [
@ -289,7 +289,7 @@ export default {
severity: 'medium'
}
],
// 平台数据
activePlatformTab: 'air',
airPlatforms: [
@ -308,21 +308,21 @@ export default {
{ id: 9, name: 'PLZ-05自行火炮', type: '自行火炮', icon: 'el-icon-aim', color: '#fa8c16', status: 'ready' },
{ id: 10, name: '指挥控制车', type: '指挥车', icon: 'el-icon-monitor', color: '#1890ff', status: 'operating' },
],
// 航线数据
routes: [
{ id: 101, name: 'Alpha进场航线', points: 8, conflict: true },
{ id: 102, name: 'Beta巡逻航线', points: 6, conflict: false },
{ id: 103, name: '侦察覆盖区', points: 4, conflict: false },
],
// 时间控制
timeProgress: 45,
currentTime: 'K+01:15:30',
isPlaying: false,
playbackSpeed: 1,
playbackInterval: null,
// 用户
userAvatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
};
@ -332,7 +332,7 @@ export default {
this.isMenuHidden = true;
// 初始化时右侧面板隐藏
this.isRightPanelHidden = true;
// 更新时间
this.updateTime();
setInterval(this.updateTime, 1000);
@ -388,7 +388,7 @@ export default {
const seconds = now.getSeconds().toString().padStart(2, '0');
this.astroTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
},
updateCombatTime() {
// 模拟作战时间（K时）的更新
// 这里简单模拟，实际应该根据业务逻辑计算
@ -396,202 +396,198 @@ export default {
const baseSeconds = 5400; // 1小时30分钟 = 5400秒
const currentSeconds = now.getSeconds() + now.getMinutes() * 60 + now.getHours() * 3600;
const combatSeconds = baseSeconds + (currentSeconds % 86400);
const hours = Math.floor(combatSeconds / 3600);
const minutes = Math.floor((combatSeconds % 3600) / 60);
const seconds = combatSeconds % 60;
this.combatTime = `K+${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
},
// 左侧菜单栏操作
showMenu() {
this.isMenuHidden = false;
this.$message.info('显示左侧菜单');
},
hideMenu() {
this.isMenuHidden = true;
this.$message.info('隐藏左侧菜单');
},
// 右侧面板操作
showRightPanel() {
this.isRightPanelHidden = false;
this.$message.info('显示右侧面板');
},
// 文件下拉菜单方法
savePlan() {
this.$message.success('保存计划');
},
importPlanFile() {
this.$message.success('导入计划');
},
importACD() {
this.$message.success('导入ACD');
},
importATO() {
this.$message.success('导入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('属性修改');
},
timeSettings() {
this.$message.success('时间设置');
},
aircraftSettings() {
this.$message.success('机型设置');
},
keyEventEdit() {
this.$message.success('关键事件编辑');
},
missileLaunch() {
this.$message.success('导弹发射');
},
// 视图下拉菜单方法
toggle2D3D() {
this.$message.success('2D/3D切换');
},
toggleRuler() {
this.$message.success('显示/隐藏标尺');
},
toggleGrid() {
this.$message.success('显示/隐藏网格');
},
toggleScale() {
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('坐标换算');
},
// 选项下拉菜单方法
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() {
this.isRightPanelHidden = true;
this.$message.info('隐藏右侧面板');
},
selectMenu(item) {
this.activeMenu = item.id;
// 点击左侧的方案、冲突、平台时，切换右侧面板内容
if (item.id === 'file') {
// 如果当前已经是方案标签页，则关闭右侧面板
@ -632,16 +628,16 @@ export default {
} else {
// 其他菜单的原有逻辑
this.$message.info(`选择菜单: ${item.name}`);
}
},
// K时弹出框操作
hideKTimePopup() {
this.showKTimePopup = false;
this.$message.info('隐藏推演时钟控制');
},
// 播放控制
togglePlay() {
this.isPlaying = !this.isPlaying;
@ -653,7 +649,7 @@ export default {
this.$message.info('暂停播放');
}
},
startPlayback() {
if (this.playbackInterval) {
clearInterval(this.playbackInterval);
@ -666,14 +662,14 @@ export default {
this.updateTimeFromProgress();
}, 100);
},
stopPlayback() {
if (this.playbackInterval) {
clearInterval(this.playbackInterval);
this.playbackInterval = null;
}
},
increaseSpeed() {
if (this.playbackSpeed < 25) {
this.playbackSpeed++;
@ -682,7 +678,7 @@ export default {
}
}
},
decreaseSpeed() {
if (this.playbackSpeed > 1) {
this.playbackSpeed--;
@ -691,40 +687,40 @@ export default {
}
}
},
updateTimeFromProgress() {
const totalSeconds = Math.floor(this.timeProgress * 72);
const hours = Math.floor(totalSeconds / 3600) - 2;
const minutes = Math.floor((totalSeconds % 3600) / 60);
const seconds = totalSeconds % 60;
const sign = hours >= 0 ? '+' : '-';
const absHours = Math.abs(hours);
this.currentTime = `K${sign}${String(absHours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
},
// 时间控制（保留用于底部时间轴）
play() {
this.$message.success('推演开始');
},
pause() {
this.$message.info('推演暂停');
},
reset() {
this.timeProgress = 0;
this.currentTime = 'K+00:00:00';
this.$message.info('推演已重置');
},
formatTimeTooltip(val) {
const hours = Math.floor(val / 4);
const minutes = (val % 4) * 15;
return `K+${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:00`;
},
// 航线操作
selectRoute(route) {
this.selectedRouteId = route.id;
@ -741,7 +737,7 @@ export default {
// 打开航线编辑弹窗
this.openRouteDialog(route);
},
addWaypoint() {
if (this.selectedRouteDetails) {
const count = this.selectedRouteDetails.waypoints.length + 1;
@ -754,35 +750,35 @@ export default {
this.$message.success('添加航点成功');
}
},
cancelRoute() {
this.selectedRouteId = null;
this.selectedRouteDetails = null;
this.$message.info('已取消选中');
},
// 冲突操作
runConflictCheck() {
this.conflictCount = 2;
this.$message.warning('检测到2处航线冲突');
},
viewConflict(conflict) {
this.$message.info(`查看冲突：${conflict.title}`);
},
resolveConflict(conflict) {
this.$message.success(`解决冲突：${conflict.title}`);
// 移除已解决的冲突
this.conflicts = this.conflicts.filter(c => c.id !== conflict.id);
this.conflictCount = this.conflicts.length;
},
// 系统功能
exportReport() {
this.$message.success('作战报表导出成功');
},
// 新增导入功能
importData() {
this.$message.success('导入数据成功');
@ -945,9 +941,9 @@ background: url('~@/assets/map-background.png');
color: #008aff;
}
.status-dot.operating {
background: #008aff;
animation: pulse 2s infinite;
.status-dot.operating {
background: #008aff;
animation: pulse 2s infinite;
box-shadow: 0 0 10px rgba(0, 138, 255, 0.8);
}
@ -1170,4 +1166,4 @@ background: url('~@/assets/map-background.png');
.ml-3 {
margin-left: 10px;
}
</style>
</style>

Write Preview
Loading…
Cancel
Save