添加我的房产

This commit is contained in:
赵毅 2025-07-05 15:19:10 +08:00
parent b043e7ce74
commit b8bd07a9af
4 changed files with 247 additions and 135 deletions

View File

@ -29,4 +29,8 @@ export const apiArr = {
getButton:"/api/v1/wechat/home-page/button-list",//获取button getButton:"/api/v1/wechat/home-page/button-list",//获取button
getHotWords:"/api/v1/wechat/home-page/search-hot-word/info",//搜索热词 getHotWords:"/api/v1/wechat/home-page/search-hot-word/info",//搜索热词
getAllList:"/api/v2/wechat/community/get-all-list",//获取小区信息列表
commRoomSelect:"/api/v2/wechat/community-room/comm-room-select",//房源筛选器
}; };

View File

@ -1,132 +1,240 @@
<template> <template>
<div class="container"> <div class="container">
<div class="currentAdd"> <div class="currentAdd">
<div class="currentAdd_left">河北省衡水市桃城区</div> <div class="currentAdd_left">河北省衡水市桃城区</div>
<div class="currentAdd_right" @click="changeAddress"> <div class="currentAdd_right" @click="changeAddress">
切换城市 切换城市
<image src="http://192.168.0.172:5500/com_choseAddress.png"></image> <image src="http://192.168.0.172:5500/com_choseAddress.png"></image>
</div> </div>
</div> </div>
<div class="communityBox" v-if="step == 1"> <div class="communityBox" v-if="step == 1">
<div class="search"> <div class="search">
<input type="text" placeholder="请输入小区名称"> <input type="text" placeholder="请输入小区名称" v-model="communityName">
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image> <image @click="searchByName" src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
</div> </div>
<div class="communityList"> <div class="communityList">
<div class="communityItem" v-for="item in 3"> <div class="communityItem" v-for="item in communityList">
<div class="communityItem_left"> <div class="communityItem_left">
<div class="communityItem_tit">世纪名城东区</div> <div class="communityItem_tit">{{item.name}}</div>
<div class="communityItem_address">河北省衡水市中心街120号</div> <div class="communityItem_address">{{item.addr}}</div>
</div> </div>
<div class="communityItem_right"> <div class="communityItem_right">
<image src="http://192.168.0.172:5500/com_communityMore.png"></image> <image @click="nextStep(item)"
</div> src="http://192.168.0.172:5500/com_communityMore.png"></image>
</div> </div>
</div> </div>
</div>
<div class="empty" v-if="false">
<image src="http://192.168.0.172:5500/com_noSearch.png"></image> <div class="empty" v-if="!communityList">
<span>未找到康家美园相关信息的小区</span> <image src="http://192.168.0.172:5500/com_noSearch.png"></image>
</div> <span>未找到相关信息的小区</span>
</div> </div>
</div>
<div class="communityBox" v-if="step == 2">
<div class="search"> <!-- <div class="communityBox" v-if="step == 2">
<input type="text" placeholder="请输入楼栋"> <div class="search">
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image> <input type="text" placeholder="请输入楼栋名称">
</div> <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':''"> <div class="floorList">
1号楼2单元 <div @click="nextStep(item)" class="floorItem" v-for="(item,index) in foloorList" :key="index">
</div> {{item.label}}
</div> </div>
</div>
<div class="empty" v-if="false">
<image src="http://192.168.0.172:5500/com_noSearch.png"></image> <div class="empty" v-if="!foloorList">
<span>未找到康家美园相关信息的小区</span> <image src="http://192.168.0.172:5500/com_noSearch.png"></image>
</div> <span>未找到相关信息的楼栋</span>
</div> </div>
</div> -->
<div class="communityBox" v-if="step == 3">
<div class="search"> <div class="communityBox" v-if="step == 2">
<input type="text" placeholder="请输入楼层"> <div class="search">
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image> <input v-model="searchQuery" type="text" placeholder="请输入楼栋名称">
</div> <image @click="searchName" 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':''"> <div class="floorList">
{{ index + 1 }} <div @click="nextStep(item)" class="floorItem" v-for="(item, index) in filteredFloorsList" :key="index">
</div> {{ item.label }}
</div> </div>
</div>
<div class="empty" v-if="false">
<image src="http://192.168.0.172:5500/com_noSearch.png"></image> <div class="empty" v-if="filteredFloorsList.length === 0">
<span>未找到康家美园相关信息的小区</span> <image src="http://192.168.0.172:5500/com_noSearch.png"></image>
</div> <span>未找到相关信息的楼栋</span>
</div> </div>
</div>
<areaPopup :show="show" @selectArea="selectArea" @close="close"></areaPopup> <div class="communityBox" v-if="step == 3">
<div class="search">
<div class="dialogBox" v-if="false"> <input v-model="searchQuery" type="text" placeholder="请输入楼层名称">
<div class="dialogBoxCon"> <image @click="searchName" src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
<div class="dialogBoxCon1">确认选择</div> </div>
<div class="dialogBoxCon2">世纪名城</div>
<div class="dialogBoxCon3">1栋1单元101室</div> <div class="roomList">
<div class="dialogBoxConBtnList"> <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
<div class="dialogBoxConBtnItem1">取消</div> <div @click="nextStep(item)" class="roomItem" v-for="(item,index) in filteredFloorsList" :key="index">
<div class="dialogBoxConBtnItem2">确定</div> {{item.label}}
</div> </div>
</div> </div>
</div>
</div> <div class="empty" v-if="filteredFloorsList.length === 0">
</template> <image src="http://192.168.0.172:5500/com_noSearch.png"></image>
<span>未找到相关信息的楼层</span>
<script> </div>
import { apiArr } from '../../../api/community'; </div>
import {
request, <div class="communityBox" v-if="step == 4">
picUrl, <div class="search">
uniqueByField, <input v-model="searchQuery" type="text" placeholder="请输入房间名称">
menuButtonInfo, <image @click="searchName" src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
NavgateTo </div>
} from '../../../utils';
<div class="roomList">
export default { <!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
data() { <div @click="nextStep(item)" class="roomItem" v-for="(item,index) in filteredFloorsList" :key="index">
return { {{item.label}}
show: false, </div>
step:"3" </div>
}
}, <div class="empty" v-if="filteredFloorsList.length === 0">
methods: { <image src="http://192.168.0.172:5500/com_noSearch.png"></image>
changeAddress() { <span>未找到相关信息的房间</span>
this.show = true </div>
}, </div>
close() {
this.show = false
}, <areaPopup :show="show" @selectArea="selectArea" @close="close"></areaPopup>
selectArea(e1) {
console.log(e1); <div class="dialogBox" v-if="dialogBoxShow">
this.show = false <div class="dialogBoxCon">
<div class="dialogBoxCon1">确认选择</div>
}, <div class="dialogBoxCon2">{{cName}}</div>
<div class="dialogBoxCon3">{{facilityName + fName + rName}}</div>
}, <div class="dialogBoxConBtnList">
<div class="dialogBoxConBtnItem1" @click="dialogBoxShow = false">取消</div>
onLoad(options) { <div class="dialogBoxConBtnItem2">确定</div>
const meun = menuButtonInfo(); </div>
}, </div>
</div>
onReachBottom() { </div>
</template>
},
} <script>
</script> import {
apiArr
<style> } from '../../../api/community';
@import url("./index.css"); import {
</style> request,
picUrl,
uniqueByField,
menuButtonInfo,
NavgateTo
} from '../../../utils';
export default {
data() {
return {
show: false,
step: "1",
communityName: '',
cName: '',
fName: '',
communityId: '',
communityList: [],
facilityName: '',
// foloorList: [],
// floorsList: [],
rName: '',
// roomList: [],
page_num: 1,
page_size: 10,
dialogBoxShow: false,
searchQuery: '',
filteredFloorsList: [],
searchList:[]
}
},
methods: {
changeAddress() {
this.show = true
},
close() {
this.show = false
},
selectArea(e1) {
console.log(e1);
this.show = false
},
async searchByName() {
console.log(this.communityName)
await request(apiArr.getAllList, "POST", {
community_id: '',
name: this.communityName,
comm_code: '',
ad_code: uni.getStorageSync('ad_code'),
page_num: this.page_num,
page_size: this.page_size
}).then(res => {
console.log(res.rows)
this.communityList = res.rows
})
},
async nextStep(item) {
console.log(item)
this.communityId = item.community_id ? item.community_id : this.communityId;
this.facilityName = this.facilityName ? this.facilityName : item.label;
this.fName = this.step == 4 ? this.fName : (this.facilityName ? item.label : '')
await request(apiArr.commRoomSelect, "POST", {
community_ids: item.community_id ? item.community_id : this.communityId,
facility_names: this.facilityName,
floors: this.facilityName ? (this.facilityName == this.fName ? '' : item.label) : '',
}).then(res => {
this.filteredFloorsList = this.step == 4 ? this.filteredFloorsList : res.rows
this.searchList = res.rows
this.searchQuery = ''
if (this.step == '1') {
this.step = '2';
this.cName = item.name;
// this.foloorList = res.rows
} else if (this.step == '2') {
this.step = '3';
// this.floorsList = res.rows
} else if (this.step == '3') {
console.log(item.label);
this.fName = item.label;
// this.roomList = res.rows
this.step = '4';
} else {
console.log(this.step)
this.dialogBoxShow = true;
this.rName = item.label
}
})
},
searchName() {
//
this.filteredFloorsList = this.searchList.filter(item =>
item.label.includes(this.searchQuery)
);
},
},
onLoad(options) {
const meun = menuButtonInfo();
this.searchByName()
},
onReachBottom() {
},
}
</script>
<style>
@import url("./index.css");
</style>

View File

@ -8,7 +8,7 @@
<div class="community"> <div class="community">
<div class="community_left"> <div class="community_left">
<image mode="aspectFill" src="../../static/logo.png" alt="" /> <image mode="aspectFill" src="../../../static/logo.png" alt="" />
</div> </div>
<div class="community_right" @click="changeShow"> <div class="community_right" @click="changeShow">
<div class="community_right_text"> <div class="community_right_text">
@ -47,7 +47,7 @@
<div style="width: 100%;height: 200rpx;"> <div style="width: 100%;height: 200rpx;">
<div class="communityItem" v-for="item in 8"> <div class="communityItem" v-for="item in 8">
<div class="community_left"> <div class="community_left">
<image mode="aspectFill" src="../../static/logo.png" alt="" /> <image mode="aspectFill" src="../../../static/logo.png" alt="" />
</div> </div>
<div class="community_right" @click="changeShow2"> <div class="community_right" @click="changeShow2">
<div class="community_right_text"> <div class="community_right_text">

View File

@ -60,7 +60,7 @@
<view class="line2"></view> <view class="line2"></view>
<view class="top_bottom"> <view class="top_bottom">
<view class="bottomText2" @click="remark(item.bianhao)"> <view class="bottomText2" @click="remark(item.bianhao)">
<view style="margin: 20rpx 0;">备注</view> <view style="margin-top: 20rpx;">备注</view>
</view> </view>
<view class="line3"></view> <view class="line3"></view>
<view class="bottomText2" @click="refund(item.bianhao)"> <view class="bottomText2" @click="refund(item.bianhao)">