污染溯源模块编写中

feiyu02

2025-03-03 7eb2abf43167d9db3fca2e7958b90ff1bea0cead

 src/views/HomePage.vue

@@ -8,16 +8,29 @@
      <!-- <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>
      <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>
  <!-- <SatelliteImport v-model="satelliteImportVisible"></SatelliteImport>
  <AODImport v-model="aodImportVisible"></AODImport> -->
</template>

<script setup>
@@ -25,8 +38,10 @@
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)
import ProductManage from './dataproduct/ProductManage.vue';
import PollutionTrace from './satellitetelemetry/PollutionTrace.vue';
const satelliteImportVisible = ref(false);
const aodImportVisible = ref(false);
</script>

<style scoped>
@@ -52,13 +67,13 @@
  gap: 4px;
}
.satellite-right-top {
  width: 120px;
  /*width: 120px;*/
  position: absolute;
  right: 0px;
}

.aod-right-top {
  position: absolute;
  right: 124px;
  right: 100px;
}
</style>