<template>
|
<BaseMap></BaseMap>
|
<div class="overlay-container">
|
<CoreHeader></CoreHeader>
|
<el-row class="dropdown-wrap">
|
<MapToolbox></MapToolbox>
|
<!-- <SatelliteTelemetry></SatelliteTelemetry> -->
|
<!-- <MissionManage></MissionManage> -->
|
<ConfigManage></ConfigManage>
|
<!-- <MapLocation></MapLocation> -->
|
<SceneSearch></SceneSearch>
|
<MapScene></MapScene>
|
<el-button @click="satelliteImportVisible = !satelliteImportVisible" type="primary" class="el-button-custom satellite-right-top p-events-auto">监测数据导入</el-button>
|
<el-button @click="aodImportVisible = !aodImportVisible" type="primary" class="el-button-custom aod-right-top p-events-auto">AOD数据导入</el-button>
|
</el-row>
|
<!-- <CoreMenu></CoreMenu> -->
|
<router-view></router-view>
|
</div>
|
<SatelliteImport v-model="satelliteImportVisible"></SatelliteImport>
|
<AODImport v-model="aodImportVisible"></AODImport>
|
</template>
|
|
<script setup>
|
// import SatelliteTelemetry from '@/views/satellitetelemetry/SatelliteTelemetry.vue';
|
import { ref } from 'vue';
|
import SatelliteImport from './satellitetelemetry/component/SatelliteImport.vue';
|
import AODImport from './satellitetelemetry/component/AODImport.vue';
|
const satelliteImportVisible = ref(false)
|
const aodImportVisible = ref(false)
|
</script>
|
|
<style scoped>
|
.overlay-container {
|
/* background: transparent; */
|
position: absolute;
|
min-height: var(--screen-min-height);
|
min-width: var(--screen-min-width);
|
width: 100vw;
|
height: 100vh;
|
top: 0;
|
left: 0;
|
/* padding: 4px; */
|
pointer-events: none;
|
}
|
|
.dropdown-wrap {
|
/* background-color: aliceblue; */
|
position: absolute;
|
width: 99.5vw;
|
top: 10px;
|
left: 2px;
|
gap: 4px;
|
}
|
.satellite-right-top {
|
width: 120px;
|
position: absolute;
|
right: 0px;
|
}
|
|
.aod-right-top {
|
position: absolute;
|
right: 124px;
|
}
|
</style>
|
