优化选择房产之后的提示的数据
This commit is contained in:
赵毅
parent
f44adc7721
commit
847c1701f8
@ -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,7 +230,7 @@ export default {
|
||||
: "",
|
||||
}).then((res) => {
|
||||
// 对楼层数据进行从大到小排序
|
||||
if(this.step != 4) {
|
||||
if (this.step != 4) {
|
||||
res.rows.sort((a, b) => {
|
||||
// 提取楼层数字
|
||||
const floorA = parseInt(a.label.replace(/[^\d]/g, ''));
|
||||
@ -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>
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user