|
|
|
|
@ -4,49 +4,34 @@
|
|
|
|
|
<div class="currentAdd_left">{{ city.region }}</div>
|
|
|
|
|
<div class="currentAdd_right" @click="changeAddress">
|
|
|
|
|
切换城市
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_choseAddress.png"></image>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="communityBox" v-if="step == 1">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<input
|
|
|
|
|
type="text"
|
|
|
|
|
placeholder="请输入小区名称"
|
|
|
|
|
v-model="communityName"
|
|
|
|
|
/>
|
|
|
|
|
<image
|
|
|
|
|
@click="searchByName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
|
|
|
|
></image>
|
|
|
|
|
<input type="text" placeholder="请输入小区名称" v-model="communityName" />
|
|
|
|
|
<image @click="searchByName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
|
|
|
|
</image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- @click="chooseCommunity(item)" -->
|
|
|
|
|
<div class="communityList">
|
|
|
|
|
<div
|
|
|
|
|
class="communityItem"
|
|
|
|
|
v-for="item in communityList"
|
|
|
|
|
:key="item.community_id"
|
|
|
|
|
@click="nextStep(item)"
|
|
|
|
|
>
|
|
|
|
|
<div class="communityItem" v-for="item in communityList" :key="item.community_id" @click="nextStep(item)">
|
|
|
|
|
<div class="communityItem_left">
|
|
|
|
|
<div class="communityItem_tit">{{ item.name }}</div>
|
|
|
|
|
<div class="communityItem_address">{{ item.addr }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="communityItem_right">
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communityMore.png">
|
|
|
|
|
</image>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="empty" v-if="communityList.length == 0">
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
|
|
|
|
<span>未找到相关信息的小区</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -72,28 +57,20 @@
|
|
|
|
|
<div class="communityBox" v-if="step == 2">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<input v-model="searchQuery" type="text" placeholder="请输入楼栋名称" />
|
|
|
|
|
<image
|
|
|
|
|
@click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image @click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
|
|
|
|
</image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="floorList">
|
|
|
|
|
<div
|
|
|
|
|
@click="nextStep(item, index)"
|
|
|
|
|
:class="{ active: index === selectedFloorIndex }"
|
|
|
|
|
class="floorItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
|
|
|
|
<div @click="nextStep(item, index)" :class="{ active: index === selectedFloorIndex }" class="floorItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList" :key="index">
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
|
|
|
|
<span>未找到相关信息的楼栋</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -101,29 +78,21 @@
|
|
|
|
|
<div class="communityBox" v-if="step == 3">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<input v-model="searchQuery" type="text" placeholder="请输入楼层名称" />
|
|
|
|
|
<image
|
|
|
|
|
@click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image @click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
|
|
|
|
</image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="roomList">
|
|
|
|
|
<!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
|
|
|
|
|
<div
|
|
|
|
|
@click="nextStep(item, index, 'room')"
|
|
|
|
|
:class="{ active2: index === selectedRoomIndex }"
|
|
|
|
|
class="roomItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
|
|
|
|
<div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedRoomIndex }" class="roomItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList" :key="index">
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
|
|
|
|
<span>未找到相关信息的楼层</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -131,29 +100,21 @@
|
|
|
|
|
<div class="communityBox" v-if="step == 4">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<input v-model="searchQuery" type="text" placeholder="请输入房间名称" />
|
|
|
|
|
<image
|
|
|
|
|
@click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image @click="searchName"
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_communitySearchIcon.png">
|
|
|
|
|
</image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="roomList">
|
|
|
|
|
<!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
|
|
|
|
|
<div
|
|
|
|
|
@click="nextStep(item, index, 'room')"
|
|
|
|
|
:class="{ active2: index === selectedRoomIndex }"
|
|
|
|
|
class="roomItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
|
|
|
|
<div @click="nextStep(item, index, 'room')" :class="{ active2: index === selectedRoomIndex }" class="roomItem"
|
|
|
|
|
v-for="(item, index) in filteredFloorsList" :key="index">
|
|
|
|
|
{{ item.label }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
|
|
|
|
<image
|
|
|
|
|
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"
|
|
|
|
|
></image>
|
|
|
|
|
<image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_noSearch.png"></image>
|
|
|
|
|
<span>未找到相关信息的房间</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -269,15 +230,15 @@ export default {
|
|
|
|
|
: "",
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
// 对楼层数据进行从大到小排序
|
|
|
|
|
if(this.step != 4) {
|
|
|
|
|
res.rows.sort((a, b) => {
|
|
|
|
|
// 提取楼层数字
|
|
|
|
|
const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
|
|
|
|
|
const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
|
|
|
|
|
return floorA - floorB;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows;
|
|
|
|
|
if (this.step != 4) {
|
|
|
|
|
res.rows.sort((a, b) => {
|
|
|
|
|
// 提取楼层数字
|
|
|
|
|
const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
|
|
|
|
|
const floorB = parseInt(b.label.replace(/[^\d]/g, ''));
|
|
|
|
|
return floorA - floorB;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows;
|
|
|
|
|
this.searchList = res.rows;
|
|
|
|
|
this.searchQuery = "";
|
|
|
|
|
if (this.step == "1") {
|
|
|
|
|
@ -289,7 +250,7 @@ export default {
|
|
|
|
|
// this.floorsList = res.rows
|
|
|
|
|
} else if (this.step == "3") {
|
|
|
|
|
console.log(item.label);
|
|
|
|
|
this.fName = item.label;
|
|
|
|
|
this.fName = item.label.includes("层") ? item.label : item.label + "层";
|
|
|
|
|
// this.roomList = res.rows
|
|
|
|
|
this.step = "4";
|
|
|
|
|
} else {
|
|
|
|
|
@ -353,7 +314,7 @@ export default {
|
|
|
|
|
this.searchByName();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onReachBottom() {},
|
|
|
|
|
onReachBottom() { },
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|