<template>
    <div class="common-monitor-section">
        <div class="common-monitor-area">
            <div class="area-title">日常巡检</div>
            <StateRoad />
            <CountryRoad />
        </div>
        <div class="common-monitor-area">
            <div class="area-title">智能巡查</div>
            <SmartInspection />
        </div>
        <div class="common-monitor-area">
            <div class="area-title">智能监测</div>
            <SmartMonitor />
        </div>
    </div>
</template>
<script setup>
import { onMounted, ref } from 'vue';
import StateRoad from './StateRoad.vue';
import CountryRoad from './CountryRoad.vue';
import SmartMonitor from './SmartMonitor.vue';
import SmartInspection from './SmartInspection.vue'


</script>
<style scoped lang="scss">
</style>