Merge branch 'master' of http://git.gxwebsoft.com/gxwebsoft/anshangjia-uniapp
This commit is contained in:
gxwebsoft
@@ -21,6 +21,12 @@ export const updateHouseInfo = (data) => http.put('/house/info', data)
|
||||
// 删除房源信息
|
||||
export const removeHouseInfo = (id) => http.delete('/house/info/' + id)
|
||||
|
||||
|
||||
// 收藏房源
|
||||
export const likeHouse = (data) => http.post('/house/like-log', data)
|
||||
export const getLikeHouseList = () => http.get('/house/like-log')
|
||||
export const getViewsHouseList = () => http.get('/house/views-log')
|
||||
|
||||
export default {
|
||||
pageHouseInfo,
|
||||
listHouseInfo,
|
||||
@@ -28,5 +34,8 @@ export default {
|
||||
getUserDetail,
|
||||
updateHouseInfo,
|
||||
removeHouseInfo,
|
||||
addHouseInfo
|
||||
addHouseInfo,
|
||||
likeHouse,
|
||||
getLikeHouseList,
|
||||
getViewsHouseList
|
||||
}
|
||||
|
||||
94
pages.json
94
pages.json
@@ -99,12 +99,6 @@
|
||||
"navigationBarTitleText": "身份认证",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "certification/house/house",
|
||||
"style": {
|
||||
"navigationBarTitleText": "房产认证",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "certification/education/education",
|
||||
"style": {
|
||||
@@ -263,78 +257,8 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "user/base/sex/sex",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/birthday/birthday",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/height/height",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/address/address",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/yearpay/yearpay",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/nickname/nickname",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/avatar/avatar",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "user/base/photo/photo",
|
||||
"style": {
|
||||
"navigationBarTitleText": "注册引导",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
|
||||
}, {
|
||||
"path": "feedback/feedback",
|
||||
"style": {
|
||||
"navigationBarTitleText": "意见反馈",
|
||||
@@ -552,13 +476,27 @@
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}, {
|
||||
},
|
||||
{
|
||||
"path": "pages/house/house",
|
||||
"style": {
|
||||
"navigationBarTitleText": "房源列表",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
},
|
||||
{
|
||||
"path": "pages/house/liked",
|
||||
"style": {
|
||||
"navigationBarTitleText": "收藏房源",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/house/views",
|
||||
"style": {
|
||||
"navigationBarTitleText": "浏览历史",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
||||
344
pages/house/liked.vue
Normal file
344
pages/house/liked.vue
Normal file
@@ -0,0 +1,344 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<!-- 搜索 -->
|
||||
<view style="height: 20rpx;"></view>
|
||||
<uv-waterfall ref="waterfall" v-model="list" left-gap="10" right-gap="10" column-gap="8"
|
||||
@changeList="changeList">
|
||||
<!-- 第一列数据 -->
|
||||
<template v-slot:list1>
|
||||
<!-- 为了磨平部分平台的BUG，必须套一层view -->
|
||||
<view class="house-list">
|
||||
<block v-for="(item,index) in list1" :key="index">
|
||||
<view class="item" @click="$push('sub_pages/house/detail?houseId=' + item.houseId)">
|
||||
<image :src="item.files[0].url" mode="widthFix">
|
||||
</image>
|
||||
<view class="info">
|
||||
<view class="title">{{ item.houseTitle }}</view>
|
||||
<view class="desc"><text>{{ item.extent }}m²|{{ item.toward }}</text></view>
|
||||
<view class="price">{{ item.monthlyRent }}元/月</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
<!-- 第二列数据 -->
|
||||
<template v-slot:list2>
|
||||
<!-- 为了磨平部分平台的BUG，必须套一层view -->
|
||||
<view class="house-list">
|
||||
<block v-for="(item,index) in list2" :key="index">
|
||||
<view class="item" @click="$push('sub_pages/house/detail?houseId=' + item.houseId)">
|
||||
<image :src="item.files[0].url" mode="widthFix">
|
||||
</image>
|
||||
<view class="info">
|
||||
<view class="title">{{ item.houseTitle }}</view>
|
||||
<view class="desc"><text>{{ item.extent }}m²|{{ item.toward }}</text></view>
|
||||
<view class="price">{{ item.monthlyRent }}元/月</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
</uv-waterfall>
|
||||
|
||||
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" v-if="list.length == 0">
|
||||
</u-empty>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as Util from '@/utils/util.js'
|
||||
import store from '@/store'
|
||||
import storage from '@/utils/storage'
|
||||
import * as DictApi from '@/api/dict.js'
|
||||
import * as HouseInfoApi from '@/api/house-info.js'
|
||||
|
||||
const menu = [{
|
||||
name: '推荐',
|
||||
reset: true
|
||||
},
|
||||
{
|
||||
name: '必看好房',
|
||||
reset: false
|
||||
}
|
||||
];
|
||||
const region = [];
|
||||
const price = [];
|
||||
const extent = [];
|
||||
const sort = [];
|
||||
const loginUserId = uni.getStorageSync('userId')
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
list1: [], // 瀑布流第一列数据
|
||||
list2: [], // 瀑布流第二列数据
|
||||
loadMore: true,
|
||||
status: '加载更多',
|
||||
page: 1,
|
||||
where: {},
|
||||
dict: null,
|
||||
cityList: [],
|
||||
// 控制onShow事件是否刷新订单列表
|
||||
canReset: false,
|
||||
disabled: false,
|
||||
swiperList: [
|
||||
'https://file.wsdns.cn/20230802/f33f5ac239c843438b36f40941d946ef.png',
|
||||
'https://file.wsdns.cn/20230802/1116a02b07904991b2ebdc2c3da4a691.png',
|
||||
],
|
||||
menu,
|
||||
region,
|
||||
price,
|
||||
extent,
|
||||
sort,
|
||||
// priceScene: null,
|
||||
scrollTop: 0,
|
||||
old: {
|
||||
scrollTop: 0
|
||||
},
|
||||
actionStyle: {
|
||||
background: '#3f72f4',
|
||||
color: '#ffffff',
|
||||
padding: '12rpx 0',
|
||||
borderRadius: '12rpx'
|
||||
},
|
||||
};
|
||||
|
||||
},
|
||||
onLoad() {
|
||||
this.getDict()
|
||||
this.list = []
|
||||
this.onRefreshList()
|
||||
},
|
||||
onShow() {},
|
||||
onBackPress() {},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onPageScroll(e) {
|
||||
this.scrollTop = e.scrollTop
|
||||
},
|
||||
// 触底函数
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 这点非常重要：e.name在这里返回是list1或list2，要手动将数据追加到相应列
|
||||
changeList(e) {
|
||||
this[e.name].push(e.value);
|
||||
},
|
||||
onRefreshList() {
|
||||
const app = this
|
||||
const userId = uni.getStorageSync('userId')
|
||||
app.where.page = app.page
|
||||
// if (app.priceScene) {
|
||||
// app.where.monthlyRentStart = app.priceScene
|
||||
// app.where.monthlyRentEnd = app.priceScene
|
||||
// }
|
||||
console.log('app: ', app.where);
|
||||
return new Promise((resolve, reject) => {
|
||||
HouseInfoApi.getLikeHouseList()
|
||||
.then(result => {
|
||||
const list = result.data.map(item => {
|
||||
const d = item.houseInfo
|
||||
d.files = JSON.parse(d.files) || []
|
||||
return d
|
||||
})
|
||||
// 合并新数据
|
||||
app.list.push.apply(app.list,list);
|
||||
if (result.data.count > app.list.length) {
|
||||
app.canReset = true
|
||||
} else {
|
||||
app.canReset = false
|
||||
}
|
||||
console.log("app.list: ", app.list);
|
||||
resolve(list)
|
||||
})
|
||||
})
|
||||
},
|
||||
getDict() {
|
||||
const app = this
|
||||
DictApi.listDictionary().then(res => {
|
||||
app.dict = res.data
|
||||
|
||||
app.price = res.data.price[0].map(d => {
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
app.extent = res.data.extent[0].map(d => {
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
app.sort = res.data.sort[0].map(d => {
|
||||
console.log('d: ', d);
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
|
||||
uni.request({
|
||||
url: 'https://file.wsdns.cn/json/city.js',
|
||||
success(res) {
|
||||
res.data.map(e => {
|
||||
if (e.value == '450000') {
|
||||
e.children.map(city => {
|
||||
if (city.value == '450100') {
|
||||
app.region = city.children.map(r => {
|
||||
return {
|
||||
value: r.label,
|
||||
text: r.label
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
onSearch(text) {
|
||||
this.list = [];
|
||||
this.$refs.waterfall.clear();
|
||||
this.list1 = [];
|
||||
this.list2 = [];
|
||||
this.page = 1
|
||||
console.log('extentScene: ', this.where.extentScene);
|
||||
if (text == '0-100㎡') {
|
||||
this.where.extentScene = '100'
|
||||
}
|
||||
if (text == '100-150㎡') {
|
||||
this.where.extentScene = '100-150'
|
||||
}
|
||||
if (text == '150-200㎡') {
|
||||
this.where.extentScene = '150-200'
|
||||
}
|
||||
if (text == '200-300㎡') {
|
||||
this.where.extentScene = '200-300'
|
||||
}
|
||||
if (text == '300-400㎡') {
|
||||
this.where.extentScene = '300-400'
|
||||
}
|
||||
if (text == '400-600㎡') {
|
||||
this.where.extentScene = '400-600'
|
||||
}
|
||||
if (text == '600-1000㎡') {
|
||||
this.where.extentScene = '600-1000'
|
||||
}
|
||||
if (text == '1000㎡以上') {
|
||||
this.where.extentScene = '1000'
|
||||
}
|
||||
|
||||
this.onRefreshList()
|
||||
// this.$push('/sub_pages/member/member', this.where)
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
.search-fix {
|
||||
width: 750rpx;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
|
||||
.search {
|
||||
width: 710rpx;
|
||||
margin: 15rpx auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.search-tools {
|
||||
width: 720rpx;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 22rpx;
|
||||
|
||||
.region {
|
||||
width: 178rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
* {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
top: 300rpx;
|
||||
left: 125rpx;
|
||||
}
|
||||
|
||||
.no-fixed {
|
||||
position: absolute;
|
||||
top: 0rpx;
|
||||
left: 125rpx;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.house-list {
|
||||
// width: 700rpx;
|
||||
// margin: 20rpx auto;
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
|
||||
.item {
|
||||
margin-bottom: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
// box-shadow: 0 3rpx 10rpx 0px #cccccc;
|
||||
background-color: #ffffff;
|
||||
width: 338rpx;
|
||||
|
||||
image {
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
height: 420rpx;
|
||||
width: 338rpx;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20rpx 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden; //溢出内容隐藏
|
||||
text-overflow: ellipsis; //文本溢出部分用省略号表示
|
||||
display: -webkit-box; //特别显示模式
|
||||
-webkit-line-clamp: 2; //行数
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical; //盒子中内容竖直排列
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff0000;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
344
pages/house/views.vue
Normal file
344
pages/house/views.vue
Normal file
@@ -0,0 +1,344 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<!-- 搜索 -->
|
||||
<view style="height: 20rpx;"></view>
|
||||
<uv-waterfall ref="waterfall" v-model="list" left-gap="10" right-gap="10" column-gap="8"
|
||||
@changeList="changeList">
|
||||
<!-- 第一列数据 -->
|
||||
<template v-slot:list1>
|
||||
<!-- 为了磨平部分平台的BUG，必须套一层view -->
|
||||
<view class="house-list">
|
||||
<block v-for="(item,index) in list1" :key="index">
|
||||
<view class="item" @click="$push('sub_pages/house/detail?houseId=' + item.houseId)">
|
||||
<image :src="item.files[0].url" mode="widthFix">
|
||||
</image>
|
||||
<view class="info">
|
||||
<view class="title">{{ item.houseTitle }}</view>
|
||||
<view class="desc"><text>{{ item.extent }}m²|{{ item.toward }}</text></view>
|
||||
<view class="price">{{ item.monthlyRent }}元/月</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
<!-- 第二列数据 -->
|
||||
<template v-slot:list2>
|
||||
<!-- 为了磨平部分平台的BUG，必须套一层view -->
|
||||
<view class="house-list">
|
||||
<block v-for="(item,index) in list2" :key="index">
|
||||
<view class="item" @click="$push('sub_pages/house/detail?houseId=' + item.houseId)">
|
||||
<image :src="item.files[0].url" mode="widthFix">
|
||||
</image>
|
||||
<view class="info">
|
||||
<view class="title">{{ item.houseTitle }}</view>
|
||||
<view class="desc"><text>{{ item.extent }}m²|{{ item.toward }}</text></view>
|
||||
<view class="price">{{ item.monthlyRent }}元/月</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</template>
|
||||
</uv-waterfall>
|
||||
|
||||
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" v-if="list.length == 0">
|
||||
</u-empty>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as Util from '@/utils/util.js'
|
||||
import store from '@/store'
|
||||
import storage from '@/utils/storage'
|
||||
import * as DictApi from '@/api/dict.js'
|
||||
import * as HouseInfoApi from '@/api/house-info.js'
|
||||
|
||||
const menu = [{
|
||||
name: '推荐',
|
||||
reset: true
|
||||
},
|
||||
{
|
||||
name: '必看好房',
|
||||
reset: false
|
||||
}
|
||||
];
|
||||
const region = [];
|
||||
const price = [];
|
||||
const extent = [];
|
||||
const sort = [];
|
||||
const loginUserId = uni.getStorageSync('userId')
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
list1: [], // 瀑布流第一列数据
|
||||
list2: [], // 瀑布流第二列数据
|
||||
loadMore: true,
|
||||
status: '加载更多',
|
||||
page: 1,
|
||||
where: {},
|
||||
dict: null,
|
||||
cityList: [],
|
||||
// 控制onShow事件是否刷新订单列表
|
||||
canReset: false,
|
||||
disabled: false,
|
||||
swiperList: [
|
||||
'https://file.wsdns.cn/20230802/f33f5ac239c843438b36f40941d946ef.png',
|
||||
'https://file.wsdns.cn/20230802/1116a02b07904991b2ebdc2c3da4a691.png',
|
||||
],
|
||||
menu,
|
||||
region,
|
||||
price,
|
||||
extent,
|
||||
sort,
|
||||
// priceScene: null,
|
||||
scrollTop: 0,
|
||||
old: {
|
||||
scrollTop: 0
|
||||
},
|
||||
actionStyle: {
|
||||
background: '#3f72f4',
|
||||
color: '#ffffff',
|
||||
padding: '12rpx 0',
|
||||
borderRadius: '12rpx'
|
||||
},
|
||||
};
|
||||
|
||||
},
|
||||
onLoad() {
|
||||
this.getDict()
|
||||
this.list = []
|
||||
this.onRefreshList()
|
||||
},
|
||||
onShow() {},
|
||||
onBackPress() {},
|
||||
onUnload() {
|
||||
|
||||
},
|
||||
onPageScroll(e) {
|
||||
this.scrollTop = e.scrollTop
|
||||
},
|
||||
// 触底函数
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 这点非常重要：e.name在这里返回是list1或list2，要手动将数据追加到相应列
|
||||
changeList(e) {
|
||||
this[e.name].push(e.value);
|
||||
},
|
||||
onRefreshList() {
|
||||
const app = this
|
||||
const userId = uni.getStorageSync('userId')
|
||||
app.where.page = app.page
|
||||
// if (app.priceScene) {
|
||||
// app.where.monthlyRentStart = app.priceScene
|
||||
// app.where.monthlyRentEnd = app.priceScene
|
||||
// }
|
||||
console.log('app: ', app.where);
|
||||
return new Promise((resolve, reject) => {
|
||||
HouseInfoApi.getViewsHouseList()
|
||||
.then(result => {
|
||||
const list = result.data.map(item => {
|
||||
const d = item.houseInfo
|
||||
d.files = JSON.parse(d.files) || []
|
||||
return d
|
||||
})
|
||||
// 合并新数据
|
||||
app.list.push.apply(app.list,list);
|
||||
if (result.data.count > app.list.length) {
|
||||
app.canReset = true
|
||||
} else {
|
||||
app.canReset = false
|
||||
}
|
||||
console.log("app.list: ", app.list);
|
||||
resolve(list)
|
||||
})
|
||||
})
|
||||
},
|
||||
getDict() {
|
||||
const app = this
|
||||
DictApi.listDictionary().then(res => {
|
||||
app.dict = res.data
|
||||
|
||||
app.price = res.data.price[0].map(d => {
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
app.extent = res.data.extent[0].map(d => {
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
app.sort = res.data.sort[0].map(d => {
|
||||
console.log('d: ', d);
|
||||
return {
|
||||
value: d,
|
||||
text: d
|
||||
}
|
||||
})
|
||||
|
||||
uni.request({
|
||||
url: 'https://file.wsdns.cn/json/city.js',
|
||||
success(res) {
|
||||
res.data.map(e => {
|
||||
if (e.value == '450000') {
|
||||
e.children.map(city => {
|
||||
if (city.value == '450100') {
|
||||
app.region = city.children.map(r => {
|
||||
return {
|
||||
value: r.label,
|
||||
text: r.label
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
onSearch(text) {
|
||||
this.list = [];
|
||||
this.$refs.waterfall.clear();
|
||||
this.list1 = [];
|
||||
this.list2 = [];
|
||||
this.page = 1
|
||||
console.log('extentScene: ', this.where.extentScene);
|
||||
if (text == '0-100㎡') {
|
||||
this.where.extentScene = '100'
|
||||
}
|
||||
if (text == '100-150㎡') {
|
||||
this.where.extentScene = '100-150'
|
||||
}
|
||||
if (text == '150-200㎡') {
|
||||
this.where.extentScene = '150-200'
|
||||
}
|
||||
if (text == '200-300㎡') {
|
||||
this.where.extentScene = '200-300'
|
||||
}
|
||||
if (text == '300-400㎡') {
|
||||
this.where.extentScene = '300-400'
|
||||
}
|
||||
if (text == '400-600㎡') {
|
||||
this.where.extentScene = '400-600'
|
||||
}
|
||||
if (text == '600-1000㎡') {
|
||||
this.where.extentScene = '600-1000'
|
||||
}
|
||||
if (text == '1000㎡以上') {
|
||||
this.where.extentScene = '1000'
|
||||
}
|
||||
|
||||
this.onRefreshList()
|
||||
// this.$push('/sub_pages/member/member', this.where)
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
.search-fix {
|
||||
width: 750rpx;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
|
||||
.search {
|
||||
width: 710rpx;
|
||||
margin: 15rpx auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.search-tools {
|
||||
width: 720rpx;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 22rpx;
|
||||
|
||||
.region {
|
||||
width: 178rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
* {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
top: 300rpx;
|
||||
left: 125rpx;
|
||||
}
|
||||
|
||||
.no-fixed {
|
||||
position: absolute;
|
||||
top: 0rpx;
|
||||
left: 125rpx;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.house-list {
|
||||
// width: 700rpx;
|
||||
// margin: 20rpx auto;
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
|
||||
.item {
|
||||
margin-bottom: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
// box-shadow: 0 3rpx 10rpx 0px #cccccc;
|
||||
background-color: #ffffff;
|
||||
width: 338rpx;
|
||||
|
||||
image {
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
height: 420rpx;
|
||||
width: 338rpx;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 20rpx 20rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.title {
|
||||
font-size: 30rpx;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden; //溢出内容隐藏
|
||||
text-overflow: ellipsis; //文本溢出部分用省略号表示
|
||||
display: -webkit-box; //特别显示模式
|
||||
-webkit-line-clamp: 2; //行数
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical; //盒子中内容竖直排列
|
||||
}
|
||||
|
||||
.desc {
|
||||
color: #999999;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #ff0000;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -122,13 +122,13 @@
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv2os.png" isLink title="房源管理" @click="$push('sub_pages/house/house')"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26y.png" isLink title="访客记录"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x.png" isLink title="浏览历史"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26y%20%281%29.png" isLink title="我的收藏"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26y%20%281%29.png" isLink title="我的收藏" @click="$push('pages/house/liked')"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x%20%281%29.png" isLink title="关于我们"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x%20%282%29.png" isLink title="联系专属经纪人" :border="false" @click="showMyMatchmaker"></u-cell>
|
||||
</u-cell-group>
|
||||
<u-cell-group v-else :border="false">
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x.png" isLink title="浏览历史"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26y%20%281%29.png" isLink title="收藏房源"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26y%20%281%29.png" isLink title="收藏房源" @click="$push('pages/house/liked')"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x%20%281%29.png" isLink title="关于我们"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26w.png" isLink title="预约看房记录"></u-cell>
|
||||
<u-cell icon="https://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com/v2_rwv26x%20%282%29.png" isLink title="联系专属经纪人" :border="false" @click="showMyMatchmaker"></u-cell>
|
||||
@@ -449,33 +449,8 @@
|
||||
// uni.setStorageSync('gradeName',res.data.gradeName)
|
||||
app.isLogin = true
|
||||
|
||||
|
||||
|
||||
// const roleName = res.data.roles[0].roleName
|
||||
// app.roleName = roleName
|
||||
// storage.set('roleName',roleName)
|
||||
|
||||
// // 判断会员身份
|
||||
// const roleName = storage.get('roleName')
|
||||
// if(roleName == '尊享会员'){
|
||||
// app.roleName = roleName
|
||||
// return false
|
||||
// }
|
||||
// const exclusive = app.form.roles.filter(d => d.roleName == '尊享会员')
|
||||
// const ordinary = app.form.roles.filter(d => d.roleName == '普通会员')
|
||||
// if(ordinary){
|
||||
// console.log("111111: ",111111);
|
||||
// app.roleName = '普通会员'
|
||||
// storage.set('roleName',d.roleName)
|
||||
// }
|
||||
// if(exclusive){
|
||||
// console.log("222222: ",222222);
|
||||
// app.roleName = '尊享会员'
|
||||
// storage.set('roleName',d.roleName)
|
||||
// }
|
||||
} else {
|
||||
app.isLogin = false
|
||||
// app.handleLogout()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<u--form :model="form" ref="uForm" :rules="rules" labelPosition="top" :labelStyle="{paddingLeft: '10rpx'}"
|
||||
label-width="200rpx">
|
||||
label-width="200rpx" >
|
||||
<!-- 表单组件 -->
|
||||
|
||||
<view class="his-head">
|
||||
@@ -10,45 +10,38 @@
|
||||
<view class="form-wrapper">
|
||||
<u-cell-group :border="false">
|
||||
<u-form-item prop="houseTitle">
|
||||
<u-cell title="标题" :isLink="true" customStyle="">
|
||||
<u-cell title="标题" :isLink="false" customStyle="">
|
||||
<u-input slot="value" class="input" v-model="form.houseTitle" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入标题" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="area">
|
||||
<u-cell title="城市" @click="onArea" :isLink="true">
|
||||
<u-input slot="value" class="input" v-model="form.city" inputAlign="right" maxlength="30"
|
||||
<u-input :disabled="true" disabledColor="#FFFFFF" slot="value" class="input" v-model="form.city" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请选择所在城市" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="address">
|
||||
<!-- <u-form-item prop="address">
|
||||
<u-cell title="详细地址" :isLink="true">
|
||||
<u-input slot="value" class="input" v-model="form.address" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入详细地址" />
|
||||
:border="false" placeholder="请输入详细地址" :disabled="true" disabledColor="#FFFFFF"/>
|
||||
</u-cell>
|
||||
</u-form-item> -->
|
||||
<u-form-item prop="address">
|
||||
<view class="his-head">
|
||||
<text class="title">详细地址</text>
|
||||
</view>
|
||||
<view class="form-wrapper" @click="openMap">
|
||||
<view class="textarea">
|
||||
<u--textarea v-model="form.address" placeholder="请输入详细地址"
|
||||
maxlength="200" :disabled="true" disabledColor="#FFFFFF"></u--textarea>
|
||||
</view>
|
||||
</view>
|
||||
</u-form-item>
|
||||
<u-form-item prop="houseType">
|
||||
<u-cell title="户型" :isLink="true" @click="showHouseType = true">
|
||||
<u-input slot="value" class="input" v-model="form.houseType" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请选择房子户型" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="leaseMethod">
|
||||
<u-cell title="租赁方式" :isLink="true" @click="showLeaseMethod = true">
|
||||
<u-input slot="value" class="input" v-model="form.leaseMethod" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请选择租赁方式" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="rent">
|
||||
<u-cell title="租金(元/m²)" :isLink="true">
|
||||
<u-input slot="value" class="input" v-model="form.rent" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入租金" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="monthlyRent">
|
||||
<u-cell title="月租金(每月)" :isLink="true">
|
||||
<u-input slot="value" class="input" v-model="form.monthlyRent" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入您的月租金" />
|
||||
maxlength="30" :border="false" placeholder="请选择房子户型" :disabled="true" disabledColor="#FFFFFF" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="extent">
|
||||
@@ -57,26 +50,68 @@
|
||||
:border="false" placeholder="该房屋面积" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="leaseMethod">
|
||||
<u-cell title="租赁方式" :isLink="true" @click="showLeaseMethod = true">
|
||||
<u-input slot="value" class="input" v-model="form.leaseMethod" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请选择租赁方式" :disabled="true" disabledColor="#FFFFFF"/>
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="rent">
|
||||
<u-cell title="租金(元/m²)" :isLink="false">
|
||||
<u-input type="digit" slot="value" class="input" v-model="form.rent" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入租金" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="monthlyRent">
|
||||
<u-cell title="月租金(每月)" :isLink="false">
|
||||
<u-input type="digit" slot="value" class="input" v-model="form.monthlyRent" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入月租金" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="propertyFees">
|
||||
<u-cell title="物业费" :isLink="false">
|
||||
<u-input type="digit" slot="value" class="input" v-model="form.propertyFees" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入物业费" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="tenancy">
|
||||
<u-cell title="租期" :isLink="false">
|
||||
<u-input slot="value" class="input" v-model="form.tenancy" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入租期" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="commission">
|
||||
<u-cell title="佣金" :isLink="false">
|
||||
<u-input type="digit" slot="value" class="input" v-model="form.commission" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入佣金" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="premium">
|
||||
<u-cell title="可溢价" :isLink="true" @click="showPremium = true">
|
||||
<u-input slot="value" class="input" v-model="form.premium" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请选择楼是否可溢价" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="floor">
|
||||
<u-cell title="楼层" :isLink="true" @click="showFloor = true">
|
||||
<u-input slot="value" class="input" v-model="form.floor" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请选择楼层" />
|
||||
:border="false" placeholder="请选择楼层" :disabled="true" disabledColor="#FFFFFF"/>
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="roomNumber">
|
||||
<u-cell title="房号" :isLink="true">
|
||||
<u-cell title="房号" :isLink="false">
|
||||
<u-input slot="value" class="input" v-model="form.roomNumber" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入房号" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="phone">
|
||||
<u-cell title="业主电话" :isLink="true">
|
||||
<u-cell title="业主电话" :isLink="false">
|
||||
<u-input slot="value" class="input" v-model="form.phone" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请输入业主电话" />
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
<u-form-item prop="password">
|
||||
<u-cell title="密码" :isLink="true">
|
||||
<u-cell title="密码" :isLink="false">
|
||||
<u-input slot="value" class="input" v-model="form.password" inputAlign="right"
|
||||
maxlength="30" :border="false" placeholder="请输入房屋密码" />
|
||||
</u-cell>
|
||||
@@ -84,7 +119,7 @@
|
||||
<u-form-item prop="toward">
|
||||
<u-cell title="朝向" :isLink="true" @click="showToward = true">
|
||||
<u-input slot="value" class="input" v-model="form.toward" inputAlign="right" maxlength="30"
|
||||
:border="false" placeholder="请选择房源朝向" />
|
||||
:border="false" placeholder="请选择房源朝向" :disabled="true" disabledColor="#FFFFFF"/>
|
||||
</u-cell>
|
||||
</u-form-item>
|
||||
</u-cell-group>
|
||||
@@ -180,6 +215,9 @@
|
||||
<u-picker :show="showToward" :columns="dict.toward" @confirm="confirmToward" @cancel="closeToward"
|
||||
:closeOnClickOverlay="true" @close="closeToward">
|
||||
</u-picker>
|
||||
<u-picker :show="showPremium" :columns="[['是','否']]" @confirm="confirmPremium" @cancel="showPremium = false"
|
||||
:closeOnClickOverlay="true" @close="showPremium = false">
|
||||
</u-picker>
|
||||
|
||||
|
||||
|
||||
@@ -238,7 +276,8 @@
|
||||
form: {
|
||||
houseTitle: '',
|
||||
area: '',
|
||||
status: 10
|
||||
status: 10,
|
||||
address: ''
|
||||
},
|
||||
fileList1: [],
|
||||
fileList2: [],
|
||||
@@ -251,6 +290,7 @@
|
||||
showLeaseMethod: false,
|
||||
showFloor: false,
|
||||
showToward: false,
|
||||
showPremium: false,
|
||||
houseLabel: [],
|
||||
|
||||
showRegion: false,
|
||||
@@ -421,6 +461,17 @@
|
||||
HouseInfoApi.updateUserProfile(app.form)
|
||||
})
|
||||
},
|
||||
openMap() {
|
||||
const app = this
|
||||
uni.chooseLocation({
|
||||
success: (res) => {
|
||||
app.form.address = res.address
|
||||
app.form.latitude = res.latitude
|
||||
app.form.longitude = res.longitude
|
||||
console.log(res);
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 确认修改
|
||||
async handleSubmit() {
|
||||
@@ -572,6 +623,10 @@
|
||||
this.form.toward = e.value[0]
|
||||
this.showToward = false
|
||||
},
|
||||
confirmPremium(e) {
|
||||
this.form.premium = e.value[0]
|
||||
this.showPremium = false
|
||||
},
|
||||
closeToward() {
|
||||
this.showToward = false
|
||||
},
|
||||
@@ -824,7 +879,7 @@
|
||||
font-size: 30rpx;
|
||||
padding-top: 20rpx;
|
||||
color: #333333;
|
||||
font-weight: 600;
|
||||
// font-weight: 600;
|
||||
|
||||
.line {
|
||||
background-color: #681752;
|
||||
@@ -838,4 +893,8 @@
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/deep/ .u-form-item__body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
</style>
|
||||
@@ -74,19 +74,19 @@
|
||||
<view class="item col-2">
|
||||
租金(元/m²)：{{ form.rent || '' }}
|
||||
</view>
|
||||
<view class="item col-2">
|
||||
<view v-if="isManager" class="item col-2">
|
||||
房号：{{ form.roomNumber || '' }}
|
||||
</view>
|
||||
<view class="item col-2">
|
||||
<view v-if="isManager" class="item col-2">
|
||||
密码：{{ 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 == '公司员工'">
|
||||
<view v-if="isManager" class="item col-2">业主电话：{{ form.phone || '' }}</view>
|
||||
<view v-if="isManager" class="item col-2">物业费：{{ form.propertyFees || '' }}</view>
|
||||
<view v-if="isManager" class="item col-2">租期：{{ form.tenancy || '' }}</view>
|
||||
<view class="item col-2" v-if="isManager">
|
||||
佣金：{{ form.commission || '' }}
|
||||
</view>
|
||||
<view class="item col-2" v-if="form.gradeName == '公司员工'">
|
||||
<view class="item col-2" v-if="isManager">
|
||||
是否可溢价：{{ form.premium || '' }}
|
||||
</view>
|
||||
</view>
|
||||
@@ -152,9 +152,9 @@
|
||||
<u-gap height="100"></u-gap>
|
||||
<view class="pay-tools">
|
||||
<view class="item" @click="onHeart">
|
||||
<u-icon name="heart-fill" size="28" color="#ff0000" v-if="heart"></u-icon>
|
||||
<u-icon name="heart-fill" size="28" color="#ff0000" v-if="form.liked"></u-icon>
|
||||
<u-icon name="heart" size="28" v-else></u-icon>
|
||||
<text v-if="heart">已收藏</text>
|
||||
<text v-if="form.liked">已收藏</text>
|
||||
<text v-else>收藏</text>
|
||||
</view>
|
||||
<view class="item" @click="$push('sub_pages/checkout/checkout?id=' + form.houseId)">
|
||||
@@ -172,6 +172,10 @@
|
||||
import store from '@/store'
|
||||
import storage from '@/utils/storage'
|
||||
import * as HouseInfoApi from '@/api/house-info.js'
|
||||
import {
|
||||
getAgentUser,
|
||||
getUser
|
||||
} from '@/api/user.js'
|
||||
|
||||
const menu = [{
|
||||
name: '推荐',
|
||||
@@ -302,7 +306,6 @@
|
||||
padding: '12rpx 0',
|
||||
borderRadius: '12rpx'
|
||||
},
|
||||
heart: false,
|
||||
swiperType: 'video',
|
||||
latitude: 39.909,
|
||||
longitude: 116.39742,
|
||||
@@ -310,13 +313,26 @@
|
||||
latitude: 39.909,
|
||||
longitude: 116.39742,
|
||||
iconPath: 'https://oss.wsdns.cn/20230803/49fe9c001370488caf29c3decb34f6c7.png?x-oss-process=image/resize,w_750/quality,Q_90'
|
||||
}]
|
||||
}],
|
||||
agentUser: {},
|
||||
isManager: false
|
||||
};
|
||||
|
||||
},
|
||||
onLoad(options) {
|
||||
this.houseId = options.houseId
|
||||
this.getHouseInfo()
|
||||
|
||||
if(options.user_id) {
|
||||
getAgentUser(options.user_id).then(res => {
|
||||
this.agentUser = res.data
|
||||
})
|
||||
}
|
||||
getUser().then(res=>{
|
||||
this.isManager = res.data.gradeId == 15
|
||||
}).catch((err)=>{
|
||||
console.log(err);
|
||||
})
|
||||
},
|
||||
onShow() {},
|
||||
onBackPress() {},
|
||||
@@ -349,16 +365,27 @@
|
||||
})
|
||||
},
|
||||
onHeart() {
|
||||
this.heart = !this.heart
|
||||
const app = this;
|
||||
HouseInfoApi.likeHouse({
|
||||
houseId: this.form.houseId,
|
||||
houseUserId: this.form.userId
|
||||
}).then(res=>{
|
||||
app.form.liked = res.data
|
||||
})
|
||||
},
|
||||
onCall(phone) {
|
||||
if (!phone) {
|
||||
return false
|
||||
}
|
||||
if (this.agentUser && this.agentUser.phone) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: this.agentUser.phone
|
||||
})
|
||||
}else if(phone) {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: phone
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
|
||||
@@ -351,6 +351,7 @@
|
||||
position: relative;
|
||||
|
||||
.badge {
|
||||
scale: 3;
|
||||
position: absolute;
|
||||
left: 30rpx;
|
||||
top: 30rpx;
|
||||
|
||||
Reference in New Issue
Block a user