133 lines
3.3 KiB
Vue
133 lines
3.3 KiB
Vue
<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>
|