gxwebsoft/aishangjia-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

房源信息模块

Browse Source
This commit is contained in:
gxwebsoft
2023-08-08 20:02:22 +08:00
parent 1b923e5cff
commit 93e0876e13
11 changed files with 343 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
sub_pages/house/detail.vue
View File

@@ -3,17 +3,17 @@
<!-- 幻灯片 -->
<view class="swiper">
<u-swiper :list="form.files" :height="250" :radius="0" @change="e => currentNum = e.current"
<u-swiper :list="swiperList" :height="250" :radius="0" @change="e => currentNum = e.current"
indicatorStyle="right: 20px; bottom: 50px" @click="click">
<view slot="indicator" class="indicator-num">
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length + 1 }}</text>
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
</view>
</u-swiper>
<!-- 房源参数 -->
<view class="house-info">
<view class="title">
{{ form.houseTitle }}
{{ form.houseTitle || '' }}
<!-- 五象航洋城三室一厅采光好新房精装修三房一厅 采光好，乘诚意出售 -->
</view>
<view class="label">
@@ -23,19 +23,19 @@
</view>
<view class="dict">
<view class="dict-item">
<text class="title">{{ form.monthlyRent }}元/月</text>
<text class="title">{{ form.monthlyRent || 0 }}元/月</text>
<text class="desc">月租</text>
</view>
<view class="dict-item">
<text class="title">{{ form.extent }}m²</text>
<text class="title">{{ form.extent || 0 }}m²</text>
<text class="desc">建筑面积</text>
</view>
<view class="dict-item">
<text class="title">{{ form.houseType }}</text>
<text class="title">{{ form.houseType || '' }}</text>
<text class="desc">户型</text>
</view>
<view class="dict-item">
<text class="title">{{ form.floor }}</text>
<text class="title">{{ form.floor || '' }}</text>
<text class="desc">楼层</text>
</view>
</view>
@@ -50,24 +50,32 @@
</view>
<view class="field-list">
<view class="item col-2">
城市：{{ form.city }}
城市：{{ form.city || '' }}
</view>
<view class="item col-2">
区/县：{{ form.region }}
区/县：{{ form.region || '' }}
</view>
<view class="item col-1">
详细地址：{{ form.address }}
详细地址：{{ form.address || '' }}
</view>
<view class="item col-2">
租金(元/m²)：{{ form.rent }}
租金(元/m²)：{{ form.rent || '' }}
</view>
<view class="item col-2">
房号：{{ form.roomNumber }}
房号：{{ form.roomNumber || '' }}
</view>
<view class="item col-2">
密码：{{ form.password }}
密码：{{ form.password || '' }}
</view>
<view class="item col-2">业主电话：{{ form.phone || '' }}</view>
<view class="item col-2">物业费：{{ form.propertyFees || '' }}</view>
<view class="item col-2">租期：{{ form.tenancy || '' }}</view>
<view class="item col-2" v-if="form.gradeName == '公司员工'">
佣金：{{ form.commission || '' }}
</view>
<view class="item col-2" v-if="form.gradeName == '公司员工'">
是否可溢价：{{ form.premium || '' }}
</view>
<view class="item col-2">业主电话：{{ form.phone }}</view>
</view>
</view>
@@ -115,9 +123,7 @@
<u-gap></u-gap>
<view class="user-card">
<u-cell :title="`${form.nickname}`" :label="`发布房源10套`" :border="false">
<u-avatar slot="icon" size="50"
:src="form.avatar"
customStyle="margin: -3px 5px -3px 0"></u-avatar>
<u-avatar slot="icon" size="50" :src="form.avatar" customStyle="margin: -3px 5px -3px 0"></u-avatar>
<!-- <view solt="label">
<text class="desc-text">{{ `ID：${item.userId}` }}</text>
<text class="desc-text">{{ `粉丝：${item.id}` }}</text>
@@ -141,7 +147,7 @@
<view class="item" @click="$push('sub_pages/checkout/checkout?id=' + form.houseId)">
<u-button icon="map" type="error" text="预约看房"></u-button>
</view>
<view class="item" @click="onCall">
<view class="item" @click="onCall(form.phone)">
<u-button icon="phone" type="primary" text="电话咨询"></u-button>
</view>
</view>
@@ -265,10 +271,7 @@
form: {
},
swiperList: [
'https://file.wsdns.cn/20230802/f33f5ac239c843438b36f40941d946ef.png',
'https://file.wsdns.cn/20230802/1116a02b07904991b2ebdc2c3da4a691.png',
],
swiperList: [],
menu,
region,
price,
@@ -318,6 +321,7 @@
HouseInfoApi.getHouseInfo(houseId).then(res => {
app.form = res.data
app.form.files = JSON.parse(res.data.files) || []
app.swiperList = app.form.files
app.form.houseLabel = JSON.parse(res.data.houseLabel) || []
// app.form.supporting = JSON.parse(res.data.supporting) || []
}).catch(err => {
@@ -327,9 +331,12 @@
onHeart() {
this.heart = !this.heart
},
onCall() {
onCall(phone) {
if (!phone) {
return false
}
uni.makePhoneCall({
phoneNumber: '15878179339'
phoneNumber: phone
})
}
},