<template>
|
<BaseMap></BaseMap>
|
<div class="overlay-container">
|
<CoreHeader></CoreHeader>
|
<el-row class="dropdown-wrap">
|
<MapToolbox></MapToolbox>
|
<!-- <SatelliteTelemetry></SatelliteTelemetry> -->
|
<!-- <MissionManage></MissionManage> -->
|
<ConfigManage></ConfigManage>
|
<!-- <MapLocation></MapLocation> -->
|
<MapScene></MapScene>
|
<SceneSearch></SceneSearch>
|
<GridSearch></GridSearch>
|
<PollutionTrace class="satellite-right-top"></PollutionTrace>
|
</el-row>
|
<el-space>
|
<ProductManage></ProductManage>
|
<SatelliteMixTool :group-id="3"></SatelliteMixTool>
|
</el-space>
|
<!-- <CoreMenu></CoreMenu> -->
|
<router-view></router-view>
|
</div>
|
</template>
|
|
<script setup>
|
import { ref } from 'vue';
|
import ProductManage from './dataproduct/ProductManage.vue';
|
import PollutionTrace from './satellitetelemetry/PollutionTrace.vue';
|
import SatelliteMixTool from './satellitetelemetry/component/SatelliteMixTool.vue';
|
</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: 100px;
|
}
|
</style>
|
