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

修改

This commit is contained in:
kbing1981 2024-07-03 10:09:31 +08:00
parent 8061c8f5f4
commit 0c0da011a5
1 changed files with 54 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
pages/therapist/orderDetail.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class="content"> <view class="content">
<view class="bg" style="padding-bottom: 10px;"> <view class="bg">
<view class="swiperBac"> <view class="swiperBac">
<swiper style="height: 745.83rpx;" autoplay="1500" :indicator-dots="false" :circular='true' <swiper style="height: 745.83rpx;" autoplay="1500" :indicator-dots="false" :circular='true'
indicator-active-color="#ffffff" indicator-color="#cccccc"> indicator-active-color="#ffffff" indicator-color="#cccccc">
@ -26,23 +26,20 @@
<span>平台担保</span> <span>平台担保</span>
</view> </view>
</view> </view>
<view class="oder-foot-left-right" v-if="order.consortiaName">
<image src="../../static/orderDetail/chengchi.png" mode=""></image>
<span>{{order.consortiaName}}</span>
</view>
</view> </view>
<view class="view-head"> <view class="view-head">
<view class="jian-view"> <view class="jian-view">
<view class="jian-view-left"> <view class="jian-view-left">
<span>{{order.artificerName}}</span> <span>{{order.artificerName}}</span>
</view> <view class="keyuyue">
<view class="jian-view-right"> <view >
<view class="oder-mian-right">
<view class="oder-mian-view oder-mian-jin">
{{order.status == 1?"可服务":"休息中"}} {{order.status == 1?"可服务":"休息中"}}
</view> </view>
<view class="oder-mian-view oder-mian-time"><span v-if="order.status == 1">{{order.time}}</span></view> <view v-if="order.status == 1">{{order.time}}</view>
</view> </view>
</view>
<view class="jian-view-right">
<view class="jian-view-right-weizhi"> <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> <span>{{order.distance}}</span>
@ -53,6 +50,7 @@
<view class="oder-mian"> <view class="oder-mian">
<view class="oder-mian-left"> <view class="oder-mian-left">
<span>ID:{{order.artificerId}}</span> <span>ID:{{order.artificerId}}</span>
<span>·</span>
<span>{{order.collectCount}}人 关注</span> <span>{{order.collectCount}}人 关注</span>
</view> </view>
<view class="oder-mian-tjia"> <view class="oder-mian-tjia">
@ -73,6 +71,10 @@
</view> </view>
</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>
</view>
<!-- <view class="padding-bottom flex justify-between"> <!-- <view class="padding-bottom flex justify-between">
<view class="flex align-center"> <view class="flex align-center">
<view class="margin-right-sm flex align-center" <view class="margin-right-sm flex align-center"
@ -633,7 +635,7 @@
transition-property: background-color, color; transition-property: background-color, color;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 13px; font-size: 15px;
color: #000000; color: #000000;
transition-duration: 0.5s; transition-duration: 0.5s;
width: 100%; width: 100%;
@ -644,7 +646,7 @@
height: 126px; height: 126px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 10px; border-radius: 10px;
margin: 0px auto 10px auto; margin: 20rpx auto 15rpx auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -652,9 +654,8 @@
} }
.jieshao{ .jieshao{
width: 100%; width: 100%;
margin-top: 15px; margin-top: 15rpx;
font-size: 26rpx; font-size: 26rpx;
line-height: 40rpx;
color: #888; color: #888;
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@ -899,6 +900,7 @@
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
margin-top: 3px; margin-top: 3px;
margin-right: 8rpx;
} }
.xiangmu-cont-top-left{ .xiangmu-cont-top-left{
font-weight: normal; font-weight: normal;
@ -1104,15 +1106,17 @@
border-radius: 7rpx; border-radius: 7rpx;
} }
.oder-mian-left span:nth-child(1){ .oder-mian-left span:nth-child(1){
font-weight: 400;
font-size: 26rpx; font-size: 26rpx;
color: #666666; color: #666666;
margin-right: 15px; margin-right: 8px;
} }
.oder-mian-left span:nth-child(2){ .oder-mian-left span:nth-child(2){
font-weight: bold; font-size: 50rpx;
color: #666666;margin-right: 8px;
}
.oder-mian-left span:nth-child(3){
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #666666;
} }
.oder-mian-left{ .oder-mian-left{
width: 50%; width: 50%;
@ -1141,13 +1145,13 @@
margin: 15px 24px 0px 24px; margin: 15px 24px 0px 24px;
} }
.jian-view-right span{ .jian-view-right span{
font-weight: bold; font-size: 26rpx;
font-size: 25rpx;
color: #848485; color: #848485;
} }
.jian-view-right-img{ .jian-view-right-img{
width: 18.75rpx; width: 23rpx;
height: 21.53rpx; height: 26rpx;
margin-right: 10rpx;
} }
.jian-view-right{ .jian-view-right{
display: flex; display: flex;
@ -1156,7 +1160,7 @@
} }
.jian-view-left span{ .jian-view-left span{
font-weight: bold; font-weight: bold;
font-size: 35rpx; font-size: 36rpx;
color: #13141A; color: #13141A;
margin-right: 5px; margin-right: 5px;
} }
@ -1243,6 +1247,31 @@
.swiper { .swiper {
height: 662rpx; height: 662rpx;
} }
.keyuyue{
width: 160rpx;
height: 20px;
display: flex;
flex-direction: row;
align-items: center;
background: linear-gradient(90deg, #fe912e, #ff996a, #35C495);
border-radius: 30rpx 30rpx 30rpx 2rpx;
padding: 3rpx 15rpx;
color:#fff;
font-size: 22rpx;
margin-left: 15rpx;
}
.order-sname{
width: 100%;
margin-top: 15rpx;
}
.order-sname-img{
width: 30rpx;
height: 30rpx;
margin-right: 8rpx;
margin-top: 3rpx;
}
.order-sname-text{
font-size: 30rpx;
font-weight: bold;
}
</style> </style>