This commit is contained in:
Mr.jiang 2024-07-23 22:43:41 +08:00
commit 59de1c379d
33 changed files with 1666 additions and 1187 deletions

View File

@ -31,7 +31,7 @@
</view> </view>
</view> </view>
</view> </view>
<view style="position: fixed;bottom: 0rpx;left: 0;right: 0;background: #FFFFFF;height: 110rpx;line-height: 110rpx;z-index: 999;"> <view class="push-button">
<button class="shouhuo" @tap="goAddress('')"> <button class="shouhuo" @tap="goAddress('')">
新增地址 新增地址
</button> </button>
@ -211,6 +211,16 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.push-button{
width: 100%;
height: 48px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.delete-btn{ .delete-btn{
margin-left: 10px; margin-left: 10px;
} }
@ -256,17 +266,16 @@
// @import '../../../static/less/index.less'; // @import '../../../static/less/index.less';
// @import '../../../static/css/index.css'; // @import '../../../static/css/index.css';
.shouhuo{ .shouhuo{
margin: 16rpx 30upx; display: inline-block;
position: fixed;
bottom: -2upx;
width: 92%; width: 92%;
height: 80rpx; text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx; height: 40px;
line-height: 80rpx; border-radius: 28px;
font-weight: 400; color: #ffffff;
font-size: 36rpx; line-height: 40px;
color: #FFFFFF; margin-top: 4px;
font-size: 34rpx;
} }
page { page {
background: #f7f7f7; background: #f7f7f7;

View File

@ -46,7 +46,7 @@
</view> </view>
</view> </view>
<view class="sbu-btn"> <view class="push-button">
<button type="primary" style="" class="feedback-submit" @tap="send">提交</button> <button type="primary" style="" class="feedback-submit" @tap="send">提交</button>
</view> </view>
@ -239,17 +239,26 @@
<style> <style>
.feedback-submit { .feedback-submit {
width: 652rpx; display: inline-block;
height: 92rpx; width: 92%;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); text-align: center;
border-radius: 46rpx; background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
color: #FFFFFF; height: 40px;
margin: 16rpx 30upx; border-radius: 28px;
position: fixed; color: #ffffff;
bottom: 0upx; line-height: 40px;
line-height: 92rpx; margin-top: 4px;
font-size: 32rpx; font-size: 34rpx;
text-align: center; }
.push-button{
width: 100%;
height: 48px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
} }
.sbu-btn{ .sbu-btn{
display: flex; display: flex;

View File

@ -20,7 +20,9 @@
<u-rate :count="count" v-model="value" active-color="#019C88"></u-rate> <u-rate :count="count" v-model="value" active-color="#019C88"></u-rate>
</view> </view>
</view> </view>
<button type="primary" class="feedback-submit" @tap="send">提交</button> <view class="push-button">
<button type="primary" class="feedback-submit" @tap="send">提交</button>
</view>
</view> </view>
</template> </template>
@ -152,7 +154,7 @@
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 25rpx;
color: #ED782E; color: #999;
} }
@font-face { @font-face {
font-family: uniicons; font-family: uniicons;
@ -370,19 +372,26 @@
.feedback-star.active:after { .feedback-star.active:after {
content: '\e438'; content: '\e438';
} }
.push-button{
.feedback-submit { width: 100%;
width: 95%; height: 48px;
height: 92rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx;
line-height: 92rpx;
text-align: center;
color: #FFFFFF;
margin-top: 32upx;
font-size: 42rpx;
position: fixed; position: fixed;
bottom: 0; bottom: 0px;
margin-bottom: 20px; display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.feedback-submit {
display: inline-block;
width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
} }
</style> </style>

File diff suppressed because it is too large Load Diff

View File

@ -183,11 +183,18 @@
<view class="line-word title-font">全程距离</view> <view class="line-word title-font">全程距离</view>
<view class="line-word-r value-font" >{{order.km}}km</view> <view class="line-word-r value-font" >{{order.km}}km</view>
</view> </view>
<view class="jusitify-line">
<view class="jusitify-line"> <view class="line-word title-font">出行费用</view>
<view class="line-word title-font">出行费用</view> <view class="line-word-r value-font">{{order.usualTravelMoney}}</view>
<view class="line-word-r value-font">{{order.taxiMoney}}</view> </view>
</view> <view class="jusitify-line" v-if="order.nightTravelMoney">
<view class="line-word title-font">夜间出行</view>
<view class="line-word-r value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
<view class="justify-title">优惠券信息</view> <view class="justify-title">优惠券信息</view>
@ -346,11 +353,19 @@
<view class="line-word title-font">全程距离</view> <view class="line-word title-font">全程距离</view>
<view class="line-word-r value-font" >{{order.km}}km</view> <view class="line-word-r value-font" >{{order.km}}km</view>
</view> </view>
<view class="jusitify-line"> <view class="jusitify-line">
<view class="line-word title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="line-word-r value-font">{{order.taxiMoney}}</view> <view class="line-word-r value-font">{{order.usualTravelMoney}}</view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line" v-if="order.nightTravelMoney">
<view class="line-word title-font">夜间出行</view>
<view class="line-word-r value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view>
<!-- <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
<view class="justify-title">优惠券信息</view> <view class="justify-title">优惠券信息</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
@ -359,7 +374,7 @@
<view class="line-word title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="line-word value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view> <view class="line-word value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view>
<view class="value-font" v-else>-</view> <view class="value-font" v-else>-</view>
</view> </view> -->
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view> <view>
<view class="justify-title-nav"> <view class="justify-title-nav">
@ -407,13 +422,13 @@
<view class="line-word-r value-font"> <view class="line-word-r value-font">
<text style="font-weight: bold;">{{order.taxiMoney}}</text></view> <text style="font-weight: bold;">{{order.taxiMoney}}</text></view>
</view> </view>
<view class="jusitify-line"> <!-- <view class="jusitify-line">
<view class="line-word title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="value-font" style="color: #FF6000;" v-if="order.couponMoney"> <view class="value-font" style="color: #FF6000;" v-if="order.couponMoney">
-<text style="font-weight: bold;">{{order.couponMoney}}</text> -<text style="font-weight: bold;">{{order.couponMoney}}</text>
</view> </view>
<view class="value-font" v-else>-</view> <view class="value-font" v-else>-</view>
</view> </view> -->
<view class="jusitify-line"> <view class="jusitify-line">
<view class="line-word title-font">加钟费用</view> <view class="line-word title-font">加钟费用</view>
<view class="line-word-r value-font" > <view class="line-word-r value-font" >
@ -1818,19 +1833,6 @@ export default {
font-size: 24rpx; font-size: 24rpx;
margin: 10px 0px; margin: 10px 0px;
} }
.showBtnClass{
position: absolute;
background: #fff;
display: flex;
flex-direction: column;
width: 100px;
left: 0;
margin-bottom: 43px;
margin-left: 10px;
border-radius: 20rpx 20rpx 20rpx 0;
box-shadow: 0px 0px 3px 0px #b5b5b5;
padding: 15rpx 5rpx;
}
.dingshi,.btns{ .dingshi,.btns{
width: 0px !important; width: 0px !important;
padding: 0px 42px !important; padding: 0px 42px !important;
@ -2044,8 +2046,8 @@ export default {
position: absolute; position: absolute;
background-color: #ffffff; background-color: #ffffff;
padding: 10px; padding: 10px;
bottom:10rpx; bottom:90rpx;
left:30rpx; left:50rpx;
box-shadow: 0px 0px 3px 0px #b5b5b5; box-shadow: 0px 0px 3px 0px #b5b5b5;
border-radius: 10rpx; border-radius: 10rpx;
} }

View File

@ -119,7 +119,7 @@
<span >项目价格</span> <span >项目价格</span>
</view> </view>
<view > <view >
<span class="line-word-r value-font">{{orderXm.price}}</span> <span class="line-word-r value-font">{{orderXm.priceMarkup}}</span>
</view> </view>
</view> </view>
</view> </view>

File diff suppressed because it is too large Load Diff

View File

@ -23,6 +23,7 @@
<view class="zhuangtai"> <view class="zhuangtai">
<view v-if="order.status ==1">待支付</view> <view v-if="order.status ==1">待支付</view>
<view v-if="order.status ==3">待评价</view> <view v-if="order.status ==3">待评价</view>
<view v-if="order.status ==5">已完成</view>
<view v-if="order.status ==6">服务中</view> <view v-if="order.status ==6">服务中</view>
</view> </view>
</view> </view>
@ -155,7 +156,7 @@
<view class="line-word-r value-font" style="color: #019c88;" v-else>{{order.oldPriceMarkup}}</view> <view class="line-word-r value-font" style="color: #019c88;" v-else>{{order.oldPriceMarkup}}</view>
</view> </view>
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view style="line-word title-font">会员减免</view> <view class="line-word title-font">会员减免</view>
<view class="line-word-r value-font" style="color: #FF6000;" v-if="order.oldVipReductionMoney==null">-{{order.vipReductionMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;" v-if="order.oldVipReductionMoney==null">-{{order.vipReductionMoney}}</view>
<view class="line-word-r value-font" style="color: #FF6000;" v-else>-{{order.oldVipReductionMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;" v-else>-{{order.oldVipReductionMoney}}</view>
</view> </view>
@ -172,7 +173,6 @@
</view> </view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
<view class="justify-title">出行费用</view> <view class="justify-title">出行费用</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
@ -189,7 +189,15 @@
</view> </view>
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="line-word-r value-font">{{order.taxiMoney}}</view> <view class="line-word-r value-font">{{order.usualTravelMoney}}</view>
</view>
<view class="flex justify-between jusitify-line" v-if="order.nightTravelMoney">
<view class="line-word title-font">夜间出行</view>
<view class="line-word-r value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="flex justify-between jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
@ -378,7 +386,7 @@
</view> </view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav jusitify-line"> <view class="justify-title-nav">
<view class="justify-title">出行费用</view> <view class="justify-title">出行费用</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
@ -394,9 +402,17 @@
</view> </view>
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="line-word-r value-font">{{order.taxiMoney}}</view> <view class="line-word-r value-font">{{order.usualTravelMoney}}</view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="flex justify-between jusitify-line" v-if="order.nightTravelMoney">
<view class="line-word title-font">夜间出行</view>
<view class="line-word-r value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="flex justify-between jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view>
<!-- <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
<view class="justify-title">优惠券信息</view> <view class="justify-title">优惠券信息</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
@ -405,7 +421,7 @@
<view class="line-word title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="line-word-r value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view>
<view class="line-word-r value-font" v-else>-</view> <view class="line-word-r value-font" v-else>-</view>
</view> </view> -->
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view> <view>
<view class="justify-title-nav"> <view class="justify-title-nav">
@ -430,12 +446,11 @@
<view class="line-word-r value-font" style="color: #019c88;">{{(order.priceMarkup-order.oldPriceMarkup).toFixed(0)}}</view> <view class="line-word-r value-font" style="color: #019c88;">{{(order.priceMarkup-order.oldPriceMarkup).toFixed(0)}}</view>
</view> </view>
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">会员减免</view> <view class="line-word title-font">会员减免</view>
<view class="line-word-r value-font" style="color: #FF6000;">-{{order.vipReductionMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;">-{{order.vipReductionMoney}}</view>
</view> </view>
<view class="flex align-center jusitify-line" style="justify-content: flex-end;"> <view class="flex align-center jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view> <view class="line-word title-font">小计</view>
<view class="value-font" style="font-weight: bold;"><text>{{order.payMoney}}</text></view> <view class="value-font" style="font-weight: bold;"><text>{{order.payMoney}}</text></view>
</view> </view>
</view> </view>
@ -462,14 +477,14 @@
<view class="line-word-r">{{order.addNum}}</view> <view class="line-word-r">{{order.addNum}}</view>
</view> --> </view> -->
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">会员减免</view> <view class="line-word title-font">会员减免</view>
<view class="line-word-r value-font" style="color: #FF6000;">-{{order.addVipReductionMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;">-{{order.addVipReductionMoney}}</view>
</view>
<view class="flex align-center jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="value-font" style="font-weight: bold;"><text>{{order.addMoney}}</text></view>
</view>
</view> </view>
<view class="flex align-center jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="value-font" style="font-weight: bold;"><text>{{order.addMoney}}</text></view>
</view>
</view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav"> <view class="justify-title-nav">
<view class="justify-title">费用明细</view> <view class="justify-title">费用明细</view>
@ -478,21 +493,21 @@
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">订单费用</view> <view class="line-word title-font">订单费用</view>
<view class="line-word-r value-font" v-if="order.oldMassageMoney==null"> <view class="line-word-r value-font" v-if="order.oldMassageMoney==null">
<text style="font-weight: bold;">{{order.massageMoney}}</text></view> <text style="font-weight: bold;">{{order.massageMoney}}</text></view>
<view class="line-word-r value-font" v-else> <view class="line-word-r value-font" v-else>
<text style="font-weight: bold;">{{order.oldMassageMoney}}</text></view> <text style="font-weight: bold;">{{order.oldMassageMoney}}</text></view>
</view> </view>
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="line-word-r value-font"><text style="font-weight: bold;">{{order.taxiMoney}}</text></view> <view class="line-word-r value-font"><text style="font-weight: bold;">{{order.taxiMoney}}</text></view>
</view> </view>
<view class="flex justify-between jusitify-line"> <!-- <view class="flex justify-between jusitify-line">
<view class="line-word title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="value-font" style="color: #FF6000;" v-if="order.couponMoney"> <view class="value-font" style="color: #FF6000;" v-if="order.couponMoney">
-<text style="font-weight: bold;">{{order.couponMoney}}</text> -<text style="font-weight: bold;">{{order.couponMoney}}</text>
</view> </view>
<view class="value-font" v-else>-</view> <view class="value-font" v-else>-</view>
</view> </view> -->
<view class="flex justify-between jusitify-line"> <view class="flex justify-between jusitify-line">
<view class="line-word title-font">升级费用</view> <view class="line-word title-font">升级费用</view>
<view class="value-font"> <view class="value-font">
@ -548,35 +563,39 @@
</view> </view>
</view> </view>
<view class="showBtn-view" v-show="btnShow==true"> <view class="showBtn-view" v-show="btnShow==true">
<view style="margin:0px !important;" shape="circle" :plain="true" @click="goChat"
class="eject-btns">联系客服</view>
<view :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="eject-btns"> class="eject-btns">
去投诉 去投诉
</view> </view>
<view style="margin:0px !important;" shape="circle" :plain="true" @click="goChat"
class="eject-btns">联系客服</view>
</view> </view>
</view> </view>
<view class="showBtn-mian" v-else> <view class="showBtn-mian" v-else>
<view class="showBtn" style="justify-content: center;"> <view class="showBtn" style="justify-content: center;">
<u-button style="margin:0px !important;" shape="circle" :plain="true" @click="goChat"
class="btns">联系客服</u-button>
<u-button :custom-style="customStyle2"
shape="circle" :plain="true"
@click="goNav('/my/order/complain?ordersId='+ordersId + '&byUserId=' + order.artificer.userId + '&byuserName=' + order.artificer.artificerName)"
class="dingshi">
去投诉
</u-button>
<u-button :custom-style="customStyle2" <u-button :custom-style="customStyle2"
v-if="order.status=='1'" v-if="order.status=='1'"
shape="circle" :plain="true" shape="circle" :plain="true"
@click="quzhifu(order)" @click="quzhifu(order)"
class="dingshi"> class="btns">
去支付 去支付
</u-button> </u-button>
<u-button :custom-style="customStyle2" shape="circle" :plain="true" v-if="order.status=='3'"
@click="goNav('/my/order/feedback?artificerId='+order.artificerId+ '&ordersId='+order.ordersMassageList[0].ordersId)"
class="btns">
去评价
</u-button>
<u-button :custom-style="customStyle2"
shape="circle" :plain="true"
@click="goNav('/my/order/complain?ordersId='+ordersId + '&byUserId=' + order.artificer.userId + '&byuserName=' + order.artificer.artificerName)"
class="btns">
去投诉
</u-button>
<u-button :custom-style="customStyle2" shape="circle" :plain="true" @click="goChat"
class="btns">联系客服</u-button>
</view> </view>
</view> </view>
</view> </view>
</view> </view>

View File

@ -67,23 +67,23 @@
</view> </view>
</view> </view>
</view> </view>
<view class="" style="background-color: #ffffff;border-radius: 24rpx;margin-top: 24rpx;padding: 29rpx;"> <view class="add-content">
<view class="" v-if="order.artificer"> <view class="" v-if="order.artificer">
<view class="flex justify-between add-lin"> <view class="flex align-center justify-between jusitify-line">
<view class="add-con-title title-font">客户姓名</view> <view class="line-word title-font">客户姓名</view>
<view class="add-con-cont value-font"> <view class="line-word-r value-font">
{{order.userName}} {{order.userName}}
</view> </view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex align-center justify-between jusitify-line">
<view class="add-con-title title-font">联系方式</view> <view class="line-word title-font">联系方式</view>
<view class="add-con-cont value-font"> <view class="line-word-r value-font">
{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}} {{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
</view> </view>
</view> </view>
<view class="serverAddress"> <view class="serverAddress jusitify-line">
<view class="add-con-title title-font">服务地址</view> <view class="line-word title-font">服务地址</view>
<view class="value-font" style="width: 73%; text-align: right;">{{order.address}}</view> <view class="value-font" style="width: 75%; text-align: right;">{{order.address}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -91,8 +91,8 @@
<view class="margin-top-xl pay-ding"> <view class="margin-top-xl pay-ding">
<view class="flex align-center pay-ding-top"> <view class="flex align-center pay-ding-top">
<image :src="order.artificer.artificerImg" class="d-touxiang"></image> <image :src="order.artificer.artificerImg" class="d-touxiang"></image>
<view class="margin-left-sm flex" style="width: 90%;justify-content: space-between;flex-direction: row;align-items: center;"> <view class="margin-left-sm flex" style="width: 90%;">
<view class="flex align-center" style="width: 80%;justify-content: space-between;"> <view class="flex align-center" style="width: 100%;justify-content: space-between;">
<view class="d-title">{{order.artificer.artificerName}}</view> <view class="d-title">{{order.artificer.artificerName}}</view>
<!-- <image <!-- <image
v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4 && order.status !=2" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4 && order.status !=2"
@ -100,9 +100,10 @@
@click="bindphone(order.artificer.phone)"></image> --> @click="bindphone(order.artificer.phone)"></image> -->
<!-- <image src="../../static/img/phone.png" class="phone-pay" <!-- <image src="../../static/img/phone.png" class="phone-pay"
@click="bindphone(order.artificer.phone)"></image> --> @click="bindphone(order.artificer.phone)"></image> -->
<view class="level_button">{{order.technicianTypeName}}</view>
</view> </view>
<!-- <view class="level_button">{{order.technicianType=='3'?'新手':order.technicianType=='4'?'专家':'资深'}}</view> --> <!-- <view class="level_button">{{order.technicianType=='3'?'新手':order.technicianType=='4'?'专家':'资深'}}</view> -->
<view class="level_button">{{order.technicianTypeName}}</view>
<!-- <view class="flex align-center flex-wrap" v-if="order.artificer.ordersCount"> <!-- <view class="flex align-center flex-wrap" v-if="order.artificer.ordersCount">
<view class="margin-right"> <view class="margin-right">
<image src="../../static/images/start.png" style="width: 24rpx;height: 22rpx;"> <image src="../../static/images/start.png" style="width: 24rpx;height: 22rpx;">
@ -119,51 +120,50 @@
<view class="justify-title">订单信息</view> <view class="justify-title">订单信息</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">订单编号</view> <view class="line-word title-font">订单编号</view>
<view class="flex align-center" @tap="copy(order.ordersNo)"> <view class="flex line-word-r value-font" @tap="copy(order.ordersNo)">
<view class="value-font">{{order.ordersNo}} <view class="value-font">{{order.ordersNo}}
<u-icon name="file-text" style="color: #096f4b;margin-left: 10rpx;"></u-icon> <u-icon name="file-text" style="color: #096f4b;margin-left: 10rpx;"></u-icon>
</view> </view>
</view> </view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">预约时间</view> <view class="line-word title-font">预约时间</view>
<view class="add-con-cont value-font">{{order.serveTime}}</view> <view class="line-word-r value-font">{{order.serveTime}}</view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">下单时间</view> <view class="line-word title-font">下单时间</view>
<view class="add-con-cont value-font">{{order.createTime}}</view> <view class="line-word-r value-font">{{order.createTime}}</view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav "> <view class="justify-title-nav ">
<view class="justify-title">订单费用</view> <view class="justify-title">订单费用</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">项目名称</view> <view class="line-word title-font">项目名称</view>
<view class="add-con-cont value-font">{{order.entryName}}</view> <view class="line-word-r value-font">{{order.entryName}}</view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">服务时长</view> <view class="line-word title-font">服务时长</view>
<view class="add-con-cont value-font">{{order.duration}}分钟</view> <view class="line-word-r value-font">{{order.duration}}分钟</view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">项目原价</view> <view class="line-word title-font">项目原价</view>
<view class="add-con-cont value-font">{{order.massagePrice}}</view> <view class="line-word-r value-font">{{order.massagePrice}}</view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">{{order.technicianTypeName}}价格</view> <view class="line-word title-font">{{order.technicianTypeName}}价格</view>
<view class="add-con-cont value-font" style="color: #019c88;">{{order.priceMarkup}}</view> <view class="line-word-r value-font" style="color: #019c88;">{{order.priceMarkup}}</view>
</view> </view>
<view class="flex justify-between add-lin" v-if="order.userPackageDetailId==null"> <view class="flex justify-between jusitify-line" v-if="order.userPackageDetailId==null">
<view class="add-con-title title-font">会员减免</view> <view class="line-word title-font">会员减免</view>
<view class="add-con-cont value-font" style="color: #FF6000;">-{{order.vipReductionMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;">-{{order.vipReductionMoney}}</view>
</view> </view>
<view class="flex justify-between jusitify-line" style="justify-content: flex-end;">
<view class="flex justify-between add-lin" style="justify-content: flex-end;"> <view class="line-word title-font">小计</view>
<view class="add-con-title title-font">小计</view> <view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.massageMoney}}</text></view>
<view class="add-con-cont value-font" style="font-weight: bold;"><text>{{order.massageMoney}}</text></view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
@ -172,29 +172,37 @@
<view class="justify-title">出行费用</view> <view class="justify-title">出行费用</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
<view class="flex justify-between add-lin" v-if="order.tripWay"> <view class="flex justify-between jusitify-line" v-if="order.tripWay">
<view class="add-con-title title-font">出行方式</view> <view class="line-word title-font">出行方式</view>
<view class="add-con-cont value-font" v-if="order.tripWay == 1">公交</view> <view class="line-word-r value-font" v-if="order.tripWay == 1">公交</view>
<view class="add-con-cont value-font" v-if="order.tripWay == 2">出租</view> <view class="line-word-r value-font" v-if="order.tripWay == 2">出租</view>
<view class="add-con-cont value-font" v-if="order.tripWay == 3">免费</view> <view class="line-word-r value-font" v-if="order.tripWay == 3">免费</view>
</view> </view>
<view class="flex justify-between add-lin" v-if="order.km"> <view class="flex justify-between jusitify-line" v-if="order.km">
<view class="add-con-title title-font">全程距离</view> <view class="line-word title-font">全程距离</view>
<view class="add-con-cont value-font">{{order.km}}km</view> <view class="line-word-r value-font">{{order.km}}km</view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="add-con-cont value-font">{{order.taxiMoney}}</view> <view class="line-word-r value-font">{{order.usualTravelMoney}}</view>
</view>
<view class="flex justify-between jusitify-line" v-if="order.nightTravelMoney">
<view class="line-word title-font">夜间出行</view>
<view class="line-word-r value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="flex justify-between jusitify-line" style="justify-content: flex-end;">
<view class="line-word title-font">小计</view>
<view class="line-word-r value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view> </view>
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
<view class="justify-title-nav "> <view class="justify-title-nav ">
<view class="justify-title">优惠券信息</view> <view class="justify-title">优惠券信息</view>
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="add-con-cont value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view> <view class="line-word-r value-font" style="color: #FF6000;" v-if="order.couponMoney">-{{order.couponMoney}}</view>
<view class="add-con-cont value-font" v-else>-</view> <view class="line-word-r value-font" v-else>-</view>
</view> </view>
<view class="textarea-pay-list" v-if="order.remark"> <view class="textarea-pay-list" v-if="order.remark">
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
@ -209,19 +217,19 @@
<view class="justify-title-nav-bor"></view> <view class="justify-title-nav-bor"></view>
</view> </view>
<view class="fei-view"> <view class="fei-view">
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">订单费用</view> <view class="line-word title-font">订单费用</view>
<view class="add-con-cont value-font"> <view class="line-word-r value-font">
<text style="font-weight: bold;">{{order.massageMoney}}</text> <text style="font-weight: bold;">{{order.massageMoney}}</text>
</view> </view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">出行费用</view> <view class="line-word title-font">出行费用</view>
<view class="add-con-cont value-font"><text style="font-weight: bold;">{{order.taxiMoney}}</text></view> <view class="line-word-r value-font"><text style="font-weight: bold;">{{order.taxiMoney}}</text></view>
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between jusitify-line">
<view class="add-con-title title-font">优惠券</view> <view class="line-word title-font">优惠券</view>
<view class="add-con-cont value-font" style="color: #FF6000;" v-if="order.couponMoney"> <view class="line-word-r value-font" style="color: #FF6000;" v-if="order.couponMoney">
-<text style="font-weight: bold;">{{order.couponMoney}}</text></view> -<text style="font-weight: bold;">{{order.couponMoney}}</text></view>
<view class="value-font" v-else>-</view> <view class="value-font" v-else>-</view>
</view> </view>
@ -234,15 +242,15 @@
</view> </view>
<view class="flex tabber padding-top-sm padding-bottom-sm align-center"> <view class="flex tabber padding-top-sm padding-bottom-sm align-center">
<u-button @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="false" class="btns" <u-button @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="true" class="btns"
v-if="(order.status == 1 || order.status == 2 || order.status == 7 || order.status == 8) && yhqxSel != '否'">取消订单 v-if="(order.status != 3 && order.status != 4 && order.status != 5) && yhqxSel != '否' && order.cancelBtnShow == 'true'">取消订单
</u-button> </u-button>
<u-button @click="openpay(order)" shape="circle" :custom-style="customStyle2" :hair-line="false" <u-button @click="openpay(order)" shape="circle" :custom-style="customStyle2" :hair-line="true"
v-if="order.status == 1" v-if="order.status == 1"
class="btns">立即支付 class="btns">立即支付
</u-button> </u-button>
<u-button :custom-style="customStyle2" shape="circle" :plain="true" @click="goChat" <u-button :custom-style="customStyle2" shape="circle" :plain="true" @click="goChat"
class="dingshi">联系客服</u-button> class="btns">联系客服</u-button>
</view> </view>
</view> </view>
@ -484,16 +492,35 @@
this.order["technicianTypeName"] = "资深" this.order["technicianTypeName"] = "资深"
} }
var date = new Date(); // var date = new Date(); //
var timestamp = this.getTimeStampWithoutSeconds(date); // // var timestamp = this.getTimeStampWithoutSeconds(date); //
var timestamp = parseInt(date.getTime());
const twoHoursInMilliseconds = 2 * 60 * 60 * 1000; // const twoHoursInMilliseconds = 2 * 60 * 60 * 1000; //
var twoTime=parseInt(new Date(twoHoursInMilliseconds).getTime()) var twoTime=parseInt(new Date(twoHoursInMilliseconds).getTime())
var time=parseInt(new Date(this.order.serveTime).getTime()) var time=parseInt(new Date(this.order.serveTime).getTime())
if(time-timestamp>twoTime){ if(time-timestamp>twoTime){
this.$set(this.order, 'btnShow', 'true') this.$set(this.order, 'btnShow', 'true')
}else{
this.$set(this.order, 'btnShow', 'false')
}
console.log("sadasdsa0",this.order)
const fifteenMinutesInMilliseconds = 15 * 60 * 1000; // 15
var fifteenTime=parseInt(new Date(fifteenMinutesInMilliseconds).getTime())
if(timestamp-time<fifteenTime){
this.$set(this.order, 'cancelBtnShow', 'true')
}else{
this.$set(this.order, 'cancelBtnShow', 'false')
}
if(this.order.cancelBtnShow == 'true'){
if(this.order.addNum == null){
if(this.order.isSupplement == null){
this.$set(this.order, 'cancelBtnShow', 'true')
}else{
this.$set(this.order, 'cancelBtnShow', 'false')
}
}else{ }else{
this.$set(this.order, 'btnShow', 'false') this.$set(this.order, 'cancelBtnShow', 'false')
} }
console.log("sadasdsa0",this.order) }
let aliphone = this.$queue.getData('aliphone'); let aliphone = this.$queue.getData('aliphone');
if (aliphone === '是' && this.order.artificer) { if (aliphone === '是' && this.order.artificer) {
this.ysPhone(this.order.phone, this.order.artificer.phone); this.ysPhone(this.order.phone, this.order.artificer.phone);
@ -1580,14 +1607,14 @@
display: flex; display: flex;
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:64rpx; height:70rpx;
font-size: 28rpx; font-size: 30rpx;
} }
/deep/.u-size-default{ /deep/.u-size-default{
margin: 5px 0px 0px 0px; width: 85px !important;
} }
.showBtn-mian{ .showBtn-mian{
width: 100%; width: 100%;
@ -1697,15 +1724,16 @@
} }
.list-pay{ .list-pay{
width: 100%; width: 100%;
padding: 10px 29rpx; padding: 10rpx 29rpx;
margin-bottom: 40rpx;
} }
.pay-ding-top{ .pay-ding-top{
width: 100%; width: 100%;
height: 50px; height: 100rpx;
background-image: linear-gradient(to bottom, rgba(219, 242, 238, 0.9), #fff); background-image: linear-gradient(to bottom, rgba(219, 242, 238, 0.9), #fff);
border-top-left-radius: 12px; border-top-left-radius: 24rpx;
border-top-right-radius: 12px; border-top-right-radius: 24rpx;
padding: 0px 14px; padding: 0px 29rpx;
} }
.pay-ding,.feiuong{ .pay-ding,.feiuong{
background-color: #ffffff; background-color: #ffffff;
@ -1723,9 +1751,10 @@
color: #333333; color: #333333;
} }
.d-touxiang{ .d-touxiang{
width: 60rpx; width: 55rpx;
height: 60rpx; height: 55rpx;
border-radius: 50%; border-radius: 50%;
border: 1px solid #f2fffd;
} }
.money-pay-jia{ .money-pay-jia{
font-weight: 400; font-weight: 400;
@ -1946,37 +1975,29 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.add-content {
background: #fff;
padding: 30rpx;
border-radius: 24rpx;
margin-top: 24rpx;
}
.head-text{ .head-text{
font-size:30rpx; font-size:30rpx;
} }
.level_button{ .level_button{
padding: 3rpx 13rpx; padding: 4rpx 20rpx;
background: linear-gradient(to right, #fe9131, #ff9869); background: linear-gradient(to right, #ffc1a9, #fedec9, #fdbb9f);
border-radius: 16rpx 16rpx 16rpx 1rpx ; border-radius: 16rpx 16rpx 16rpx 1rpx;
color: #fff; color: #e95c3b;
font-size: 12px; font-size: 12px;
border: 1px solid #fd967c;
} }
.add-lin{ .add-lin{
height: 74rpx; height: 74rpx;
line-height: 74rpx; line-height: 74rpx;
} }
.add-con-title{
color: #666;
font-size: 30rpx;
}
.add-con-cont{
color: #333;
font-size: 30rpx;
line-height: 80rpx;
text-align:right;
}
.level_button{
padding: 3rpx 13rpx;
background: linear-gradient(to right, #fe9131, #ff9869);
border-radius: 16rpx 16rpx 16rpx 1rpx ;
color: #fff;
font-size: 12px;
}
.justify-title-nav{ .justify-title-nav{
width: 90%; width: 90%;
display: flex; display: flex;
@ -1997,6 +2018,13 @@
font-size: 32rpx; font-size: 32rpx;
color: #333; color: #333;
} }
.jusitify-line {
height: 78rpx;
padding: 20rpx 0;
font-size: 30rpx;
}
.jusitify-line-end{ .jusitify-line-end{
height:1px; height:1px;
border-bottom: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid;

View File

@ -174,7 +174,15 @@
</view> </view>
<view class="flex justify-between add-lin"> <view class="flex justify-between add-lin">
<view class="add-con-title title-font">出行费用</view> <view class="add-con-title title-font">出行费用</view>
<view class="add-con-cont value-font">{{order.taxiMoney}}</view> <view class="add-con-cont value-font">{{order.usualTravelMoney}}</view>
</view>
<view class="flex justify-between add-lin" v-if="order.nightTravelMoney">
<view class="add-con-title title-font">夜间出行</view>
<view class="add-con-cont value-font">{{order.nightTravelMoney}}</view>
</view>
<view class="flex justify-between add-lin" style="justify-content: flex-end;">
<view class="add-con-title title-font">小计</view>
<view class="add-con-cont value-font" style="font-weight: bold;"><text>{{order.taxiMoney}}</text></view>
</view> </view>
<view class="textarea-pay-list" v-if="order.remark"> <view class="textarea-pay-list" v-if="order.remark">
<view class="jusitify-line-end"></view> <view class="jusitify-line-end"></view>
@ -206,20 +214,20 @@
</view> </view>
<view class="flex tabber padding-top-sm padding-bottom-sm align-center"> <view class="flex tabber padding-top-sm padding-bottom-sm align-center">
<u-button @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="false" <u-button @click="cancelOrder(order)" shape="circle" :custom-style="customStyle" :hair-line="true"
v-if="order.status != 3 && v-if="order.status != 3 &&
order.status != 4 && order.status != 4 &&
order.status != 5 order.status != 5 && order.cancelBtnShow == 'true'
" "
>取消订单 class="btns">取消订单
</u-button> </u-button>
<u-button @click="openpay(order)" shape="circle" :custom-style="customStyle2" :hair-line="false" <u-button @click="openpay(order)" shape="circle" :custom-style="customStyle2" :hair-line="true"
v-if="order.status == 1||order.status == 10" v-if="order.status == 1||order.status == 10"
class="dingshi">立即支付 class="btns">立即支付
</u-button> </u-button>
<u-button :custom-style="customStyle2" shape="circle" :plain="true" @click="goChat" <u-button :custom-style="customStyle2" shape="circle" :plain="true" @click="goChat"
class="dingshi">联系客服</u-button> class="btns">联系客服</u-button>
</view> </view>
</view> </view>
@ -571,16 +579,35 @@
this.order["technicianTypeName"] = "资深" this.order["technicianTypeName"] = "资深"
} }
var date = new Date(); // var date = new Date(); //
var timestamp = this.getTimeStampWithoutSeconds(date); // // var timestamp = this.getTimeStampWithoutSeconds(date); //
var timestamp = parseInt(date.getTime());
const twoHoursInMilliseconds = 2 * 60 * 60 * 1000; // const twoHoursInMilliseconds = 2 * 60 * 60 * 1000; //
var twoTime=parseInt(new Date(twoHoursInMilliseconds).getTime()) var twoTime=parseInt(new Date(twoHoursInMilliseconds).getTime())
var time=parseInt(new Date(this.order.serveTime).getTime()) var time=parseInt(new Date(this.order.serveTime).getTime())
if(time-timestamp>twoTime){ if(time-timestamp>twoTime){
this.$set(this.order, 'btnShow', 'true') this.$set(this.order, 'btnShow', 'true')
}else{
this.$set(this.order, 'btnShow', 'false')
}
const fifteenMinutesInMilliseconds = 15 * 60 * 1000; // 15
var fifteenTime=parseInt(new Date(fifteenMinutesInMilliseconds).getTime())
if(timestamp-time<fifteenTime){
this.$set(this.order, 'cancelBtnShow', 'true')
}else{
this.$set(this.order, 'cancelBtnShow', 'false')
}
if(this.order.cancelBtnShow == 'true'){
if(this.order.addNum == null){
if(this.order.isSupplement == null){
this.$set(this.order, 'cancelBtnShow', 'true')
}else{
this.$set(this.order, 'cancelBtnShow', 'false')
}
}else{ }else{
this.$set(this.order, 'btnShow', 'false') this.$set(this.order, 'cancelBtnShow', 'false')
} }
console.log("sadasdsa0",this.order) }
console.log("sadasdsa0",this.order)
let aliphone = this.$queue.getData('aliphone'); let aliphone = this.$queue.getData('aliphone');
if (aliphone === '是' && this.order.artificer) { if (aliphone === '是' && this.order.artificer) {
this.ysPhone(this.order.phone, this.order.artificer.phone); this.ysPhone(this.order.phone, this.order.artificer.phone);
@ -1694,8 +1721,10 @@
flex-direction: column; flex-direction: column;
} }
/deep/.btns{ /deep/.btns{
background: #019C88 !important; color: #019C88 !important;
color: #fff !important; margin-left: 10rpx !important;
height:70rpx;
font-size: 30rpx;
} }
/deep/.u-size-default{ /deep/.u-size-default{
margin: 5px 0px 0px 0px; margin: 5px 0px 0px 0px;
@ -1713,21 +1742,51 @@
font-size: 25rpx; font-size: 25rpx;
color: #7D7D7D; color: #7D7D7D;
} }
.showBtn-view{
.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: '';
}
.showBtn {
width: 100%; width: 100%;
justify-content: flex-end;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center;
margin-top: 20rpx;
} }
.showBtn,.hideBtn{
.hideBtn {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }
.dingshi{ .dingshi{

View File

@ -150,7 +150,7 @@
.content { .content {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png'); /*background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');*/
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;

View File

@ -65,7 +65,7 @@
width:400rpx; width:400rpx;
height: 60rpx; height: 60rpx;
position: absolute; position: absolute;
top:120rpx; top:100rpx;
left:40rpx; left:40rpx;
} }
.cop-img2{ .cop-img2{

View File

@ -10,7 +10,7 @@
</view> --> </view> -->
<view class="index-line" > <view class="index-line" >
<view class="flex"> <view class="flex">
<image class="salogo" src="../../static/salogo.gif"></image> <view><image class="salogo" src="../../static/salogo.gif"></image></view>
<view v-if="XCXIsSelect != ''" class="flex locate-line" <view v-if="XCXIsSelect != ''" class="flex locate-line"
@tap="goCity"> @tap="goCity">
<!--<image src="../../static/liliao-1.png" class="dingwei-img"></image>--> <!--<image src="../../static/liliao-1.png" class="dingwei-img"></image>-->
@ -1230,9 +1230,10 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.salogo{ .salogo{
width: 140rpx; width: 130rpx;
height: 36rpx; height: 32rpx;
margin-left: 20rpx; margin-left: 34rpx;
margin-top:6rpx ;
} }
.index-yanzheng{ .index-yanzheng{
width: 100rpx; width: 100rpx;
@ -2087,7 +2088,8 @@
align-items: center; align-items: center;
} }
.index-mian{ .index-mian{
width: 100%; width: 98%;
margin: 4rpx auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;

View File

@ -395,47 +395,51 @@
display: none; display: none;
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 31px; line-height: 28px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right: 0; right:14rpx;
top: 0; top:19rpx;
margin-top:9.4px; height: 29px !important;
margin-right: 11px;
height: 32px !important;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 150rpx; width: 110rpx;
height: 60rpx; height: 50rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 31px; height: 30px;
border-radius: 15px !important; border-radius: 30px !important;
background-color: #fff !important; background-color: #fff !important;
border: 1px solid #E5E5E5; border: 1px solid #09a28a;
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 4rpx;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 240px; width: 230px;
border-radius: 31rpx; border-radius: 31rpx;
} }
.service-head-top-left image{ .service-head-top-left image{
width: 25px; width: 20px;
height: 30rpx; height: 20rpx;
margin-right: 10px; margin-right:5px;
margin-left: 10rpx;
} }
.service-head-top-left span{ .service-head-top-left span{
width: 180rpx;
height: 60rpx;
background:url('../../static/images/headline.png') 0rpx 26rpx;
background-repeat: no-repeat;
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
color: #171717; color: #171717;
margin-top: 16rpx;
} }
.service-head-top-left{ .service-head-top-left{
display: flex; display: flex;
@ -450,7 +454,6 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
position: fixed; position: fixed;
background-color: #fff;
z-index: 999; z-index: 999;
} }

View File

@ -33,8 +33,9 @@
<view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view> <view @click="chonghi('明细')">钱包明细<span class="view-more"></span></view>
</view> </view>
<view class="my-head-mian-top"> <view class="my-head-mian-top">
<view class="flex" style="align-items: flex-end;"> <view class="flex money-list">
<!--<image class="money-img" src="../../static/money2.png" mode="" @click="qidai()"></image>--> <!--<image class="money-img" src="../../static/money2.png" mode="" @click="qidai()"></image>-->
<view>钱包金额()</view>
<view class="my-head-mian-top-yuE">{{money}}</view> <view class="my-head-mian-top-yuE">{{money}}</view>
</view> </view>
@ -60,7 +61,7 @@
</view> </view>
</view> </view>
<view class="my-head-bottom back-width" @click="goNav('/my/vip/index')"> <view class="my-head-bottom back-width" @click="goNav('/my/vip/index')">
<image src="../../static/my-kaitonghuiyuan.png" mode="widthFix" v-if="isVip=='1'"></image> <image src="../../static/activate3.png" mode="widthFix" v-if="isVip=='1'"></image>
<image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='0'"></image> <image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='0'"></image>
<!-- <image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVip"></image> <!-- <image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVip"></image>
<image src="../../static/activate2.png" mode="widthFix" v-if="isVip"></image> --> <image src="../../static/activate2.png" mode="widthFix" v-if="isVip"></image> -->
@ -116,8 +117,8 @@
<view class="my-use width"> <view class="my-use width">
<view class="my-use-title">常用功能</view> <view class="my-use-title">常用功能</view>
<view class="my-use-view"> <view class="my-use-view">
<view class="my-use-list" v-for="(item,index) in useList" :key="index" @click="useToUrl(item)"> <view class="my-use-list" v-for="(item,index) in useList" :key="index" @click="useToUrl(item)">
<image :src="item.urlImg" mode=""></image> <image style="padding: 3rpx;" :src="item.urlImg" mode=""></image>
<span class="my-use-list-text">{{item.text}}</span> <span class="my-use-list-text">{{item.text}}</span>
</view> </view>
</view> </view>
@ -820,8 +821,8 @@
font-size: 14px; font-size: 14px;
} }
.my-use-list image{ .my-use-list image{
width: 70rpx; width: 76rpx;
height: 70rpx; height: 76rpx;
} }
.my-use{ .my-use{
background: #FFFFFF; background: #FFFFFF;
@ -841,7 +842,7 @@
} }
.my-serve-view{ .my-serve-view{
width: 98%; width: 98%;
margin: 16px auto; margin: 10px auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -849,7 +850,7 @@
} }
.my-use-list{ .my-use-list{
width: 25%; width: 25%;
margin-top: 20px; margin-top: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -861,8 +862,8 @@
justify-content: center; justify-content: center;
} }
.my-serve-list image{ .my-serve-list image{
width: 80rpx; width: 76rpx;
height: 80rpx; height: 76rpx;
} }
.my-serve-list-text{ .my-serve-list-text{
color: #6C6C6C; color: #6C6C6C;
@ -888,10 +889,10 @@
padding: 10px; padding: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0px auto 12px auto; margin: 0px auto 8px auto;
} }
.my-serve,.my-serve{ .my-serve,.my-serve{
height: 260rpx; height: 240rpx;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 12px 14px; padding: 12px 14px;
@ -920,7 +921,7 @@
justify-content: center; justify-content: center;
} }
.my-head-mian-bottom{ .my-head-mian-bottom{
width: 86%; width: 80%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -930,10 +931,17 @@
border-top: 1px #F6F6F6 solid; border-top: 1px #F6F6F6 solid;
padding-top: 20rpx; padding-top: 20rpx;
} }
.money-list{
display: flex;
flex-direction: column;
align-items: center;
font-size: 20rpx;
margin-top: 20rpx;
}
.my-head-mian-top-yuE{ .my-head-mian-top-yuE{
font-size: 60rpx; font-size: 60rpx;
color: #111111; color: #111111;
margin-top: 30rpx; margin-top: 6rpx;
font-weight: bold; font-weight: bold;
} }
.my-head-mian-top-view-chong,.my-head-mian-top-view-ming{ .my-head-mian-top-view-chong,.my-head-mian-top-view-ming{
@ -945,7 +953,7 @@
font-size: 28rpx; font-size: 28rpx;
} }
.my-head-mian-top-view-chong{ .my-head-mian-top-view-chong{
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #1bc8ac, #1bc8ac, #1bc8ac);
color: #fff; color: #fff;
} }
.my-head-mian-top-view-ming{ .my-head-mian-top-view-ming{
@ -954,12 +962,12 @@
} }
.my-head-mian-top-view-qian{ .my-head-mian-top-view-qian{
width: 100%; width: 100%;
color: #019c88; color: #2f9e8d;
background: linear-gradient(90deg, #e8f7f3, #e5f7f3); background: linear-gradient(90deg, #edfbfb, #effafc);
margin: 0 auto; margin: 0 auto;
border-radius:20rpx 20rpx 0 0; border-radius:20rpx 20rpx 0 0;
height: 64rpx; height: 76rpx;
line-height: 66rpx; line-height: 74rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -984,7 +992,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 30rpx; margin-top: 20rpx;
justify-content: center; justify-content: center;
} }
.my-head-mian-top{ .my-head-mian-top{
@ -1021,7 +1029,7 @@
} }
.my-head-texa{ .my-head-texa{
font-size: 26rpx; font-size: 26rpx;
color: #788298; color: #555;
} }
.my-head-vip{ .my-head-vip{
width: 28rpx; width: 28rpx;

View File

@ -453,18 +453,19 @@
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 4rpx; margin-top: 4rpx;
margin-right: 15rpx;
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 28px; line-height: 28px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right:14rpx; right:26rpx;
top: 25rpx; top: 25rpx;
height: 29px !important; height: 29px !important;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 240px; width: 230px;
border-radius: 31rpx; border-radius: 31rpx;
position: relative; position: relative;
} }
@ -511,7 +512,7 @@
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
color: #171717; color: #171717;
margin-top: 16rpx; margin-top: 14rpx;
} }
.service-head-top-left{ .service-head-top-left{
display: flex; display: flex;

View File

@ -300,12 +300,14 @@
font-size: 30rpx; font-size: 30rpx;
} }
.seckill-rob{ .seckill-rob{
width: 30%; width:50%;
height: 60rpx; height: 60rpx;
background: linear-gradient(90deg, #fb2d30, #fc2e37); background:#fb2d30 url('../../static/seckill4-1.png');
text-align: center; background-size: 40% 100%;
background-repeat: no-repeat;
line-height: 60rpx; line-height: 60rpx;
border-radius: 0 10rpx 10rpx 0; border-radius: 0 10rpx 10rpx 0;
text-indent: 70rpx;
} }
.seckill-img{ .seckill-img{
width: 70rpx; width: 70rpx;
@ -480,7 +482,7 @@
} }
/deep/.zp-paging-container-content{ /deep/.zp-paging-container-content{
width: 95%; width: 95%;
margin: 50px auto 0px auto; margin: 45px auto 0px auto;
} }
.fenlei{ .fenlei{
display: flex; display: flex;
@ -513,46 +515,52 @@
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 31px; line-height: 28px;
color: #fff; color: #333;
position: absolute; position: absolute;
right: 0; right:26rpx;
top: 0; top: 20rpx;
margin-top:9.4px; height: 29px !important;
margin-right: 11px;
height: 32px !important;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 150rpx; width: 110rpx;
height: 60rpx; height: 50rpx;
background: #18A689; background: #e4e4e4;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 31px; height: 30px;
border-radius: 15px !important; border-radius: 30px !important;
background-color: #fff !important; background-color: #f4f4f4 !important;
border: 1px solid #E5E5E5; /*border: 1px solid #09a28a;*/
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 4rpx;
margin-right: 15rpx;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 240px; width: 240px;
border-radius: 31rpx; border-radius: 31rpx;
} }
.service-head-top-left image{ .service-head-top-left image{
width: 25px; width: 20px;
height: 30rpx; height: 20rpx;
margin-right: 10px; margin-right:5px;
margin-left: 10rpx;
} }
.service-head-top-left span{ .service-head-top-left span{
width: 180rpx;
height: 60rpx;
background:url('../../static/images/headline.png') 0rpx 26rpx;
background-repeat: no-repeat;
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
color: #171717; color: #171717;
margin-top: 14rpx;
} }
.service-head-top-left{ .service-head-top-left{
display: flex; display: flex;

View File

@ -3,7 +3,7 @@
<view class="header"> <view class="header">
<view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')"> <view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')">
<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVIP"></image> <image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVIP"></image>
<image src="../../static/activate2.png" mode="widthFix" v-if="isVIP"></image> <!--<image src="../../static/activate2.png" mode="widthFix" v-if="isVIP"></image>-->
</view> </view>
<view class="group-buy"> <view class="group-buy">
<view class="group-buy-left"> <view class="group-buy-left">
@ -18,8 +18,7 @@
</view> </view>
<view class="group-buy-right"> <view class="group-buy-right">
<view class="group-text">距结束仅剩</view> <view class="group-text">距结束仅剩</view>
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675" <u-count-down :timestamp="endOfServiceTimer" @change="onCountdownChange"></u-count-down>
font-size="13" separator-size="13" @change="onCountdownChange"></u-count-down>
<!-- <uni-countdown :show-day="false" :font-size="13" :day="day" :hour="hours" :minute="minutes" :second="seconds" /> --> <!-- <uni-countdown :show-day="false" :font-size="13" :day="day" :hour="hours" :minute="minutes" :second="seconds" /> -->
<!-- <view><span>08</span>:<span>08</span>:<span>08</span></view> --> <!-- <view><span>08</span>:<span>08</span>:<span>08</span></view> -->
</view> </view>
@ -50,9 +49,9 @@
</view> </view>
</view> </view>
<view class="teamwork-plate" v-if="ordersData!=''&&newTime>0"> <view class="teamwork-plate" v-if="ordersData!=''&&newTime>0">
<view class="teamwork-list">{{mainData.buyGroupNum}}人在拼团可直接参与</view>
<view class=" flex teamwork-line" v-for="(itema,index) in ordersData" :key="index"> <view class=" flex teamwork-line" v-for="(itema,index) in ordersData" :key="index">
<view> <view>
<view>{{mainData.buyGroupNum}}人在拼团可直接参与</view>
<view v-for="(itemL,indexL) in itema.orderList" :key="indexL" class="avatar"> <view v-for="(itemL,indexL) in itema.orderList" :key="indexL" class="avatar">
<image style="width: 30px; height: 30px; border-radius:50%;" :src="itemL.avatar"></image> <image style="width: 30px; height: 30px; border-radius:50%;" :src="itemL.avatar"></image>
<span>{{itemL.phone}}</span> <span>{{itemL.phone}}</span>
@ -61,8 +60,7 @@
<view class="flex" style="align-items: center;"> <view class="flex" style="align-items: center;">
<view class="teamwork-se"> <view class="teamwork-se">
<view>还差<span class="team-text">{{itema.lessNum}}</span>拼成</view> <view>还差<span class="team-text">{{itema.lessNum}}</span>拼成</view>
<view>剩余<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675" <view>剩余<u-count-down :timestamp="endOfServiceTimer" @change="onCountdownChange"></u-count-down></view>
font-size="13" separator-size="13" @change="onCountdownChange"></u-count-down></view>
</view> </view>
<view class="teamwork-button" :class="[newTime<=0?'hBtn':'aBtn']" @click="goumai(mainData,itema.groupNo)" v-if="mainData.isNewer!='1'&&newTime>0">去拼团</view> <view class="teamwork-button" :class="[newTime<=0?'hBtn':'aBtn']" @click="goumai(mainData,itema.groupNo)" v-if="mainData.isNewer!='1'&&newTime>0">去拼团</view>
</view> </view>
@ -258,6 +256,10 @@
} }
</script> </script>
<style scoped> <style scoped>
.teamwork-list{
font-size: 30rpx;
padding: 10rpx 0;
}
.avatar{ .avatar{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -837,7 +839,7 @@
} }
.header-bottom-title-num span:nth-child(2){ .header-bottom-title-num span:nth-child(2){
font-weight: bold; font-weight: bold;
color: #08A28A; color: #f52b1b;
} }
.header-bottom-title-num span:nth-child(3){ .header-bottom-title-num span:nth-child(3){
color: #848485; color: #848485;
@ -913,32 +915,35 @@
padding: 30rpx 30rpx; padding: 30rpx 30rpx;
background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52)); background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52));
display: flex; display: flex;
justify-content: space-between;
} }
.group_amount{ .group_amount{
color: #fff; color: #fff;
display: flex;
align-items: flex-end;
} }
.group_amount span:nth-child(2){ .group_amount span:nth-child(2){
font-size: 50rpx; font-size: 80rpx;
font-weight: bold; font-weight: bold;
line-height:68rpx;
} }
.group-rule{ .group-rule{
display: flex; display: flex;
flex-direction:column; flex-direction:column;
align-items: center; align-items: center;
margin-left: 10rpx;
} }
.group-rule span:nth-child(1){ .group-rule span:nth-child(1){
color: #fff; color: #fff;
font-size:22rpx; font-size:24rpx;
text-decoration: line-through; text-decoration: line-through;
} }
.group-rule span:nth-child(2){ .group-rule span:nth-child(2){
text-align: center; text-align: center;
padding: 2rpx 15rpx; padding: 1rpx 8rpx;
background:#fff; background:#fff;
color: #ed4b3e; color: #ed4b3e;
font-size: 24rpx; font-size: 22rpx;
border-radius: 3rpx; border-radius: 6rpx;
} }
.group-buy-right{ .group-buy-right{
width: 34%; width: 34%;
@ -977,16 +982,16 @@
} }
.teamwork-line{ .teamwork-line{
display: flex; display: flex;
padding: 15rpx 0; padding:14rpx 12rpx;
justify-content: space-between; justify-content: space-between;
} }
.teamwork-button{ .teamwork-button{
padding: 2rpx 15rpx; padding: 2rpx 15rpx;
/* background:#ed4b3e ; */ /* background:#ed4b3e ; */
color:#fff; color:#fff;
height: 50rpx; height: 60rpx;
line-height: 50rpx; line-height: 58rpx;
margin-top: 15rpx; margin-top: 10rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-left: 15rpx; margin-left: 15rpx;
} }
@ -994,12 +999,13 @@
color: #ed4b3e; color: #ed4b3e;
} }
.teamwork-se{ .teamwork-se{
width: 300rpx;
font-size: 24rpx; font-size: 24rpx;
text-align: center; text-align: left;
margin-top: 6rpx; padding: 2rpx 0;
} }
.tewmwork-prompt{ .tewmwork-prompt{
font-size: 24rpx; font-size: 22rpx;
color: #ed4b3e; color: #ed4b3e;
margin-top: 12rpx; margin-top: 12rpx;
} }
@ -1010,10 +1016,10 @@
.tewmork-key span{ .tewmork-key span{
height: 30rpx; height: 30rpx;
line-height: 30rpx; line-height: 30rpx;
padding: 0 8rpx; padding: 4rpx 14rpx;
font-size: 20rpx; font-size: 22rpx;
border: 1px #ed4b3e solid ; background: linear-gradient(90deg, #feeaf4, #fef0f0, #fdf2ec);
color: #ed4b3e; color: #f52b1b;
border-radius: 6rpx; border-radius: 6rpx;
margin-right: 6rpx; margin-right: 6rpx;
margin-top: 6rpx; margin-top: 6rpx;

View File

@ -50,7 +50,12 @@
<view class="item-view"> <view class="item-view">
<view class="view-cata"> <view class="view-cata">
<view class="item-view-title">{{item.title}}</view> <view class="item-view-title">{{item.title}}</view>
<span class="xiaoer item-view-biao">{{item.classifyName}}</span> </view>
<view class="flex" style="margin-top: 10rpx;">
<view class="xiaoer item-view-biao">{{item.classifyName}}</view>
<view class="shop_label" v-if="tagsData">
<span v-for="tag in tagsData" :key="tag">{{tag}}</span>
</view>
</view> </view>
<view class="item-view-bottom-qian"> <view class="item-view-bottom-qian">
<span></span> <span></span>
@ -58,15 +63,13 @@
<!-- <span>/{{item.serviceCount}}</span> --> <!-- <span>/{{item.serviceCount}}</span> -->
<span>{{item.oldPrice}}</span> <span>{{item.oldPrice}}</span>
</view> </view>
<view class="shop_label" v-if="tagsData">
<span v-for="tag in tagsData" :key="tag">{{tag}}</span>
</view>
<view class="item-view-bottom"> <view class="item-view-bottom">
<view class="item-view-xiangmu"> <view class="item-view-xiangmu">
<span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span> <span>已售</span><span>{{item.sales}} <!-- | 好评{{item.esteemRate}}% --></span>
</view> </view>
<view class="item-view-bottom-btn"> <view class="item-view-bottom-btn">
查看 开抢
</view> </view>
</view> </view>
</view> </view>
@ -330,8 +333,10 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.item-view-biao{ .item-view-biao{
padding: 1px 5px; padding: 1px 8px;
border-radius: 15rpx 3rpx 15rpx 3rpx; border-radius: 10rpx 3rpx 10rpx 3rpx;
font-size: 22rpx;
margin-right: 10rpx;
} }
.tuina{ .tuina{
background-color:#d1f2df; background-color:#d1f2df;
@ -358,6 +363,13 @@
color: #999; color: #999;
margin-right: 5rpx; margin-right: 5rpx;
} }
.shop_label{
padding: 1rpx 8rpx;
background:#d9ffee ;
color: #019C88;
font-size: 22rpx;
border-radius: 30rpx;
}
.item-view-xiangmu{ .item-view-xiangmu{
width: 100%; width: 100%;
display: flex; display: flex;
@ -368,7 +380,7 @@
} }
.item-view-title{ .item-view-title{
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 31rpx;
color: #333333; color: #333333;
overflow: hidden; overflow: hidden;
} }
@ -475,7 +487,7 @@
line-height: 28px; line-height: 28px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right:14rpx; right:26rpx;
top: 25rpx; top: 25rpx;
height: 29px !important; height: 29px !important;
} }
@ -497,6 +509,7 @@
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 4rpx; margin-top: 4rpx;
margin-right: 15rpx;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 230px; width: 230px;
@ -538,6 +551,7 @@
.view-cata{ .view-cata{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: left;
flex-direction: column;
} }
</style> </style>

View File

@ -3,7 +3,7 @@
<view class="header"> <view class="header">
<view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')"> <view class="header-top" :style="backgroundStyle" @click="goNav('/my/vip/index')">
<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVIP"></image> <image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-if="!isVIP"></image>
<image src="../../static/activate2.png" mode="widthFix" v-if="isVIP"></image> <!--<image src="../../static/activate2.png" mode="widthFix" v-if="isVIP"></image>-->
</view> </view>
<view class="group-buy"> <view class="group-buy">
<view class="group-buy-left"> <view class="group-buy-left">

View File

@ -19,7 +19,7 @@
<template slot="content"> <template slot="content">
<!-- 升级订单 --> <!-- 升级订单 -->
<view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)"> <view class="item" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<view class="flex justify-between"> <view class="flex justify-between st-title">
<view class="flex align-center profile-img"> <view class="flex align-center profile-img">
<image src="../../static/logo.png" style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;"> <image src="../../static/logo.png" style="width: 55rpx;height: 55rpx;border: 1px solid#d7f2ee;border-radius: 50%;">
@ -39,8 +39,8 @@
<!-- <view class="u-tips-color">{{item.createTime}}</view> --> <!-- <view class="u-tips-color">{{item.createTime}}</view> -->
</view> </view>
<view class="margin-top-sm" style="width: 100%;height: 1rpx;background: #f7f7f7;"></view> <view class="margin-top-sm"></view>
<view class=" u-flex u-p-t-30" v-if="item.ordersMassageList[0].userPackageDetail==null"> <view class=" u-flex" v-if="item.ordersMassageList[0].userPackageDetail==null">
<view class="u-m-r-10"> <view class="u-m-r-10">
<image :src="item.ordersMassageList[0].massageType.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image> <image :src="item.ordersMassageList[0].massageType.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view> </view>
@ -60,7 +60,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class=" u-flex u-p-t-30" v-else> <view class=" u-flex" v-else>
<view class="u-m-r-10"> <view class="u-m-r-10">
<image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image> <image :src="item.ordersMassageList[0].userPackageDetail.massageImg" mode="" style="height: 155rpx;width: 155rpx;flex: 0 0 155rpx;"></image>
</view> </view>
@ -187,6 +187,9 @@
</script> </script>
<style scoped> <style scoped>
.st-title{
padding-top:20rpx;
}
.dingdan-cont{ .dingdan-cont{
width: 100%; width: 100%;
display: flex; display: flex;
@ -377,8 +380,8 @@
height: 140px; height: 140px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 21rpx; border-radius: 21rpx;
padding: 0px 5px; padding: 0px 12px;
margin: 20px auto 0px auto; margin: 20rpx auto 0px auto;
} }
.item-detail { .item-detail {
@ -436,46 +439,50 @@
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 31px; line-height: 28px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right: 0; right:14rpx;
top: 0; top: 25rpx;
margin-top:9.4px; height: 29px !important;
margin-right: 11px;
height: 32px !important;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 101rpx; width: 110rpx;
height: 60rpx; height: 50rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 31px; height: 30px;
border-radius: 15px !important; border-radius: 30px !important;
background-color: #fff !important; background-color: #fff !important;
border: 2px solid #E5E5E5; border: 1px solid #09a28a;
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 4rpx;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 240px; width: 240px;
border-radius: 31rpx; border-radius: 31rpx;
} }
.service-head-top-left image{ .service-head-top-left image{
width: 25px; width: 20px;
height: 30rpx; height: 20rpx;
margin-right: 10px; margin-right:5px;
margin-left: 10rpx;
} }
.service-head-top-left span{ .service-head-top-left span{
width: 180rpx;
height: 60rpx;
background:url('../../static/images/headline.png') 0rpx 26rpx;
background-repeat: no-repeat;
font-weight: bold; font-weight: bold;
font-size: 44rpx; font-size: 34rpx;
color: #171717; color: #171717;
margin-top: 16rpx;
} }
.service-head-top-left{ .service-head-top-left{
display: flex; display: flex;
@ -490,7 +497,8 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: #fff; background: linear-gradient(60deg,rgba(115, 212, 183, 0.2),rgba(227, 251, 244, 0.1),rgba(193, 236, 223, 0.35));
border-bottom:1rpx solid #c4ede1;
} }
</style> </style>

View File

@ -41,7 +41,7 @@
</u-avatar> </u-avatar>
</view> </view>
<view class="u-flex-1" style="margin-left: 20rpx;"> <view class="u-flex-1" style="margin-left: 20rpx;">
<view class="text-bold u-line-1" style="width: 560rpx;"> <view class="text-bold u-line-1">
<view class=" text-lg " <view class=" text-lg "
style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> style="font-size: 32rpx;margin-top: 0rpx;display: inline-block;width: 470rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
{{item.ordersMassageList[0].massageType?item.ordersMassageList[0].massageType.title:item.ordersMassageList[0].userPackageDetail.title}} {{item.ordersMassageList[0].massageType?item.ordersMassageList[0].massageType.title:item.ordersMassageList[0].userPackageDetail.title}}
@ -83,7 +83,7 @@
</view> </view>
<view class="showBtn" v-if="item.status ==2"> <view class="showBtn" v-if="item.status ==2">
<u-button <u-button v-if="item.cancelBtnShow == 'true'"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns xianshi" class="btns xianshi"
@click="cancelOrder(item)"> @click="cancelOrder(item)">
@ -95,7 +95,7 @@
修改订单 修改订单
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
@ -109,19 +109,19 @@
去投诉 去投诉
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
<view class="showBtn" v-if="item.status ==4"> <view class="showBtn" v-if="item.status ==4">
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
<view class="showBtn" v-if="item.status ==5"> <view class="showBtn" v-if="item.status ==5">
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
@ -129,15 +129,21 @@
<view class="gengduo" @click.stop="gengBtn(index)" v-show="item.status ==6||item.status ==1"> <view class="gengduo" @click.stop="gengBtn(index)" v-show="item.status ==6||item.status ==1">
更多 更多
</view> </view>
<view class="gengduoShow"> <view class="gengduoShow" v-if="item.earlyFinishReason==null">
<u-button <u-button
v-if="item.addNum==null&&item.isSupplement==null&&item.isSupplement!=2" v-if="item.addNum==null&&item.isSupplement==null"
:custom-style="customStyle" shape="circle" :plain="true"
class="btns"
@click="goNav('/my/order/pay?ordersId='+item.ordersId,item)">
服务升级
</u-button>
<u-button
v-else-if="item.addNum==null&&item.isSupplement!=2"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns" class="btns"
@click="goNav('/my/order/pay?ordersId='+item.ordersId,item)"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)">
服务升级 服务升级
</u-button> </u-button>
<u-button :custom-style="customStyle1" class="btns" shape="circle" :plain="true" <u-button :custom-style="customStyle1" class="btns" shape="circle" :plain="true"
@click="goNav('/my/wallet/index?artificerId='+item.artificerId+'&ordersId='+item.ordersId,item)"> @click="goNav('/my/wallet/index?artificerId='+item.artificerId+'&ordersId='+item.ordersId,item)">
充值 充值
@ -147,13 +153,17 @@
加钟 加钟
</u-button> </u-button>
</view> </view>
<view class="gengduoShow" v-else>
<u-button :custom-style="customStyle1" class="btns" shape="circle" :plain="true"
@click="goNav('/my/wallet/index?artificerId='+item.artificerId+'&ordersId='+item.ordersId,item)">
充值
</u-button>
</view>
<view class="showBtn-view" v-if="gengBtnShow==true" :style="gengNum==index?{display:'inline-block'}:{display:'none'}"> <view class="showBtn-view" v-if="gengBtnShow==true" :style="gengNum==index?{display:'inline-block'}:{display:'none'}">
<view @click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="gengduoBtn"> <view @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="gengduoBtn">
联系客服 联系客服
</view> </view>
<view v-if="item.addNum==null&&item.oldOrdersId==null" <view v-if="item.cancelBtnShow == 'true'"
@click="cancelOrder(item)" class="gengduoBtn"> @click="cancelOrder(item)" class="gengduoBtn">
取消订单 取消订单
</view> </view>
@ -181,7 +191,7 @@
</view> </view>
</view> </view>
<view class="showBtn" v-if="item.status ==7"> <view class="showBtn" v-if="item.status ==7">
<u-button <u-button v-if="item.cancelBtnShow == 'true'"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns xianshi" class="btns xianshi"
@click="cancelOrder(item)"> @click="cancelOrder(item)">
@ -193,12 +203,12 @@
修改订单 修改订单
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
<view class="showBtn" v-if="item.status ==8"> <view class="showBtn" v-if="item.status ==8">
<u-button <u-button v-if="item.cancelBtnShow == 'true'"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns xianshi" class="btns xianshi"
@click="cancelOrder(item)"> @click="cancelOrder(item)">
@ -210,12 +220,12 @@
修改订单 修改订单
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
<view class="showBtn" v-if="item.status ==9"> <view class="showBtn" v-if="item.status ==9">
<u-button <u-button v-if="item.cancelBtnShow == 'true'"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns xianshi" class="btns xianshi"
@click="cancelOrder(item)"> @click="cancelOrder(item)">
@ -226,12 +236,12 @@
拒单详情 拒单详情
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
<view class="showBtn" v-if="item.status ==10"> <view class="showBtn" v-if="item.status ==10">
<u-button <u-button v-if="item.cancelBtnShow == 'true'"
:custom-style="customStyle" shape="circle" :plain="true" :custom-style="customStyle" shape="circle" :plain="true"
class="btns xianshi" class="btns xianshi"
@click="cancelOrder(item)"> @click="cancelOrder(item)">
@ -246,7 +256,7 @@
立即预约 立即预约
</u-button> </u-button>
<u-button :custom-style="customStyle1" shape="circle" :plain="true" <u-button :custom-style="customStyle1" shape="circle" :plain="true"
@click="goNav('/my/order/pay?ordersId='+item.ordersId)" class="btnsH xianshi"> @click="goNav('/my/order/pay?ordersId='+item.ordersId,item)" class="btnsH xianshi">
联系客服 联系客服
</u-button> </u-button>
</view> </view>
@ -518,24 +528,43 @@
page: this.page, page: this.page,
limit: this.limit limit: this.limit
} }
// selectOrdersList // selectOrdersList
this.$Request.get('/app/artificer/selectAppOrdersList', data).then(res => { this.$Request.get('/app/artificer/selectAppOrdersList', data).then(res => {
if (res.code == 0) { if (res.code == 0) {
uni.hideLoading(); uni.hideLoading();
if (this.page == 1) this.goods = []; // if (this.page == 1) this.goods = []; //
this.goods = [...this.goods, ...res.data.list]; // this.goods = [...this.goods, ...res.data.list]; //
var timestamp = this.timeToMilliseconds(this.getCurrentTime); // var timestamp = this.timeToMilliseconds(this.getCurrentTime);
var timestamp = (new Date()).getTime();
var twoTime=2* 60 * 60 * 1000; var twoTime=2* 60 * 60 * 1000;
var fifteenTime = 15 * 60 * 1000; // 15
var time=''; var time='';
for(var i=0;i<this.goods.length;i++){ for(var i=0;i<this.goods.length;i++){
time=this.timeToMilliseconds(this.goods[i].serveTime.slice(11, 16)) // time=this.timeToMilliseconds(this.goods[i].serveTime.slice(11, 16))
time= new Date(this.goods[i].serveTime).getTime()
if(time - timestamp>twoTime){ if(time - timestamp>twoTime){
this.$set(this.goods[i], 'btnShow', 'true') this.$set(this.goods[i], 'btnShow', 'true')
}else{ }else{
this.$set(this.goods[i], 'btnShow', 'false') this.$set(this.goods[i], 'btnShow', 'false')
} }
if(timestamp-time<fifteenTime){
this.$set(this.goods[i], 'cancelBtnShow', 'true')
}else{
this.$set(this.goods[i], 'cancelBtnShow', 'false')
}
if(this.goods[i].cancelBtnShow == 'true'){
if(this.goods[i].addNum == null){
if(this.goods[i].isSupplement == null){
this.$set(this.goods[i], 'cancelBtnShow', 'true')
}else{
this.$set(this.goods[i], 'cancelBtnShow', 'false')
}
}else{
this.$set(this.goods[i], 'cancelBtnShow', 'false')
}
}
} }
console.log("this.goods[i].serveTime.slice(15, 16)",this.goods) console.log("this.goods[i].serveTime.slice(15, 16)",this.goods)
} }
@ -823,13 +852,13 @@
onReachBottom: function() { onReachBottom: function() {
this.page = this.page + 1; this.page = this.page + 1;
this.getOrderList(); this.getOrderList();
console.log("asd",this.totalCount) // console.log("asd",this.totalCount)
if (this.totalCount==undefined&&this.orderList!='') { // if (this.totalCount==undefined&&this.orderList!='') {
uni.showToast({ // uni.showToast({
title: '已经到底了~', // title: '~',
icon: 'none' // icon: 'none'
}) // })
} // }
}, },
onPullDownRefresh: function() { onPullDownRefresh: function() {
this.page = 1; this.page = 1;
@ -1001,7 +1030,7 @@
width: 164rpx !important; width: 164rpx !important;
border-radius: 23rpx !important; border-radius: 23rpx !important;
font-size: 30rpx!important; font-size: 30rpx!important;
} }
.text-green span:nth-child(1){ .text-green span:nth-child(1){
font-weight: 400; font-weight: 400;
font-size: 25rpx; font-size: 25rpx;

View File

@ -424,46 +424,53 @@
} }
.search-btn{ .search-btn{
text-align: center; text-align: center;
line-height: 31px; line-height: 28px;
color: #fff; color: #fff;
position: absolute; position: absolute;
right: 0; right:26rpx;
top: 0; top: 25rpx;
margin-top:9.4px; height: 29px !important;
margin-right: 11px;
height: 32px !important;
} }
/deep/.uni-searchbar__box-icon-search,.search-btn{ /deep/.uni-searchbar__box-icon-search,.search-btn{
width: 150rpx; width: 110rpx;
height: 60rpx; height: 50rpx;
background: #18A689; background: #18A689;
border-radius: 31rpx; border-radius: 31rpx;
} }
/deep/.uni-searchbar__box{ /deep/.uni-searchbar__box{
height: 31px; height: 30px;
border-radius: 15px !important; border-radius: 30px !important;
background-color: #fff !important; background-color: #fff !important;
border: 1px solid #E5E5E5; border: 1px solid #09a28a;
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-flow: row-reverse; flex-flow: row-reverse;
position: relative; position: relative;
margin-top: 10rpx;
margin-right: 15rpx;
} }
/deep/.uni-searchbar{ /deep/.uni-searchbar{
width: 240px; width: 230px;
border-radius: 31rpx; border-radius: 31rpx;
position: relative;
} }
.service-head-top-left image{ .service-head-top-left image{
width: 25px; width: 20px;
height: 30rpx; height: 20rpx;
margin-right: 10px; margin-right:5px;
margin-left: 10rpx;
} }
.service-head-top-left span{ .service-head-top-left span{
width: 180rpx;
height: 60rpx;
background:url('../../static/images/headline.png') 0rpx 26rpx;
background-repeat: no-repeat;
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
color: #171717; color: #171717;
margin-top: 14rpx;
} }
.service-head-top-left{ .service-head-top-left{
display: flex; display: flex;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 405 KiB

After

Width:  |  Height:  |  Size: 313 KiB

BIN
static/background-img5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
static/seckill4-1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
static/seckill4-2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -107,17 +107,17 @@ export default {
// //
color: { color: {
type: String, type: String,
default: '#303133' default: '#fff'
}, },
// rpx // rpx
fontSize: { fontSize: {
type: [Number, String], type: [Number, String],
default: 30 default:26
}, },
// //
bgColor: { bgColor: {
type: String, type: String,
default: '#fff' default: '#222222'
}, },
// rpx // rpx
height: { height: {
@ -132,7 +132,7 @@ export default {
// //
borderColor: { borderColor: {
type: String, type: String,
default: '#303133' default: '#e83530'
}, },
// //
showSeconds: { showSeconds: {

View File

@ -102,7 +102,7 @@ class Request {
constructor() { constructor() {
this.config = { this.config = {
// baseUrl: 'https://admin.sjajk.com/', // 请求的根域名//生产需替换 // baseUrl: 'https://admin.sjajk.com/', // 请求的根域名//生产需替换
// baseUrl: 'http://192.168.2.15:8187/', // baseUrl: 'http://192.168.2.222:8187/',
baseUrl: 'https://sausers.blxinchuang.com/', // 请求的根域名 baseUrl: 'https://sausers.blxinchuang.com/', // 请求的根域名
// baseUrl: 'http://1.92.152.160/', // 请求的根域名 // baseUrl: 'http://1.92.152.160/', // 请求的根域名
// baseUrl: 'http://120.46.52.165/', // 请求的根域名 // baseUrl: 'http://120.46.52.165/', // 请求的根域名