<template>
<div class="iot-data-analysis">
    <IOTHeader/>
    <IOTLeft/>
    <IOTRight/>
    <IOTLIstDialog/>
    <!-- <IOTToolDialog/> -->
    <div class="gis-map" id="gisMap" ref="gisMapRef">
        <Map/>
    </div>
</div>
</template>

<script setup>
import { ref } from 'vue'
import IOTHeader from './components/IOTHeader.vue'
import IOTLeft from './components/IOTLeft.vue';
import IOTRight from './components/IOTRight.vue';
import IOTLIstDialog from './components/IOTLIstDialog.vue';
import IOTToolDialog from './components/IOTToolDialog.vue';
import Map from './map/Map.vue'
const gisMapRef = ref(null)

</script>

<style scoped lang="scss">
.iot-data-analysis{
    width: 100vw;
    height: 100vh;
    font-size: 18px;
    .gis-map{
        width: 100%;
        height: 100%;
        background-color: #dddddd;
    }
}
</style>