<template>
	<div id="mainPageRight">
		<!-- 市政设施类型 -->
		<MunicipalFacilities></MunicipalFacilities>
		<!-- 道路预警 -->
		<RoadWarnings></RoadWarnings>
		<!-- 桥梁隐患 -->
		<BridgeHazards></BridgeHazards>
		<!-- 供水管线敷设方式 -->
		<PipelineLaying></PipelineLaying>
		<!-- 供水管线风险 -->
		<PipelineRisk></PipelineRisk>
		
		
		
	</div> 
</template>

<script setup>
	import {
		ref,
		onMounted,
		nextTick
	} from 'vue'
	import MunicipalFacilities from '@/components/MunicipalFacilities.vue'
	import RoadWarnings from '@/components/RoadWarnings.vue'
	import BridgeHazards from '@/components/BridgeHazards.vue'
	import PipelineLaying from '@/components/PipelineLaying.vue'
	import PipelineRisk from '@/components/PipelineRisk.vue'
	
	
	
	
</script>

<style scoped lang="scss">
	#mainPageRight {
		position: absolute;
		right: 20px;
		top: 87px;
		width: 420px;
		height: 973px;
		background-color: rgba(0,22,52,0.75);
		
	}
</style>
