|
|
|
@ -1,7 +1,6 @@ |
|
|
|
<template> |
|
|
|
<!-- 以地图为绝对定位背景,所有组件浮动其上 --> |
|
|
|
<div class="mission-planning-container"> |
|
|
|
<div id="gis-map-background" class="map-background"> |
|
|
|
<!-- 地图背景 --> |
|
|
|
<div id="gis-map-background" class="map-background"> |
|
|
|
<!-- cesiummap组件 --> |
|
|
|
@ -681,9 +680,9 @@ export default { |
|
|
|
this.isRightPanelHidden = false; |
|
|
|
} |
|
|
|
} else if(item.id === 'modify'){ |
|
|
|
this.drawDom = !this.drawDom |
|
|
|
console.log(this.drawDom,999999) |
|
|
|
} |
|
|
|
this.drawDom = !this.drawDom |
|
|
|
console.log(this.drawDom,999999) |
|
|
|
} |
|
|
|
if (item.id === 'deduction') { |
|
|
|
// 点击推演按钮,显示/隐藏K时弹出框 |
|
|
|
this.showKTimePopup = !this.showKTimePopup; |
|
|
|
@ -779,7 +778,7 @@ export default { |
|
|
|
return `K+${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:00`; |
|
|
|
}, |
|
|
|
|
|
|
|
// 航线操作 |
|
|
|
// 航线操作:点击列表项只展示详情,不弹窗 |
|
|
|
selectRoute(route) { |
|
|
|
this.selectedRouteId = route.id; |
|
|
|
// 模拟获取航点数据 |
|
|
|
@ -845,6 +844,7 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
/* 保持原有样式不变,仅修复背景图语法的注释部分 */ |
|
|
|
.mission-planning-container { |
|
|
|
position: relative; |
|
|
|
width: 100vw; |
|
|
|
@ -866,7 +866,7 @@ background: url('~@/assets/map-background.png'); |
|
|
|
background-position: center; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
/* ...其余样式省略,保持不变... */ |
|
|
|
.map-overlay-text { |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
@ -907,7 +907,6 @@ background: url('~@/assets/map-background.png'); |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* 左侧红点 */ |
|
|
|
.left-red-dot { |
|
|
|
left: 20px; |
|
|
|
transform: translateY(-50%); |
|
|
|
@ -939,7 +938,6 @@ background: url('~@/assets/map-background.png'); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* 蓝色主题通用类 */ |
|
|
|
.blue-theme { |
|
|
|
background: rgba(255, 255, 255, 0.3); |
|
|
|
backdrop-filter: blur(10px); |
|
|
|
@ -1027,7 +1025,6 @@ background: url('~@/assets/map-background.png'); |
|
|
|
background-color: rgba(0, 138, 255, 0.3); |
|
|
|
} |
|
|
|
|
|
|
|
/* 底部时间轴(最初版本的样式)- 蓝色主题 */ |
|
|
|
.floating-timeline { |
|
|
|
position: absolute; |
|
|
|
bottom: 20px; |
|
|
|
@ -1198,7 +1195,6 @@ background: url('~@/assets/map-background.png'); |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
/* 滚动条样式 */ |
|
|
|
::-webkit-scrollbar { |
|
|
|
width: 6px; |
|
|
|
} |
|
|
|
|