<!--预警机-->
<template>
	<div class="infoWindow-model">
		<div class="model-title">{{ currentPoint.name }}</div>
		<div class="section-container">
			<div class="section-item">
				<span class="text">防治区名称</span>
				<span class="content">{{ currentPoint.name  }} </span>
			</div>
			<div class="section-item">
				<span class="text">所属小流域名称</span>
				<span class="content">{{ currentPoint.basinName  }} </span>
			</div>
			<div class="section-item">
				<span class="text">户主名称</span>
				<span class="content">{{ currentPoint.householder  }} </span>
			</div>
			<div class="section-item">
				<span class="text">总人数(人)</span>
				<span class="content">{{ currentPoint.peopleNum  }} </span>
			</div>
			<div class="section-item">
				<span class="text">住房建筑面积(㎡)</span>
				<span class="content">{{ currentPoint.buildArea  }} </span>
			</div>
			<div class="section-item">
				<span class="text">住房建筑类型</span>
				<span class="content">{{ currentPoint.buildTypeName  }} </span>
			</div>
			<div class="section-item">
				<span class="text">住房结构形式</span>
				<span class="content">{{ currentPoint.buildStructureName  }} </span>
			</div>
			<div class="section-item">
				<span class="text">宅基高程(m)</span>
				<span class="content">{{ currentPoint.altitude  }} </span>
			</div>
			<div class="section-item">
				<span class="text">临水
				</span>
				<span class="content">{{ currentPoint.isNearWater==1?'是':currentPoint.isNearWater==0?'否':''  }} </span>
			</div>
			<div class="section-item">
				<span class="text">切坡</span>
				<span class="content">{{ currentPoint.isNearSlope==1?'是':currentPoint.isNearSlope==0?'否':''  }} </span>
			</div>
			<div class="section-item">
				<span class="text">联系电话</span>
				<span class="content">{{ currentPoint.tel  }} </span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'WarnModel',
		props: {
			currentPoint: {
				type: Object,
				default: () => {
					return {}
				},
			},
		},
		data() {
			return {
				activeName: '河流详情',
			}
		},
		inject: ['mapData'],
		created() {
			let mapData = this.mapData()
			this.districtData = this.originData
			this.T = mapData.T
			this.map = mapData.map
		},

		mounted() {
			console.log(this.currentPoint, 'this.currentPoint')
		},
		beforeDestroy() {

		},
		methods: {
			handleClick(tab, event) {
				console.log(tab, event)
			},
		},
	}
</script>

<style lang="scss" scoped>
	@import './../../../css/model.scss';

	.section-container {
		width: 100% !important;
		overflow-y: auto !important;
	}
</style>
