yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

订单按钮修改

This commit is contained in:
kbing1981 2024-07-22 21:04:01 +08:00
parent 61b095d8d2
commit 7ebbc70841
3 changed files with 105 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
my/order/pay.vue
View File

@ -461,8 +461,7 @@
class="btns">联系客服</u-button> class="btns">联系客服</u-button>
</view> </view>
<view class="showBtn tabber" v-if="order.status ==8"> <view class="showBtn tabber" v-if="order.status ==8">
<u-button @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="false" <u-button class="btns" @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="false">
>
取消订单 取消订单
</u-button> </u-button>
<u-button <u-button
@ -2517,8 +2516,10 @@ export default {
flex-direction: column; flex-direction: column;
} }
/deep/.btns{ /deep/.btns{
color: #019C88 !important; color: #019C88 !important;
margin-left: 10rpx !important; margin-left: 10rpx !important;
height:70rpx;
font-size: 30rpx;
} }
.eject-btns{ .eject-btns{
height:60rpx; height:60rpx;

68
my/order/payShengji.vue
View File

@ -526,7 +526,7 @@
<view class="showBtn-mian" v-if="order.status=='6'"> <view class="showBtn-mian" v-if="order.status=='6'">
<view class="showBtn"> <view class="showBtn">
<view class="gengduo" @click.stop="gengBtn">更多</view> <view class="gengduo" @click.stop="gengBtn">更多</view>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: flex-end">
<u-button <u-button
shape="circle" :plain="true" shape="circle" :plain="true"
@click="goNav('/my/wallet/index?artificerId='+order.artificerId+'&ordersId='+order.ordersId)" @click="goNav('/my/wallet/index?artificerId='+order.artificerId+'&ordersId='+order.ordersId)"
@ -545,17 +545,17 @@
class="btns"> class="btns">
加钟 加钟
</u-button> </u-button>
</view>
</view> </view>
<view class="yincang" v-show="btnShow==true"> <view class="showBtn-view" v-show="btnShow==true">
<u-button style="margin:0px !important;" shape="circle" :plain="true" @click="goChat" <view style="margin:0px !important;" shape="circle" :plain="true" @click="goChat"
class="btns">联系客服</u-button> class="eject-btns">联系客服</view>
<u-button :custom-style="customStyle2" <view :custom-style="customStyle2"
shape="circle" :plain="true" shape="circle" :plain="true"
@click="goNav('/my/order/complain?ordersId='+ordersId + '&byUserId=' + order.artificer.userId + '&byuserName=' + order.artificer.artificerName)" @click="goNav('/my/order/complain?ordersId='+ordersId + '&byUserId=' + order.artificer.userId + '&byuserName=' + order.artificer.artificerName)"
class="dingshi"> class="eject-btns">
去投诉 去投诉
</u-button> </view>
</view> </view>
</view> </view>
<view class="showBtn-mian" v-else> <view class="showBtn-mian" v-else>
@ -2097,6 +2097,32 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.showBtn-view{
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
background-color: #ffffff;
padding: 10px;
bottom:90rpx;
left:50rpx;
box-shadow: 0px 0px 3px 0px #b5b5b5;
border-radius: 10rpx;
}
.showBtn-view:before {
position: absolute;
left: 20rpx;
bottom:-12rpx;
width: 20rpx;
height: 20rpx;
background: #ffffff;
margin-top: -2px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: '';
}
.yincang{ .yincang{
background-color: #fff; background-color: #fff;
position: absolute; position: absolute;
@ -2296,11 +2322,10 @@
/deep/.btns{ /deep/.btns{
color: #019C88 !important; color: #019C88 !important;
margin-left: 10rpx !important; margin-left: 10rpx !important;
height:64rpx; height:70rpx;
font-size: 28rpx; font-size: 30rpx;
} }
/deep/.u-size-default{ /deep/.u-size-default{
margin: 5px 0px 0px 0px;
} }
.showBtn-mian{ .showBtn-mian{
width: 100%; width: 100%;
@ -2312,16 +2337,11 @@
} }
.gengduo{ .gengduo{
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 28rpx;
color: #7D7D7D; color: #7D7D7D;
margin-left: 26rpx;
} }
.showBtn-view{
width: 100%;
justify-content: flex-end;
display: flex;
flex-direction: row;
align-items: center;
}
.showBtn,.hideBtn{ .showBtn,.hideBtn{
width: 100%; width: 100%;
display: flex; display: flex;
@ -2329,10 +2349,7 @@
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }
.dingshi{ .dingshi{
border: 0.5px solid #e5e5e5; border: 0.5px solid #e5e5e5;
color: #333333 !important; color: #333333 !important;
@ -2747,4 +2764,11 @@
border-radius: 24rpx; border-radius: 24rpx;
margin-top: 24rpx; margin-top: 24rpx;
} }
.eject-btns{
height:60rpx;
line-height: 60rpx;
border-bottom: 1px solid #f7f7f7;
padding: 0 20rpx;
color: #666666;
}
</style> </style>

80
pages/therapist/therapistDingdan.vue
View File

@ -18,10 +18,9 @@
<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-if="item.status=='1'" 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 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-frame" :src="item.technicianType=='3'?'../../static/vip/grade4.png':item.technicianType=='4'?'../../static/vip/grade5.png':'../../static/vip/grade6.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>
</view> </view>
<view class="list-right"> <view class="list-right">
@ -32,12 +31,18 @@
{{ item.artificerName }} {{ item.artificerName }}
</view> </view>
<view class="keyuyue"> <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>
</view>
<!--<view class="keyuyue">
<view> <view>
{{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}} {{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}}
</view> </view>
<view v-if="item.status == 1 && item.time">{{ item.time <view v-if="item.status == 1 && item.time">{{ item.time
}}</view> }}</view>
</view> -->
</view> </view>
</view> </view>
</view> </view>
@ -1099,8 +1104,10 @@
} }
.touxiang-frame{ .touxiang-frame{
position: absolute; position: absolute;
width: 230.08rpx; width: 100rpx;
height: 146px; height: 38rpx;
left: 44rpx;
top:140rpx;
} }
.dituList{ .dituList{
width: 85%; width: 85%;
@ -1208,18 +1215,37 @@
color: #13141A; color: #13141A;
} }
.keyuyue{ .keyuyue{
// width: 160rpx; padding: 0rpx 10rpx;
height: 20px; height: 44rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
background: linear-gradient(90deg, #fee9ca, #fde4c6); background: #eefdf8;
border: 1px #decbae solid; border-radius: 30rpx 20rpx 20rpx 30rpx ;
border-radius: 30rpx 30rpx 30rpx 2rpx;
padding: 3rpx 18rpx;
color:#8d500f; color:#8d500f;
font-size: 22rpx; font-size: 24rpx;
margin-left: 15rpx; }
.timea-img{
background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
background-size: 28rpx 28rpx;
background-repeat: no-repeat;
width: 30rpx;
height: 30rpx;
border-radius:8rpx;
margin-top: 8rpx;
}
.timea-fu{
font-size: 24rpx;
color: #2dbe93;
line-height: 44rpx;
margin-left: 8rpx;
margin-right: 5rpx;
}
.timea-time{
font-size: 25rpx;
color: #2dbe93;
line-height: 44rpx;
padding-right: 10rpx;
} }
.keyuyue .keyuyue-btn{ .keyuyue .keyuyue-btn{
width: 50%; width: 50%;
@ -1263,12 +1289,12 @@
align-items: center; align-items: center;
} }
.list-right{ .list-right{
width: 67%; width: 72%;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 10px 5px 0px 5px; padding: 16rpx;
} }
.zpmore_view { .zpmore_view {
position: absolute; position: absolute;
@ -1314,26 +1340,28 @@
height: 306.94rpx; height: 306.94rpx;
} }
.touxiang-left-content{ .touxiang-left-content{
//width: 212.08rpx; width: 180rpx;
//width: 235.08rpx;
height: auto; height: auto;
border-radius: 10rpx; border-radius: 10rpx;
position: relative;
} }
.touxiang-left-content-img{ .touxiang-left-content-img{
width: 230.08rpx; width: 150rpx;
height: 150px; height: 150rpx;
border-radius:5rpx; border-radius:120rpx;
padding: 20rpx; margin: 14rpx 22rpx;
position:absolute;
} }
.touxiang-left-view{ .touxiang-left-view{
width: 100%; width: 100%;
height: 150px; height: 126px;
border-radius: 20rpx; border-radius: 18rpx;
align-items: flex-start; align-items: flex-start;
justify-content: space-between;
background: #fff; background: #fff;
margin-bottom: 12px; margin-bottom: 12px;
padding-bottom: 10px; padding-bottom: 10px;
justify-content: space-between;
padding: 10rpx;
} }
.touxiang-left{ .touxiang-left{
@ -1689,9 +1717,9 @@
.terap-button{ .terap-button{
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495); background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
color: #ffffff; color: #ffffff;
width:200rpx; width:130rpx;
height: 60rpx; height: 60rpx;
border-radius: 30upx; border-radius: 10upx;
line-height: 58rpx; line-height: 58rpx;
} }
</style> </style>