|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<view class="therapist">
|
|
|
- <view class="padding-lr padding-top-sm " style="position: fixed;top: 0rpx;z-index: 999;width: 100%;padding-bottom: 10rpx;">
|
|
|
+ <view class="padding-lr padding-top-sm " style="width: 100%;padding-bottom: 10rpx;">
|
|
|
<view v-if="XCXIsSelect !='否'" class="flex margin-right-sm" @tap="showCityList" style="line-height: 68rpx;">
|
|
|
- <image src="../../static/images/address.png" style="width: 40rpx;height: 40rpx;"
|
|
|
- class="margin-top-xs"></image>
|
|
|
+ <image src="../../static/images/address.png" style="width: 40rpx;height: 40rpx;" class="margin-top-xs">
|
|
|
+ </image>
|
|
|
<view class="localName margin-left-sm">{{city}}</view>
|
|
|
</view>
|
|
|
<u-search class="flex-sub search" clearabled placeholder="请输入技师名字" :focus="false" v-model="artificerName"
|
|
@@ -26,34 +26,61 @@
|
|
|
{{item.name}}
|
|
|
</view>
|
|
|
</view> -->
|
|
|
-
|
|
|
+
|
|
|
<view class="tabview1" v-if="XCXIsSelect != '否'">
|
|
|
- <view class="tabview" v-if="tablist && tablist.length > 1">
|
|
|
+ <!-- <view class="tabview" v-if="tablist && tablist.length > 1">
|
|
|
<view v-for="(item,index) in tablist" :key="index" @tap="tanChange(index,item)"
|
|
|
:class="tabIndex == item.id ? 'tabItem_sel' : 'tabItem'">
|
|
|
<view>{{item.value}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+
|
|
|
+ </view> -->
|
|
|
<!-- <view class="tabsx">
|
|
|
<view v-for="(item,index) in list" :key="index" :class="listIndex==index?'active':''"
|
|
|
@click="change(index)">{{item.name}}</view>
|
|
|
</view> -->
|
|
|
+ <view class="icon-box" style="margin-right: 50rpx;" @tap="tanChange(-1,0)">
|
|
|
+ <view style="font-weight: 700;"
|
|
|
+ :style="{color:tabIndex == -1?'#FF6E98':'',fontSize:tabIndex==-1?'36rpx':'32rpx'}">
|
|
|
+ 全部</view>
|
|
|
+ <view style="height: 32rpx;display: flex;justify-content: center;">
|
|
|
+ <svg t="1761021751826" v-show="tabIndex== -1" class="icon" viewBox="0 0 2970 1024" version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg" p-id="4553" width="24" height="24">
|
|
|
+ <path
|
|
|
+ d="M1483.968134 1024A1945.340076 1945.340076 0 0 1 65.537898 403.558292a245.597905 245.597905 0 0 1 0-334.217817 214.898167 214.898167 0 0 1 316.002639 0 1501.114864 1501.114864 0 0 0 2204.752863 0 214.898167 214.898167 0 0 1 316.002638 0 245.597905 245.597905 0 0 1 0 334.217817A1945.237743 1945.237743 0 0 1 1483.968134 1024z"
|
|
|
+ fill="#FF6E98" p-id="4554"></path>
|
|
|
+ </svg>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="icon-box" style="margin-right: 50rpx;" v-for="(item,index) in tablist"
|
|
|
+ @tap="tanChange(index,item)">
|
|
|
+ <view style="font-weight: 700;"
|
|
|
+ :style="{color:tabIndex == item.id?'#FF6E98':'',fontSize:tabIndex==item.id?'36rpx':'32rpx'}">
|
|
|
+ {{item.value}}
|
|
|
+ </view>
|
|
|
+ <view style="height: 32rpx;display: flex;justify-content: center;">
|
|
|
+ <svg t="1761021751826" v-show="tabIndex == item.id" class="icon" viewBox="0 0 2970 1024" version="1.1"
|
|
|
+ xmlns="http://www.w3.org/2000/svg" p-id="4553" width="24" height="24">
|
|
|
+ <path
|
|
|
+ d="M1483.968134 1024A1945.340076 1945.340076 0 0 1 65.537898 403.558292a245.597905 245.597905 0 0 1 0-334.217817 214.898167 214.898167 0 0 1 316.002639 0 1501.114864 1501.114864 0 0 0 2204.752863 0 214.898167 214.898167 0 0 1 316.002638 0 245.597905 245.597905 0 0 1 0 334.217817A1945.237743 1945.237743 0 0 1 1483.968134 1024z"
|
|
|
+ fill="#FF6E98" p-id="4554"></path>
|
|
|
+ </svg>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view v-if="orderList.length" class="list" :style="XCXIsSelect != '否' ? '' : 'margin-top: 114rpx;'">
|
|
|
<view class="flex align-center margin-bottom-sm bg padding-sm radius margin-sm"
|
|
|
v-for="(item,index) in orderList" :key='index' @click="goOrder(item)"
|
|
|
style="box-shadow: 6rpx 10rpx 4px #F5F5F5;position: relative;">
|
|
|
<view style="position: absolute;z-index: 99;top: 0rpx;left: 0;" v-if="item.isGoods == 1">
|
|
|
- <image
|
|
|
- src="/static/image/text_you.png"
|
|
|
- style="width: 42rpx;height: 36rpx;"></image>
|
|
|
+ <image src="/static/image/text_you.png" style="width: 42rpx;height: 36rpx;"></image>
|
|
|
</view>
|
|
|
- <view style="width:160rpx;height:190upx;border-radius: 10rpx;display: flex;flex-direction: column;align-items: center;">
|
|
|
+ <view
|
|
|
+ style="width:160rpx;height:190upx;border-radius: 10rpx;display: flex;flex-direction: column;align-items: center;">
|
|
|
<image :src="item.artificerImg?item.artificerImg: '../../static/logo.png'"
|
|
|
@click.stop="saveImgs(item.artificerImg)"
|
|
|
style="width: 160rpx;height: 160rpx;border-radius: 50%;" mode="aspectFill"></image>
|
|
|
- <image v-if="item.isHot == 1"
|
|
|
- src="/static/image/icon_fire.png"
|
|
|
+ <image v-if="item.isHot == 1" src="/static/image/icon_fire.png"
|
|
|
style="width: 30rpx;height: 36rpx;position: absolute;z-index: 99;top: 40rpx;left: 110rpx;">
|
|
|
</image>
|
|
|
<view class="kyy_view" v-if="item.state == 1">可服务</view>
|
|
@@ -64,11 +91,12 @@
|
|
|
<view class="flex align-center justify-between">
|
|
|
<view class="flex align-center">
|
|
|
<view class="text-bold text-30 margin-right-xs jishi_name">{{item.artificerName}}</view>
|
|
|
- <!-- <image
|
|
|
+ <!-- <image
|
|
|
src="/static/image/icon_pao.png"
|
|
|
style="width: 40rpx;height:40rpx;">
|
|
|
</image> -->
|
|
|
- <view class="zpmore_view" v-if="item.lifePhoto" @click.stop="saveImgss(item.lifePhoto,0)">更多照片</view>
|
|
|
+ <view class="zpmore_view" v-if="item.lifePhoto" @click.stop="saveImgss(item.lifePhoto,0)">
|
|
|
+ 更多照片</view>
|
|
|
</view>
|
|
|
<view class="zz_view" v-if="item.status == 1 && item.time">
|
|
|
<view class="zz_label">
|
|
@@ -83,17 +111,19 @@
|
|
|
<view class="flex align-center">
|
|
|
<view v-if="item.ordersScore" class="flex margin-right-sm">
|
|
|
<text style="color: #FCAD3D;">{{item.ordersScore}}</text>
|
|
|
- <u-rate activeColor="#FCAD3D" size="20rpx" :count="5" v-model="item.ordersScore"></u-rate>
|
|
|
+ <u-rate activeColor="#FCAD3D" size="20rpx" :count="5"
|
|
|
+ v-model="item.ordersScore"></u-rate>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
- <view class="flex align-center" style="font-size: 26rpx;color: #f49650;font-weight: bold;" v-if="item.tripWay == 3">
|
|
|
+ <view class="flex align-center" style="font-size: 26rpx;color: #f49650;font-weight: bold;"
|
|
|
+ v-if="item.tripWay == 3">
|
|
|
免出行费
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex align-center" style="color: #AAAAAA;font-size: 24rpx;">
|
|
|
- <view class="flex align-center" >已服务:
|
|
|
+ <view class="flex align-center">已服务:
|
|
|
<view style="color: #FF6E98;margin-left: 8rpx;">
|
|
|
{{item.ordersCount}}单
|
|
|
</view>
|
|
@@ -103,23 +133,17 @@
|
|
|
<view style="color: #FF6E98;margin-left: 8rpx;">{{item.distance}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view style="width: 100%;display: flex;justify-content: space-between;align-items: center;"
|
|
|
v-if="XCXIsSelect !='否'">
|
|
|
<view class="flex flex-wrap align-center" style="margin-top: 10rpx;">
|
|
|
- <image
|
|
|
- src="/static/image/icon_shang.png"
|
|
|
- style="width: 24rpx;height: 24rpx;"></image>
|
|
|
+ <image src="/static/image/icon_shang.png" style="width: 24rpx;height: 24rpx;"></image>
|
|
|
<view style="margin-left: 10rpx;color: #999;font-size: 24rpx;margin-right: 24rpx;">商家</view>
|
|
|
- <image
|
|
|
- src="/static/image/icon_ping.png"
|
|
|
- style="width: 24rpx;height: 24rpx;"></image>
|
|
|
+ <image src="/static/image/icon_ping.png" style="width: 24rpx;height: 24rpx;"></image>
|
|
|
<view style="margin-left: 10rpx;color: #999;font-size: 24rpx;margin-right: 24rpx;">
|
|
|
{{item.commentCount ? item.commentCount : 0}}
|
|
|
</view>
|
|
|
- <image
|
|
|
- src="/static/image/icon_cang.png"
|
|
|
- style="width: 24rpx;height: 24rpx;"></image>
|
|
|
+ <image src="/static/image/icon_cang.png" style="width: 24rpx;height: 24rpx;"></image>
|
|
|
<view style="margin-left: 10rpx;color: #999;font-size: 24rpx;">
|
|
|
{{item.collectCount ? item.collectCount : 0}}
|
|
|
</view>
|
|
@@ -128,12 +152,14 @@
|
|
|
style="background: linear-gradient( 313deg, #FFE6EE 0%, #FFBACA 100%);color: #222222;width: 160rpx;border-radius: 36rpx;line-height: 64rpx;font-weight: bold;position: relative;"
|
|
|
@click.stop="goOrder(item)">
|
|
|
立即预约
|
|
|
- <image style="position: absolute;width: 39rpx;height: 39rpx;top: -4rpx;right: -8rpx;" src="../../static/image/btn-icon.png" mode=""></image>
|
|
|
+ <image style="position: absolute;width: 39rpx;height: 39rpx;top: -4rpx;right: -8rpx;"
|
|
|
+ src="../../static/image/btn-icon.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="text-center text-sm" v-else
|
|
|
style="background: #d9d9d9;color: #222222;width: 160rpx;border-radius: 36rpx;line-height: 64rpx;font-weight: bold;position: relative;">
|
|
|
立即预约
|
|
|
- <image style="position: absolute;width: 39rpx;height: 39rpx;top: -4rpx;right: -8rpx;" src="../../static/image/btn-icon.png" mode=""></image>
|
|
|
+ <image style="position: absolute;width: 39rpx;height: 39rpx;top: -4rpx;right: -8rpx;"
|
|
|
+ src="../../static/image/btn-icon.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -141,9 +167,7 @@
|
|
|
</view>
|
|
|
<empty v-if="orderList.length == 0"></empty>
|
|
|
<view style="position: fixed;z-index: 999;bottom: 160rpx;" v-if="showTP">
|
|
|
- <image
|
|
|
- src="/static/image/city_open.png"
|
|
|
- style="width: 690rpx;margin: 30rpx;height: 600rpx;"></image>
|
|
|
+ <image src="/static/image/city_open.png" style="width: 690rpx;margin: 30rpx;height: 600rpx;"></image>
|
|
|
<view
|
|
|
style="position: absolute;bottom: 100rpx;width: 100%;text-align: center;display: flex;justify-content: center;">
|
|
|
<view>
|
|
@@ -251,7 +275,7 @@
|
|
|
massageTypeId: '',
|
|
|
cityList: [],
|
|
|
tablist: [],
|
|
|
- tabIndex: 0,
|
|
|
+ tabIndex: -1,
|
|
|
|
|
|
orderIndex: 0
|
|
|
}
|
|
@@ -260,7 +284,6 @@
|
|
|
console.log(e.massageTypeId)
|
|
|
let that = this
|
|
|
that.massageTypeId = e.massageTypeId
|
|
|
-
|
|
|
uni.getLocation({
|
|
|
type: 'gcj02',
|
|
|
geocode: true, //设置该参数为true可直接获取经纬度及城市信息
|
|
@@ -275,7 +298,7 @@
|
|
|
},
|
|
|
fail: function() {
|
|
|
console.log('获取地址失败')
|
|
|
-
|
|
|
+
|
|
|
// #ifdef APP-PLUS
|
|
|
that.checkPermission();
|
|
|
// #endif
|
|
@@ -346,9 +369,9 @@
|
|
|
// #endif
|
|
|
},
|
|
|
methods: {
|
|
|
- showCityList(){
|
|
|
+ showCityList() {
|
|
|
// #ifdef APP-PLUS
|
|
|
- if(this.latitude === '' || this.longitude === ''){
|
|
|
+ if (this.latitude === '' || this.longitude === '') {
|
|
|
this.checkPermission();
|
|
|
return;
|
|
|
}
|
|
@@ -505,7 +528,8 @@
|
|
|
if (res.code == 0) {
|
|
|
if (res.data) {
|
|
|
this.tablist = res.data
|
|
|
- this.tabIndex = res.data[0].id;
|
|
|
+ console.log(res.data, '数据');
|
|
|
+ // this.tabIndex = res.data[0].id;
|
|
|
this.page = 1;
|
|
|
this.getlist()
|
|
|
}
|
|
@@ -527,7 +551,11 @@
|
|
|
// },
|
|
|
tanChange(index, item) {
|
|
|
this.orderIndex = index
|
|
|
- this.tabIndex = item.id
|
|
|
+ console.log(index, 'xxxxxxxxxx',item.id);
|
|
|
+
|
|
|
+ this.tabIndex = index == -1 ? -1 : item.id
|
|
|
+ console.log(this.tabIndex,'sasadasdasdasdasd');
|
|
|
+
|
|
|
this.page = 1
|
|
|
this.getlist()
|
|
|
},
|
|
@@ -591,16 +619,16 @@
|
|
|
});
|
|
|
},
|
|
|
onSearch(e) {
|
|
|
- // this.artificerName = e;
|
|
|
- this.page = 1;
|
|
|
- this.getlist()
|
|
|
- },
|
|
|
+ // this.artificerName = e;
|
|
|
+ this.page = 1;
|
|
|
+ this.getlist()
|
|
|
+ },
|
|
|
getlist() {
|
|
|
- let that=this
|
|
|
+ let that = this
|
|
|
if (that.city === '请选择城市') {
|
|
|
return;
|
|
|
}
|
|
|
- if(that.tabIndex == 0){
|
|
|
+ if (that.tabIndex == 0) {
|
|
|
return;
|
|
|
}
|
|
|
// let index = this.list[this.listIndex].id
|
|
@@ -608,7 +636,7 @@
|
|
|
let data = {
|
|
|
// id: curTab,
|
|
|
artificerName: that.artificerName,
|
|
|
- classifyId: that.tabIndex,
|
|
|
+ classifyId: that.tabIndex == -1 ? 0 : that.tabIndex,
|
|
|
page: that.page,
|
|
|
limit: that.limit,
|
|
|
// condition: this.value1, //智能优选
|
|
@@ -815,44 +843,64 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
+ .active {
|
|
|
+ color: #FF6E98;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 4rpx 15rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: linear-gradient(313deg, #FFE6EE 0%, #FFBACA 100%);
|
|
|
+ border-radius: 36rpx 36rpx 36rpx 36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .normal {
|
|
|
+ border-radius: 36rpx 36rpx 36rpx 36rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 4rpx 15rpx;
|
|
|
+ }
|
|
|
+
|
|
|
// page {
|
|
|
// background: linear-gradient( 180deg, #FFE5ED 0%, #F6F6F6 500rpx);
|
|
|
// overflow: hidden;
|
|
|
// }
|
|
|
- .therapist{
|
|
|
- background: linear-gradient( 180deg, #FFE5ED 0%, #F6F6F6 500rpx);
|
|
|
+ .therapist {
|
|
|
+ background: linear-gradient(180deg, #FFE5ED 0%, #F6F6F6 500rpx);
|
|
|
overflow: hidden;
|
|
|
height: 100VH;
|
|
|
}
|
|
|
-
|
|
|
- .list{
|
|
|
+
|
|
|
+ .list {
|
|
|
max-height: 86vh;
|
|
|
overflow: auto;
|
|
|
- margin-top: 30px;
|
|
|
padding-bottom: 200rpx;
|
|
|
}
|
|
|
- .search ::v-deep .u-content,.search ::v-deep input{
|
|
|
- background: #FFFFFF!important;
|
|
|
+
|
|
|
+ .search ::v-deep .u-content,
|
|
|
+ .search ::v-deep input {
|
|
|
+ background: #FFFFFF !important;
|
|
|
}
|
|
|
- .jishi_name{
|
|
|
+
|
|
|
+ .jishi_name {
|
|
|
max-width: 120rpx;
|
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.zz_view {
|
|
|
display: flex;
|
|
|
line-height: 40rpx;
|
|
|
text-align: center;
|
|
|
font-size: 24rpx;
|
|
|
- .zz_label{
|
|
|
+
|
|
|
+ .zz_label {
|
|
|
width: 120rpx;
|
|
|
background: #4B2F20;
|
|
|
border-radius: 32rpx 0 0 32rpx;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
- .zz_value{
|
|
|
+
|
|
|
+ .zz_value {
|
|
|
width: 88rpx;
|
|
|
border-radius: 0 32rpx 32rpx 0;
|
|
|
background: #EECEAC;
|
|
@@ -871,7 +919,7 @@
|
|
|
color: #FFFFFF;
|
|
|
margin-left: 10rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.byy_view {
|
|
|
background: #ebebeb;
|
|
|
width: 120upx;
|
|
@@ -884,7 +932,7 @@
|
|
|
// border: 3upx solid #999999;
|
|
|
margin-top: 6rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.kfw_view {
|
|
|
background: #ffaa00;
|
|
|
width: 120upx;
|
|
@@ -896,7 +944,7 @@
|
|
|
color: #FFFFFF;
|
|
|
margin-top: 6rpx;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.kyy_view {
|
|
|
background: #DCFFEA;
|
|
|
width: 120upx;
|
|
@@ -907,7 +955,10 @@
|
|
|
font-size: 24rpx;
|
|
|
color: #54CC84;
|
|
|
}
|
|
|
- .kyy_view,.kfw_view,.byy_view{
|
|
|
+
|
|
|
+ .kyy_view,
|
|
|
+ .kfw_view,
|
|
|
+ .byy_view {
|
|
|
margin-top: -10rpx;
|
|
|
z-index: 9;
|
|
|
}
|
|
@@ -1002,10 +1053,12 @@
|
|
|
padding: 20rpx 20rpx;
|
|
|
// width: 686upx;
|
|
|
// height: 100upx;
|
|
|
- margin-top: 60upx;
|
|
|
// z-index: 99;
|
|
|
// display: flex;
|
|
|
// line-height: 100upx;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ align-items: center;
|
|
|
|
|
|
.tabview {
|
|
|
// width: 686upx;
|
|
@@ -1053,4 +1106,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|