This commit is contained in:
kbing1981 2024-07-17 19:09:11 +08:00
parent c4bd08c695
commit d53ad7a29a
3 changed files with 67 additions and 49 deletions

View File

@ -45,17 +45,11 @@
<image class="headset-img" :src="order.technicianType=='3'?'../../static/vip/headset1.png':order.technicianType=='4'?'../../static/vip/headset3.png':'../../static/vip/headset2.png'" mode=""></image>
<span class="headset-text2">{{order.technicianTypeName}}</span>
</view>
<view class="keyuyue">
<view>
<view>{{order.status == 1?"可服务":"休息中"}}</view>
</view>
<view v-if="order.status == 1">{{order.time}}</view>
</view>
</view>
<view class="jian-view-right">
<view class="jian-view-right-weizhi">
<image class="jian-view-right-img" src="../../static/orderDetail/dingwei.png"></image>
<!--<image class="jian-view-right-img" src="../../static/orderDetail/dingwei.png"></image>-->
<span>{{order.distance}}</span>
</view>
</view>
@ -75,23 +69,27 @@
<span>{{order.collectCount}}人关注</span>
</view>
<view class="oder-mian-tjia">
<view style="margin-top: 3rpx; margin-right: 8rpx;">
<view class="text-center shouchang">
<view class="shouchang-view" @click="toggle('center')">
<image class="shouchang-img" src="../../static/orderDetail/technician6.png"></image>
<span class="shouchang-text">打赏技师</span>
<!-- <image src="../../static/orderDetail/technician6-1.png"
style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> -->
</view>
</view>
</view>
<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
<view class="oder-mian-guan" :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
<!--+ 关注-->
关注
</view>
</view>
</view>
<view class="flex" style="margin-top: 20rpx;">
<view class="shouchang-view" @click="toggle('center')">
<image class="shouchang-img" src="../../static/orderDetail/technician6.png"></image>
<span class="shouchang-text">打赏技师</span>
<!-- <image src="../../static/orderDetail/technician6-1.png"
style="width: 45rpx;height: 45rpx;position: relative;top: 4upx;" v-else></image> -->
</view>
<view class="keyuyue">
<view class="flex">
<image class="timea-img" src="../../static/timea.png" mode=""></image>
<view class="timea-fu">{{order.status == 1?"可服务":"休息中"}}</view>
<view class="timea-time" v-if="order.status == 1">{{order.time}}</view>
</view>
</view>
</view>
<view class="flex order-sname" v-if="order.consortiaName">
<image class="order-sname-img" src="../../static/orderDetail/chengchi.png" mode=""></image>
<span class="order-sname-text">{{order.consortiaName}}</span>
@ -230,7 +228,7 @@
<view class="popup-content">
<view class="popup-head">
<span>打赏技师</span>
<span @click="closePopup(type)">x</span>
<span @click="closePopup(type)"><image style="width: 50rpx; height: 50rpx;" src="../../static/close.png" mode=""></image></span>
</view>
<view class="popup-mian">
<view class="popup-mian-textarea">
@ -692,9 +690,9 @@
text-align: right;
}
.headset-text2{
background: linear-gradient(90deg, #bd6ed4, #9533b8);
background: linear-gradient(90deg, #f8f8f8, #dfdfdf);
font-size: 22rpx;
color: #f6dcff;
color: #333;
height: 30rpx;
line-height: 30rpx;
border-radius:5rpx 30rpx 30rpx 30rpx;
@ -837,7 +835,7 @@
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 10px;
margin-top: 40rpx;
}
.popup-mian{
@ -853,8 +851,6 @@
text-align: center;
font-size: 24px;
color: #15AB8D;
border-radius: 50%;
border: 1px solid #15AB8D;
}
.popup-head span:nth-child(1){
font-weight: bold;
@ -891,20 +887,27 @@
justify-content: flex-end;
}
.oder-mian-guan{
width: 65rpx;
height: 65rpx;
width: 116rpx;
height: 50rpx;
border-radius: 30rpx;
font-size: 24rpx;
}
.activeQ{
background: url('../../static/orderDetail/technician7-1.png');
background: url('../../static/follow.png') 14rpx 8rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 10rpx;
background-size:28rpx 28rpx;
line-height: 48rpx;
text-indent:46rpx;
border: 1px solid #999999;
}
.activeG{
background: url('../../static/orderDetail/technician7.png');
background:#2dbe93 url('../../static/follow2.png') 14rpx 8rpx;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 10rpx;
background-size:28rpx 28rpx;
line-height: 48rpx;
text-indent:46rpx;
border: 1px solid #2dbe93;
color:#ffffff;
}
.oder-mian-qing{
width: 70px;
@ -987,20 +990,20 @@
display: flex;
align-items: center;
justify-content: center;
background: #ffede8;
background: linear-gradient(90deg, #ffe0d8, #ffe0d8, #eaeaea);
border-radius: 30rpx;
height: 56rpx;
padding: 0 12rpx;
height:46rpx;
padding: 0 10rpx;
}
.shouchang-img{
width: 50rpx;
height:50rpx;
padding: 10rpx;
width: 30rpx;
height:30rpx;
margin-right: 5rpx;
}
.shouchang-text{
color: #ff7e5b;
color: #ff6942;
font-size: 24rpx;
padding: 0 15rpx 0 0 ;
padding: 0 12rpx 0 0 ;
font-weight: bold;
}
.xiangmu-cont-top-left{
@ -1046,7 +1049,6 @@
font-size: 25rpx;
}
.xiangmu-foot-left-dazhe{
font-weight: bold;
font-size: 31rpx;
color: #848484;
text-decoration-line: line-through;
@ -1215,7 +1217,6 @@
color: #666666;margin-right: 3px;
}
.oder-mian-left span:nth-child(3){
font-size: 26rpx;
color: #019c88;
}
.oder-mian-left{
@ -1348,17 +1349,34 @@
height: 662rpx;
}
.keyuyue{
height: 20px;
width: 200rpx;
height: 42rpx;
display: flex;
flex-direction: row;
align-items: center;
background: linear-gradient(90deg, #fee9ca, #fde4c6);
border: 1px #decbae solid;
border-radius: 30rpx 30rpx 30rpx 2rpx;
padding: 3rpx 18rpx;
border: 1px #2dbe93 solid;
border-radius: 20rpx 30rpx 30rpx 20rpx;
color:#8d500f;
font-size: 22rpx;
margin-left: 15rpx;
margin-left: 6rpx;
}
.timea-img{
background:#2dbe93 url('../../static/timea.png');
width: 40rpx;
height: 40rpx;
border-radius: 8rpx 0 0 8rpx;
}
.timea-fu{
font-size: 22rpx;
color: #2dbe93;
line-height: 44rpx;
margin-left: 8rpx;
}
.timea-time{
font-size: 24rpx;
color: #029d88;
line-height: 44rpx;
}
.order-sname{
width: 100%;

BIN
static/follow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
static/follow2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB