选择技师样式

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