<template>
	<div id="mainPageLeft">
		<!-- 建筑概览 -->
		<BuildingOverview></BuildingOverview>
		<!-- 房屋风险 -->
		<HousingRisk></HousingRisk>
		<!-- 抗震加固 -->
		<SeismicReinforcement></SeismicReinforcement>
		<!-- 房屋安全 -->
		<HousingSecurity></HousingSecurity>
		<!-- 城镇房屋设防烈度 -->
		<FortificationIntensity></FortificationIntensity>
	</div>
</template>

<script setup>
	/* export default {
		name: "MainPageLeft",
		
	} */
	import {
		ref,
		onMounted,
		nextTick
	} from 'vue'
	import HousingRisk from '@/components/HousingRisk.vue'
	import SeismicReinforcement from '@/components/SeismicReinforcement.vue'
	import HousingSecurity from '@/components/HousingSecurity.vue'
	import BuildingOverview from '@/components/BuildingOverview.vue'
	import FortificationIntensity from '@/components/FortificationIntensity.vue'
	
</script>

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