Merge branch 'master' of http://47.115.223.229:8888/yangjun/sadjv3_user
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
921
my/order/pay.vue
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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{
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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{
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 405 KiB After Width: | Height: | Size: 313 KiB |
After Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 6.0 KiB |
After Width: | Height: | Size: 3.4 KiB |
After Width: | Height: | Size: 4.3 KiB |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 5.0 KiB |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 1.7 KiB |
|
@ -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: {
|
||||||
|
|
|
@ -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/', // 请求的根域名
|
||||||
|
|