<template>
	<div class="container">
		<div class="currentAdd">
			<div class="currentAdd_left">河北省衡水市桃城区</div>
			<div class="currentAdd_right" @click="changeAddress">
				切换城市
				<image src="http://192.168.0.172:5500/com_choseAddress.png"></image>
			</div>
		</div>

		<div class="communityBox" v-if="step == 1">
			<div class="search">
				<input type="text" placeholder="请输入小区名称">
				<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
			</div>

			<div class="communityList">
				<div class="communityItem" v-for="item in 3">
					<div class="communityItem_left">
						<div class="communityItem_tit">世纪名城东区</div>
						<div class="communityItem_address">河北省衡水市中心街120号</div>
					</div>
					<div class="communityItem_right">
						<image src="http://192.168.0.172:5500/com_communityMore.png"></image>
					</div>
				</div>
			</div>

			<div class="empty" v-if="false">
				<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
				<span>未找到“康家美园”相关信息的小区</span>
			</div>
		</div>

		<div class="communityBox" v-if="step == 2">
			<div class="search">
				<input type="text" placeholder="请输入楼栋">
				<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
			</div>

			<div class="floorList">
				<div class="floorItem" v-for="(item,index) in 4" :class="index == 1?'active':''">
					1号楼2单元
				</div>
			</div>

			<div class="empty" v-if="false">
				<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
				<span>未找到“康家美园”相关信息的小区</span>
			</div>
		</div>

		<div class="communityBox" v-if="step == 3">
			<div class="search">
				<input type="text" placeholder="请输入楼层">
				<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
			</div>

			<div class="roomList">
				<div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''">
					{{ index + 1 }}层
				</div>
			</div>

			<div class="empty" v-if="false">
				<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
				<span>未找到“康家美园”相关信息的小区</span>
			</div>
		</div>


		<areaPopup :show="show" @selectArea="selectArea" @close="close"></areaPopup>

		<div class="dialogBox" v-if="false">
			<div class="dialogBoxCon">
				<div class="dialogBoxCon1">确认选择</div>
				<div class="dialogBoxCon2">世纪名城</div>
				<div class="dialogBoxCon3">1栋1单元101室</div>
				<div class="dialogBoxConBtnList">
					<div class="dialogBoxConBtnItem1">取消</div>
					<div class="dialogBoxConBtnItem2">确定</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
import { apiArr } from '../../../api/community';
import {
	request,
	picUrl,
	uniqueByField,
	menuButtonInfo,
	NavgateTo
} from '../../../utils';

export default {
	data() {
		return {
			show: false,
			step:"3"
		}
	},
	methods: {
		changeAddress() {
			this.show = true
		},
		close() {
			this.show = false
		},
		selectArea(e1) {
			console.log(e1);
			this.show = false

		},

	},

	onLoad(options) {
		const meun = menuButtonInfo();
	},

	onReachBottom() {

	},
}
</script>

<style>
@import url("./index.css");
</style>
