|
|
|
@ -15,7 +15,8 @@
|
|
|
|
|
:custom-style="{backgroundColor:'#fff',borderRadius:'10rpx',padding:'0 26rpx',boxSizing:'border-box'}"> |
|
|
|
|
<view class="screen-container row"> |
|
|
|
|
<view class="screen-search col-12" :style="{width:'100%',display:'flex',padding:'16rpx 40rpx'}"> |
|
|
|
|
<u-input @blur="getAdvisorList(true)" v-model="pages.keyword" shape="circle" placeholder="小区/商圈/地铁站" |
|
|
|
|
<u-input @blur="getAdvisorList(true)" v-model="pages.keyword" shape="circle" |
|
|
|
|
placeholder="小区/商圈/地铁站" |
|
|
|
|
prefixIcon="search" prefix-icon-style="font-size:32rpx;" |
|
|
|
|
border="none" |
|
|
|
|
custom-style="background-color:#F5F5F6;padding:16rpx 32rpx;"></u-input> |
|
|
|
@ -25,7 +26,8 @@
|
|
|
|
|
<view class="screen-type"> |
|
|
|
|
<view class="screen-type-button row " @click="openTypePicker"> |
|
|
|
|
<view class="button-text"> |
|
|
|
|
<u-text :bold="(pages.type!=='')" :text="shows.type_name || '顾问类型'" size="28" color="#020B18"></u-text> |
|
|
|
|
<u-text :bold="(pages.type!=='')" :text="shows.type_name || '顾问类型'" size="28" |
|
|
|
|
color="#020B18"></u-text> |
|
|
|
|
</view> |
|
|
|
|
<view class="button-icon"> |
|
|
|
|
<u-icon name="arrow-down-fill" size="12"></u-icon> |
|
|
|
@ -35,7 +37,8 @@
|
|
|
|
|
<view class="screen-type"> |
|
|
|
|
<view class="screen-type-button row " @click="openStreetPicker"> |
|
|
|
|
<view class="button-text"> |
|
|
|
|
<u-text :bold="(shows.street_name!=='')" :text="shows.street_name || '选择街道'" size="28" color="#020B18"></u-text> |
|
|
|
|
<u-text :bold="(shows.street_name!=='')" :text="shows.street_name || '选择街道'" size="28" |
|
|
|
|
color="#020B18"></u-text> |
|
|
|
|
</view> |
|
|
|
|
<view class="button-icon"> |
|
|
|
|
<u-icon name="arrow-down-fill" size="12"></u-icon> |
|
|
|
@ -45,7 +48,8 @@
|
|
|
|
|
<view class="screen-type"> |
|
|
|
|
<view class="screen-type-button row " @click="openCommunityPicker"> |
|
|
|
|
<view class="button-text"> |
|
|
|
|
<u-text :bold="(shows.community_name!=='')" :text="shows.community_name || '选择社区'" size="28" color="#020B18"></u-text> |
|
|
|
|
<u-text :bold="(shows.community_name!=='')" :text="shows.community_name || '选择社区'" size="28" |
|
|
|
|
color="#020B18"></u-text> |
|
|
|
|
</view> |
|
|
|
|
<view class="button-icon"> |
|
|
|
|
<u-icon name="arrow-down-fill" size="12"></u-icon> |
|
|
|
@ -67,7 +71,8 @@
|
|
|
|
|
<view class="room-container" style=""> |
|
|
|
|
<view class="gradient-background"></view> |
|
|
|
|
<view class="item-container" style="padding:16rpx 26rpx;position: relative;z-index: 2"> |
|
|
|
|
<view class="item" v-for="item in lists" style="padding:20rpx;background-color:#fff;border-radius:20rpx;margin-bottom:16rpx;"> |
|
|
|
|
<view class="item" v-for="item in lists" |
|
|
|
|
style="padding:20rpx;background-color:#fff;border-radius:20rpx;margin-bottom:16rpx;"> |
|
|
|
|
<view class="body row"> |
|
|
|
|
<view class="cover" style="margin-right:24rpx;"> |
|
|
|
|
<u-image mode="aspectFill" width="160" height="160" :src="item.avatar" radius="10"></u-image> |
|
|
|
@ -76,18 +81,33 @@
|
|
|
|
|
<view class="content-title row" style="margin-bottom:32rpx;justify-content: space-between;"> |
|
|
|
|
<u-text :text="item.name" color="#020B18" size="32"></u-text> |
|
|
|
|
<view class="content-button" v-if="userInfo.id !== item.user_id"> |
|
|
|
|
<u-text text="留言" color="#fff" size="28" line-height="28" @click="api.navTo('/pages/LeaveMsg/index?id='+item.id)"></u-text> |
|
|
|
|
<u-text text="留言" color="#fff" size="28" line-height="28" |
|
|
|
|
@click="api.navTo('/pages/LeaveMsg/index?id='+item.id)"></u-text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-body"> |
|
|
|
|
<view class="body-address row" style="margin-bottom:10rpx;"> |
|
|
|
|
<view class="value col row" style="align-items: center;"> |
|
|
|
|
<view class=""> |
|
|
|
|
<u-text :lines="2" line-height="40" :text="'服务范围:'+item.type_name.join(',')" color="#AFB5BE" size="28"></u-text> |
|
|
|
|
<u-text :lines="2" line-height="40" :text="'服务范围:'+item.type_name.join(',')" color="#AFB5BE" |
|
|
|
|
size="28"></u-text> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-body"> |
|
|
|
|
<view class="body-address row" style="margin-bottom:10rpx;"> |
|
|
|
|
<view class="value col row" style="align-items: center;"> |
|
|
|
|
<view class=""> |
|
|
|
|
<u-text :lines="2" line-height="40" :text="'服务介绍:'+item.infomation" color="#AFB5BE" |
|
|
|
|
size="28"></u-text> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-body"> |
|
|
|
|
<view class="body-phone row" style="justify-content: flex-start"> |
|
|
|
|
<view class="value row col"> |
|
|
|
|
<view class="" style="margin-right:10rpx;"> |
|
|
|
@ -134,13 +154,11 @@ export default {
|
|
|
|
|
api() { |
|
|
|
|
return api |
|
|
|
|
}, |
|
|
|
|
topStyle(){ |
|
|
|
|
return uni.getStorageSync('sysInfo').sysAndMenuHeight+'px'; |
|
|
|
|
topStyle() { |
|
|
|
|
return uni.getStorageSync('sysInfo').sysAndMenuHeight + 'px'; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
components: {}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
lists: [], |
|
|
|
@ -149,31 +167,31 @@ export default {
|
|
|
|
|
pages: { |
|
|
|
|
page: 1, |
|
|
|
|
limit: 10, |
|
|
|
|
street_id:'', |
|
|
|
|
community_id:'', |
|
|
|
|
type:'', |
|
|
|
|
keyword:'', |
|
|
|
|
street_id: '', |
|
|
|
|
community_id: '', |
|
|
|
|
type: '', |
|
|
|
|
keyword: '', |
|
|
|
|
}, |
|
|
|
|
communityList:[{name:'全部',id:''}], |
|
|
|
|
streetList:[{name:'全部',id:''}], |
|
|
|
|
typeList:[{name:'全部',id:''}], |
|
|
|
|
shows:{ |
|
|
|
|
street_name:'', |
|
|
|
|
community_name:'', |
|
|
|
|
communityList: [{name: '全部', id: ''}], |
|
|
|
|
streetList: [{name: '全部', id: ''}], |
|
|
|
|
typeList: [{name: '全部', id: ''}], |
|
|
|
|
shows: { |
|
|
|
|
street_name: '', |
|
|
|
|
community_name: '', |
|
|
|
|
}, |
|
|
|
|
status: 'loadmore', |
|
|
|
|
staticImage:{ |
|
|
|
|
listPosition:imghost+'/service-position.png', |
|
|
|
|
listPhone:imghost+'/service-phone.png', |
|
|
|
|
staticImage: { |
|
|
|
|
listPosition: imghost + '/service-position.png', |
|
|
|
|
listPhone: imghost + '/service-phone.png', |
|
|
|
|
}, |
|
|
|
|
userInfo:{}, |
|
|
|
|
userInfo: {}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
onLoad(option) { |
|
|
|
|
console.log('shop', option) |
|
|
|
|
if (option.tabCheck) { |
|
|
|
|
this.tabCheck = option.tabCheck; |
|
|
|
|
if(this.tabCheck === 'item'){ |
|
|
|
|
if (this.tabCheck === 'item') { |
|
|
|
|
this.current = 1; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -182,13 +200,13 @@ export default {
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
onReachBottom() { |
|
|
|
|
this.getAdvisorList(); |
|
|
|
|
this.getAdvisorList(); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
selectStreet(e){ |
|
|
|
|
this.shows.street_name = e.value[0].name !== '全部'?e.value[0].name:''; |
|
|
|
|
selectStreet(e) { |
|
|
|
|
this.shows.street_name = e.value[0].name !== '全部' ? e.value[0].name : ''; |
|
|
|
|
this.pages.street_id = e.value[0].id; |
|
|
|
|
this.communityList = [{name:'全部',id:''}]; |
|
|
|
|
this.communityList = [{name: '全部', id: ''}]; |
|
|
|
|
console.log(this.communityList) |
|
|
|
|
if (e.value[0]?.children) { |
|
|
|
|
this.communityList = this.communityList.concat(e.value[0].children) |
|
|
|
@ -196,33 +214,33 @@ export default {
|
|
|
|
|
console.log(this.communityList) |
|
|
|
|
this.getAdvisorList(true); |
|
|
|
|
}, |
|
|
|
|
selectCommunity(e){ |
|
|
|
|
this.shows.community_name = e.value[0].name !== '全部'?e.value[0].name:''; |
|
|
|
|
selectCommunity(e) { |
|
|
|
|
this.shows.community_name = e.value[0].name !== '全部' ? e.value[0].name : ''; |
|
|
|
|
this.pages.community_id = e.value[0].id; |
|
|
|
|
this.getAdvisorList(true); |
|
|
|
|
}, |
|
|
|
|
selectType(e){ |
|
|
|
|
this.shows.type_name = e.value[0].label !== '全部'?e.value[0].label:''; |
|
|
|
|
this.pages.type = e.value[0].value !== '全部'?e.value[0].value:''; |
|
|
|
|
selectType(e) { |
|
|
|
|
this.shows.type_name = e.value[0].label !== '全部' ? e.value[0].label : ''; |
|
|
|
|
this.pages.type = e.value[0].value !== '全部' ? e.value[0].value : ''; |
|
|
|
|
this.getAdvisorList(true); |
|
|
|
|
}, |
|
|
|
|
getPickerData(){ |
|
|
|
|
getPickerData() { |
|
|
|
|
getCommonStreet({}).then(res => { |
|
|
|
|
this.streetList = res.data.length > 0 && this.streetList.concat(res.data); |
|
|
|
|
}); |
|
|
|
|
systemConfig({ |
|
|
|
|
type:'advisor_type' |
|
|
|
|
type: 'advisor_type' |
|
|
|
|
}).then(res => { |
|
|
|
|
this.typeList = res.data; |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
openTypePicker(){ |
|
|
|
|
openTypePicker() { |
|
|
|
|
this.$refs.type.open(); |
|
|
|
|
}, |
|
|
|
|
openStreetPicker(){ |
|
|
|
|
openStreetPicker() { |
|
|
|
|
this.$refs.street.open(); |
|
|
|
|
}, |
|
|
|
|
openCommunityPicker(){ |
|
|
|
|
openCommunityPicker() { |
|
|
|
|
this.$refs.community.open(); |
|
|
|
|
}, |
|
|
|
|
getAdvisorList(clear = false) { |
|
|
|
@ -374,7 +392,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.room-container { |
|
|
|
|
position: relative; |
|
|
|
|
bottom:20rpx; |
|
|
|
|
bottom: 20rpx; |
|
|
|
|
width: 100%; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
background: rgba(245, 245, 246, 1); |
|
|
|
@ -479,9 +497,9 @@ export default {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.content-button{ |
|
|
|
|
padding:10rpx 22rpx; |
|
|
|
|
background-color:#FF9545; |
|
|
|
|
.content-button { |
|
|
|
|
padding: 10rpx 22rpx; |
|
|
|
|
background-color: #FF9545; |
|
|
|
|
border-radius: 8rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -490,25 +508,30 @@ export default {
|
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .u-tabs__wrapper__nav__line { |
|
|
|
|
left: 24rpx; |
|
|
|
|
} |
|
|
|
|
::v-deep .u-text__price{ |
|
|
|
|
display:none; |
|
|
|
|
|
|
|
|
|
::v-deep .u-text__price { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
.room-container{ |
|
|
|
|
|
|
|
|
|
.room-container { |
|
|
|
|
position: relative; |
|
|
|
|
overflow:hidden; |
|
|
|
|
.gradient-background{ |
|
|
|
|
height:500rpx; |
|
|
|
|
width:100%; |
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
|
|
.gradient-background { |
|
|
|
|
height: 500rpx; |
|
|
|
|
width: 100%; |
|
|
|
|
position: absolute; |
|
|
|
|
top:0; |
|
|
|
|
left:0; |
|
|
|
|
z-index:1; |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
z-index: 1; |
|
|
|
|
//background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); |
|
|
|
|
} |
|
|
|
|
.water-container{ |
|
|
|
|
|
|
|
|
|
.water-container { |
|
|
|
|
position: relative; |
|
|
|
|
z-index: 2; |
|
|
|
|
} |
|
|
|
|