添加我的房产
This commit is contained in:
parent
b043e7ce74
commit
b8bd07a9af
@ -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",//房源筛选器
|
||||||
|
|
||||||
};
|
};
|
||||||
@ -10,74 +10,113 @@
|
|||||||
|
|
||||||
<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)"
|
||||||
|
src="http://192.168.0.172:5500/com_communityMore.png"></image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="empty" v-if="false">
|
<div class="empty" v-if="!communityList">
|
||||||
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
||||||
<span>未找到“康家美园”相关信息的小区</span>
|
<span>未找到相关信息的小区</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="communityBox" v-if="step == 2">
|
<!-- <div class="communityBox" v-if="step == 2">
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="text" placeholder="请输入楼栋">
|
<input type="text" placeholder="请输入楼栋名称">
|
||||||
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
|
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="floorList">
|
<div class="floorList">
|
||||||
<div class="floorItem" v-for="(item,index) in 4" :class="index == 1?'active':''">
|
<div @click="nextStep(item)" class="floorItem" v-for="(item,index) in foloorList" :key="index">
|
||||||
1号楼2单元
|
{{item.label}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="empty" v-if="false">
|
<div class="empty" v-if="!foloorList">
|
||||||
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
||||||
<span>未找到“康家美园”相关信息的小区</span>
|
<span>未找到相关信息的楼栋</span>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
|
||||||
|
<div class="communityBox" v-if="step == 2">
|
||||||
|
<div class="search">
|
||||||
|
<input v-model="searchQuery" type="text" placeholder="请输入楼栋名称">
|
||||||
|
<image @click="searchName" src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="floorList">
|
||||||
|
<div @click="nextStep(item)" class="floorItem" v-for="(item, index) in filteredFloorsList" :key="index">
|
||||||
|
{{ item.label }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||||
|
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
||||||
|
<span>未找到相关信息的楼栋</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="communityBox" v-if="step == 3">
|
<div class="communityBox" v-if="step == 3">
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<input type="text" placeholder="请输入楼层">
|
<input v-model="searchQuery" type="text" placeholder="请输入楼层名称">
|
||||||
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
|
<image @click="searchName" src="http://192.168.0.172:5500/com_communitySearchIcon.png"></image>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="roomList">
|
<div class="roomList">
|
||||||
<div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''">
|
<!-- <div class="roomItem" v-for="(item,index) in 5" :class="index == 1?'active2':''"> -->
|
||||||
{{ index + 1 }}层
|
<div @click="nextStep(item)" class="roomItem" v-for="(item,index) in filteredFloorsList" :key="index">
|
||||||
|
{{item.label}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="empty" v-if="false">
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||||
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
||||||
<span>未找到“康家美园”相关信息的小区</span>
|
<span>未找到相关信息的楼层</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="communityBox" v-if="step == 4">
|
||||||
|
<div class="search">
|
||||||
|
<input v-model="searchQuery" type="text" placeholder="请输入房间名称">
|
||||||
|
<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 @click="nextStep(item)" class="roomItem" v-for="(item,index) in filteredFloorsList" :key="index">
|
||||||
|
{{item.label}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="empty" v-if="filteredFloorsList.length === 0">
|
||||||
|
<image src="http://192.168.0.172:5500/com_noSearch.png"></image>
|
||||||
|
<span>未找到相关信息的房间</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<areaPopup :show="show" @selectArea="selectArea" @close="close"></areaPopup>
|
<areaPopup :show="show" @selectArea="selectArea" @close="close"></areaPopup>
|
||||||
|
|
||||||
<div class="dialogBox" v-if="false">
|
<div class="dialogBox" v-if="dialogBoxShow">
|
||||||
<div class="dialogBoxCon">
|
<div class="dialogBoxCon">
|
||||||
<div class="dialogBoxCon1">确认选择</div>
|
<div class="dialogBoxCon1">确认选择</div>
|
||||||
<div class="dialogBoxCon2">世纪名城</div>
|
<div class="dialogBoxCon2">{{cName}}</div>
|
||||||
<div class="dialogBoxCon3">1栋1单元101室</div>
|
<div class="dialogBoxCon3">{{facilityName + fName + rName}}</div>
|
||||||
<div class="dialogBoxConBtnList">
|
<div class="dialogBoxConBtnList">
|
||||||
<div class="dialogBoxConBtnItem1">取消</div>
|
<div class="dialogBoxConBtnItem1" @click="dialogBoxShow = false">取消</div>
|
||||||
<div class="dialogBoxConBtnItem2">确定</div>
|
<div class="dialogBoxConBtnItem2">确定</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -86,7 +125,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { apiArr } from '../../../api/community';
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/community';
|
||||||
import {
|
import {
|
||||||
request,
|
request,
|
||||||
picUrl,
|
picUrl,
|
||||||
@ -99,7 +140,23 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
show: false,
|
show: false,
|
||||||
step:"3"
|
step: "1",
|
||||||
|
communityName: '',
|
||||||
|
cName: '',
|
||||||
|
fName: '',
|
||||||
|
communityId: '',
|
||||||
|
communityList: [],
|
||||||
|
facilityName: '',
|
||||||
|
// foloorList: [],
|
||||||
|
// floorsList: [],
|
||||||
|
rName: '',
|
||||||
|
// roomList: [],
|
||||||
|
page_num: 1,
|
||||||
|
page_size: 10,
|
||||||
|
dialogBoxShow: false,
|
||||||
|
searchQuery: '',
|
||||||
|
filteredFloorsList: [],
|
||||||
|
searchList:[]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -112,13 +169,64 @@ export default {
|
|||||||
selectArea(e1) {
|
selectArea(e1) {
|
||||||
console.log(e1);
|
console.log(e1);
|
||||||
this.show = false
|
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) {
|
onLoad(options) {
|
||||||
const meun = menuButtonInfo();
|
const meun = menuButtonInfo();
|
||||||
|
this.searchByName()
|
||||||
},
|
},
|
||||||
|
|
||||||
onReachBottom() {
|
onReachBottom() {
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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)">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user