wfs 范围查询

suerprisePlus

2024-06-21 fde8e3bedaf5f883f38c3a0ec33d3c6a8748d1c9

 src/views/mapChart/index.vue

@@ -1,17 +1,49 @@
<template>
  <div class="mapChart"></div>
  <div class="mapChart">
    <!-- <div class="chartHeader">
      <chart-header></chart-header>
    </div> -->
    <div class="chartContent1">
      <div class="chartView">
      <chart-view></chart-view>
      </div>
    </div>
  </div>
</template>

<script>
import chartHeader from "./chartHeader.vue";
import chartView from "./../chartView/index.vue";
export default {

}
  components: {
    chartHeader,
    chartView
  },
  watch() {}
};
</script>

<style>
.mapChart{
    width: 100%;
    height: 100%;
    background: skyblue;
<style scoped>
.mapChart {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
</style>

.mapChart .chartHeader {
  width: 100%;
  height: 38px;
}
.chartContent1 {
  flex: 1;
  position: relative;
}
.chartView {
  position: absolute;
  width: 100%;
  height: 100%;

}
</style>