污染溯源模块编写中

feiyu02

2025-03-03 7eb2abf43167d9db3fca2e7958b90ff1bea0cead

 src/views/HomePage.vue

@@ -8,16 +8,40 @@
      <!-- <MissionManage></MissionManage> -->
      <ConfigManage></ConfigManage>
      <!-- <MapLocation></MapLocation> -->
      <SceneSearch></SceneSearch>
      <MapScene></MapScene>
      <SceneSearch></SceneSearch>
      <GridSearch></GridSearch>
      <!-- <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
      > -->
      <PollutionTrace class="aod-right-top"></PollutionTrace>
      <ProductManage class="satellite-right-top"></ProductManage>
    </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';
import ProductManage from './dataproduct/ProductManage.vue';
import PollutionTrace from './satellitetelemetry/PollutionTrace.vue';
const satelliteImportVisible = ref(false);
const aodImportVisible = ref(false);
</script>

<style scoped>
@@ -37,8 +61,19 @@
.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>