选择技师样式

This commit is contained in:
Mr.jiang 2024-08-15 10:06:50 +08:00
parent 18a76c4506
commit 466dc282f7
4 changed files with 209 additions and 150 deletions

View File

@ -27,6 +27,9 @@
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
{{item.artificerName}} {{item.artificerName}}
</view> </view>
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
<!-- {{ item.artificerClassifyList[0].classifyName }} -->
</view>
<image class="touxiang-frame" style="width: 100rpx;height: 38rpx;" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image> <image class="touxiang-frame" style="width: 100rpx;height: 38rpx;" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image>
</view> </view>
<view class="keyuyue keyuyue-lan" v-if="item.status == 1"> <view class="keyuyue keyuyue-lan" v-if="item.status == 1">

View File

@ -45,6 +45,9 @@
<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image> <image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
<span class="headset-text2">{{order.technicianTypeName}}</span> <span class="headset-text2">{{order.technicianTypeName}}</span>
</view> </view>
<view class="headset-line">
<span class="headset-text2">{{order.artificerClassifyList[0].classifyName}}</span>
</view>
</view> </view>
<view class="jian-view-right"> <view class="jian-view-right">
<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view> <view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>

View File

@ -37,6 +37,9 @@
<view class="list-right-top-name"> <view class="list-right-top-name">
{{ item.artificerName }} {{ item.artificerName }}
</view> </view>
<view class="list-right-top-name">
{{ item.artificerClassifyList[0].classifyName }}
</view>
<view class="keyuyue keyuyue-lan" v-if="item.status == 1"> <view class="keyuyue keyuyue-lan" v-if="item.status == 1">
<view class="flex"> <view class="flex">
<view class="timea-fu">可服务</view> <view class="timea-fu">可服务</view>
@ -72,16 +75,17 @@
</view> </view>
</view> </view>
<view class="flex thera-lin thera-bottom"> <view class="flex thera-lin thera-bottom">
<view class="flex" v-if="item.consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
</view>
<view class="flex align-center" v-if="item.distance"> <view class="flex align-center" v-if="item.distance">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image> <image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text"> <view class="therapist-bottom-dingwei-text">
{{ item.distance }} {{ item.distance }}
</view> </view>
</view> </view>
<view class="flex" v-if="item.consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -125,6 +129,9 @@
<view class="list-right-top-name"> <view class="list-right-top-name">
{{ getOrderByCurrentMarkerIndex().artificerName }} {{ getOrderByCurrentMarkerIndex().artificerName }}
</view> </view>
<view class="list-right-top-name">
{{ getOrderByCurrentMarkerIndex().artificerClassifyList[0].classifyName }}
</view>
<!-- <view class="timea-fu flex" style="margin-right: 45px;"> <!-- <view class="timea-fu flex" style="margin-right: 45px;">
<view> <view>
{{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}} {{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}}
@ -168,16 +175,16 @@
</view> </view>
</view> </view>
<view class="flex thera-lin thera-bottom"> <view class="flex thera-lin thera-bottom">
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
</view>
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance"> <view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image> <image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text"> <view class="therapist-bottom-dingwei-text">
{{ getOrderByCurrentMarkerIndex().distance }} {{ getOrderByCurrentMarkerIndex().distance }}
</view> </view>
</view> </view>
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
</view>
</view> </view>
<!-- <view class="therapist-mian-bottom"> <!-- <view class="therapist-mian-bottom">
<view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName"> <view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName">

View File

@ -4,19 +4,18 @@
<view class="padding-top-sm flex align-center" style="padding-bottom: 9px;"> <view class="padding-top-sm flex align-center" style="padding-bottom: 9px;">
<u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName" <u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName"
:show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()" :show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()"
action-text="搜索" @custom="onSearch()"></u-search> action-text="搜索" @custom="onSearch()" @clear="clear"></u-search>
</view> </view>
</view> </view>
<view class="liebiao">
<view class="liebiao" v-show="current === 0">
<view v-if="orderList.length" class="flex text-center flex-wrap list-view"> <view v-if="orderList.length" class="flex text-center flex-wrap list-view">
<view class="margin-bottom-sm radius touxiang-left"> <view class="margin-bottom-sm radius touxiang-left">
<view class="flex align-center touxiang-left-view" v-if="item.status=='1'" v-for="(item, index) in orderList" :key='index' <view class="flex align-center touxiang-left-view" v-for="(item, index) in orderList" :key='index' @click="goOrder(item)">
@click="goOrder(item)">
<view class="touxiang-left-content"> <view class="touxiang-left-content">
<image class="touxiang-left-content-img" :src="item.artificerImg ? item.artificerImg : '../../static/logo.png'" <image style="border: 2px solid #e2e2e2;" class="touxiang-left-content-img" :src="item.artificerImg ? item.artificerImg : '../../static/logo.png'" @click.stop="saveImgs(item.artificerImg)" mode="aspectFill"></image>
@click.stop="saveImgs(item.artificerImg)" mode="aspectFill"></image> <image class="touxiang-left-content-img" v-if="item.isHot == 1" src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png"></image>
<image class="touxiang-frame" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image> <image class="touxiang-frame" :src="technicianType=='3'?'../../static/vip/grade1-1.gif':technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></image>
</view> </view>
<view class="list-right"> <view class="list-right">
<view class="flex align-center" style="justify-content: start;"> <view class="flex align-center" style="justify-content: start;">
@ -25,75 +24,63 @@
<view class="list-right-top-name"> <view class="list-right-top-name">
{{ item.artificerName }} {{ item.artificerName }}
</view> </view>
<view class="keyuyue"> <view class="list-right-top-name">
<view class="flex"> {{ item.artificerClassifyList[0].classifyName }}
<view class="timea-fu">{{item.status == 1?"可服务":"休息中"}}</view>
<view class="timea-time" v-if="item.status == 1">{{item.time}}</view>
</view> </view>
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
<view class="flex">
<view class="timea-fu">可服务</view>
<view class="timea-time">{{item.time}}</view>
</view>
</view> </view>
<!--<view class="keyuyue"> <view class="keyuyue keyuyue-hui" v-else>
<view> <view class="flex">
{{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}} <view class="timea-hui">休息中</view>
</view> </view>
<view v-if="item.status == 1 && item.time">{{ item.time </view>
}}</view>
-->
</view> </view>
</view> </view>
</view> </view>
<view class="item-view-jianjie">
{{item.content}}
<view class="therapist-mian"> </view>
<view class="therapist-mian-top"> <view class="therapist-mian-top">
<view class="therap-pin"> <view class="therap-pin">
<!--<image src="../../static/dituzhaoren3.png" mode="">
</image>--> <span>评论</span>
<span>评论</span> <span class="therapist-mian-view-text">
<span class="therapist-mian-view-text"> {{ item.commentCount ? item.commentCount : 0 }}
{{ item.commentCount ? item.commentCount : 0 }} </span>
</span>
</view>
<view class="therap-pin" >
<!--<image src="../../static/dituzhaoren4.png" mode="">
</image>-->
<span>收藏</span>
<span class="therapist-mian-view-text">
{{ item.collectCount ? item.collectCount : 0 }}
</span>
</view>
</view> </view>
<view class="therapist-mian-bottom"> <view class="therap-pin">
<view class="flex align-center">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image> <span>收藏</span>
<view class="therapist-bottom-dingwei-text"> <span class="therapist-mian-view-text">
{{ item.distance }} {{ item.collectCount ? item.collectCount : 0 }}
</view> </span>
</view>
<view class="flex flex-wrap align-center" v-if="item.consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
</image>
<view class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
</view>
<view>
<view class="terap-button" v-if="item.status == 1" @click.stop="goOrder(item)">
确认
</view>
<view class="text-center text-sm" @click.stop="showTips()" v-else
style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;">
确认
</view>
</view>
</view> </view>
</view> </view>
<view class="flex thera-lin thera-bottom">
<view class="flex align-center" v-if="item.distance">
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
<view class="therapist-bottom-dingwei-text">
{{ item.distance }}
</view>
</view>
<view class="flex" v-if="item.consortiaName">
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<empty v-if="orderList.length == 0"></empty> <empty v-if="orderList.length == 0"></empty>
</view> </view>
<!-- 经验筛选 -->
</view> </view>
</template> </template>
<script> <script>
@ -163,6 +150,9 @@
that.myId = uni.getStorageSync('userId') that.myId = uni.getStorageSync('userId')
}, },
methods: { methods: {
clear(res) {
this.getlist()
},
// //
goOrder(e) { goOrder(e) {
console.log('授权', uni.getStorageSync('sendMsg')) console.log('授权', uni.getStorageSync('sendMsg'))
@ -334,19 +324,47 @@
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/.u-drawer,/deep/.u-mask-show{ /deep/.u-close--top-right{
z-index:11 !important; margin-top:-8px;
} }
/deep/.u-drawer-content-visible{ .localName{
z-index:99 !important; width: 100px;
margin-left: 4rpx;
font-weight: bold;
font-size: 30rpx;
color: #333333;
margin-top: 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.fenlei-img{
width: 170rpx;
height: 34rpx;
margin: 0 20rpx;
}
.fenlei{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 10rpx;
}
/deep/.margin-bottom-sm{
margin-bottom: 70px;
}
// /deep/.u-drawer,/deep/.u-mask-show{
// z-index:11 !important;
// }
// /deep/.u-drawer-content-visible{
// z-index:99 !important;
// margin-bottom: 60px;
// }
.item-view-jianjie{ .item-view-jianjie{
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 26rpx;
color: #848484; color: #999;
margin:5px 0px;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */ -webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
@ -356,14 +374,14 @@
} }
.touxiang-frame{ .touxiang-frame{
position: absolute; position: absolute;
width: 100rpx; width: 190rpx;
height: 38rpx; height: 190rpx;
left: 44rpx; top:-8rpx;
top:140rpx; left:6rpx;
} }
.dituList{ .dituList{
width: 85%; width: 85%;
height: 173px; height: 165px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
@ -388,29 +406,24 @@
// overflow: auto; // overflow: auto;
} }
.therapist-bottom-dingwei-text{ .therapist-bottom-dingwei-text{
font-size: 29rpx; font-size: 24rpx;
color: #848485; color: #848485;
} }
.therapist-bottom-dingwei{ .therapist-bottom-dingwei{
width: 17.36rpx; width: 26rpx;
height: 20.14rpx; height: 30rpx;
margin-right:3px; margin-right:3px;
} }
.therapist-bottom-img{ .therapist-bottom-img{
width: 22.22rpx; width: 26rpx;
height: 22.22rpx; height: 26rpx;
margin-right:3px; margin-right:3px;
margin-top: 5rpx
} }
.therapist-mian-bottom-text{ .therapist-mian-bottom-text{
font-weight: bold; font-weight: bold;
font-size: 30rpx; font-size: 26rpx;
color: #222222; color: #222222;
white-space: pre-wrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
width:60px;
} }
.therapist-mian-bottom{ .therapist-mian-bottom{
width: 100%; width: 100%;
@ -418,7 +431,7 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 5px 0px 3px 0px; margin-top: 10rpx;
} }
.therapist-mian-view-text span{ .therapist-mian-view-text span{
font-weight: 500; font-weight: 500;
@ -445,6 +458,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction:row; flex-direction:row;
padding: 10rpx 0;
} }
.therapist-mian{ .therapist-mian{
width: 100%; width: 100%;
@ -478,11 +492,29 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
background: #eefdf8;
border-radius: 30rpx 20rpx 20rpx 30rpx ; border-radius: 30rpx 20rpx 20rpx 30rpx ;
color:#8d500f;
font-size: 24rpx; font-size: 24rpx;
} }
.keyuyue-lan{
background: #eefdf8;
}
.keyuyue-hui{
background: #d9d9d9;
}
.timea-fu{
color: #2dbe93;
font-size: 24rpx;
line-height: 44rpx;
margin-left: 8rpx;
margin-right: 5rpx;
}
.timea-hui{
color: #ffffff;
font-size: 24rpx;
line-height: 44rpx;
margin-left: 8rpx;
margin-right: 5rpx;
}
.timea-img{ .timea-img{
background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx; background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
background-size: 28rpx 28rpx; background-size: 28rpx 28rpx;
@ -505,32 +537,8 @@
line-height: 44rpx; line-height: 44rpx;
padding-right: 10rpx; padding-right: 10rpx;
} }
.keyuyue .keyuyue-btn{
width: 50%;
height: 100%;
font-weight: 400;
font-size: 17rpx;
text-align: center;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.keyuyue-jinri{
border-top-left-radius: 7rpx;
border-bottom-left-radius: 7rpx;
border-radius: 7rpx;
color: #fff;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
}
.keyuyue-time{
border-top-right-radius: 7rpx;
border-bottom-right-radius: 7rpx;
color: #039E89;
background: #EBEBEB;
}
.list-right-top-view image{ .list-right-top-view image{
width: 168.75rpx; //width: 168.75rpx;
height: 40.97rpx; height: 40.97rpx;
} }
.list-right-top-view{ .list-right-top-view{
@ -551,7 +559,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-between;
padding: 16rpx; padding: 16rpx;
} }
.zpmore_view { .zpmore_view {
@ -575,15 +583,15 @@
.img-span{ .img-span{
padding: 1px 5px; padding: 1px 5px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 10px;
color: #FFFFFF; color: #FFFFFF;
background: linear-gradient(-90deg, #FF6F48, #FF9E69); background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px 0px 7px 0px; border-radius: 7px 0px 7px 0px;
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
right: 0; right: 0;
margin-bottom: 5px; margin-bottom: 10px;
margin-right: 5px; margin-right: 10px;
} }
// .zpmore_view_left image{ // .zpmore_view_left image{
// position: absolute; // position: absolute;
@ -603,6 +611,13 @@
height: auto; height: auto;
border-radius: 10rpx; border-radius: 10rpx;
position: relative; position: relative;
}
.touxiang-left-content-img-ditu{
width: 150rpx;
height: 150rpx;
border-radius:120rpx;
margin: 0px 10px 0px 12px;
} }
.touxiang-left-content-img{ .touxiang-left-content-img{
width: 150rpx; width: 150rpx;
@ -621,28 +636,25 @@
justify-content: space-between; justify-content: space-between;
padding: 10rpx; padding: 10rpx;
} }
.touxiang-left{ .touxiang-left{
width: 100%; width: 100%;
/* padding: 10px; */ /* padding: 10px; */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: space-between;
align-items: baseline; align-items: baseline;
} }
.list-view{ .list-view{
// margin-top: 52px; // margin-top: 52px;
padding: 0 20rpx; padding: 0 30rpx;
height: 100%; height: 100%;
justify-content: space-between; justify-content: space-between;
} }
/deep/.justify-between{ /deep/.justify-between{
// width: 100px; // width: 100px;
// height: 32px; // height: 32px;
line-height: 32px; line-height: 32px;
border-radius: 4px; border-radius: 4px;
margin-left: 10px;
} }
.padding-top-sm{ .padding-top-sm{
width: 95%; width: 95%;
@ -651,7 +663,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
/deep/.page-box{ /deep/.page-box{
background: none !important; background: none !important;
} }
@ -667,18 +679,30 @@
// overflow: auto; // overflow: auto;
} }
/deep/.u-content{ /deep/.u-content{
height: 56rpx!important;
border-radius: 30px !important; border-radius: 30px !important;
} }
.flex-sub{ .flex-sub{
width: 353rpx; width: 260rpx !important;
height: 63rpx !important; height:60rpx !important;
border: 1px solid #e5e5e5;
border-radius: 30rpx;
color: #fff!important;
} }
.localName{ .map-list{
margin-left: 4rpx; padding: 0 12rpx;
font-weight: bold; width: 110rpx;
font-size: 33rpx; display: flex;
color: #333333; flex-direction: row;
align-items: center;
justify-content: space-between;
} }
.map-img{
width: 40rpx;
height: 40rpx;
}
.dingwei-img{ .dingwei-img{
width:33.33rpx; width:33.33rpx;
height:37.5rpx; height:37.5rpx;
@ -954,13 +978,43 @@
.make-now{ .make-now{
background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149)); background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149));
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
width: 200rpx; // width: 200rpx;
border-radius: 15px; border-radius: 15px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-top: 5px; margin-top: 5px;
} }
.make-now1{
background: #d9d9d9;
color: #ffffff;
width: 100%;
border-radius: 30upx;
height: 60upx;
line-height: 60upx;
margin-top: 10rpx;
}
.jieshao{
font-weight: 400;
font-size: 12px;
color: #999999;
margin: 5px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
///overflow: hidden;
text-overflow: ellipsis;
}
.thera-lin{
display: flex;
justify-content: space-between;
}
.thera-bottom{
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.therap-pin{ .therap-pin{
font-size: 26rpx;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
margin-right: 10rpx; margin-right: 10rpx;
@ -972,12 +1026,4 @@
color: #666; color: #666;
margin-right: 10rpx; margin-right: 10rpx;
} }
.terap-button{ </style>
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
color: #ffffff;
width:130rpx;
height: 60rpx;
border-radius: 10upx;
line-height: 58rpx;
}
</style>