Browse Source

修改问题

dev
396316021 1 year ago
parent
commit
d079d58b65
  1. 135
      pages/ConsultantLib/index.vue

135
pages/ConsultantLib/index.vue

@ -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;
}

Loading…
Cancel
Save