Skip to content

U
uni-pdtravel
Commit 102f1a73 authored by qipeng's avatar qipeng
Browse files
Options

还原版本

parent 78ed0493
Show whitespace changes
Inline Side-by-side
Showing with 20 additions and 241 deletions
pages/my/order/electronicTicket/electronicTicket.vue
View file @ 102f1a73
<template>
<view class="page-box">
<view class="order-titleTips" v-if="orderInfo.channelType==8">
温馨提示：如需退票，请向您购票的渠道咨询
</view>
<view class="order-titleTips" v-if="orderInfo.orderStatus==6">
温馨提示：系统将在3个工作日内核实情况，符合退改规则，退款 金额将在3个工作日内原路退还。
</view>
<view class="order-status">
<view class="status-box">
<template v-if="orderInfo.channelType==8">
......@@ -15,7 +9,19 @@
</template>
<template v-else>
<view class="status-type">
<view class="status-type" v-if="orderInfo.orderStatus==2">
<!-- <template v-if="orderInfo.orderType==1">
出票成功
</template>
<template v-else-if="orderInfo.orderType==2">
预订成功
</template>
<template v-else-if="orderInfo.orderType==3">
预订成功
</template>
<template v-else-if="orderInfo.orderType==4">
购买成功
</template> -->
{{orderInfo.orderStatus|orderStatus1}}
</view>
<!-- {{orderInfo.merchantName}}（{{orderInfo.productName}}） -->
......@@ -24,35 +30,6 @@
</view>
</view>
<view class="order-unsubscribe" v-if="orderInfo.orderStatus==3||orderInfo.orderStatus==6||orderInfo.orderStatus==7||orderInfo.orderStatus==8">
<view class="unsubscribe-title" :class="unsubscribeType==true?'unsubscribe-title2':''" @click="unsubscribeUpDownFun()">
<view class="title-name">退订详情</view>
<view class="title-right">
<view class="right-name">查看详情</view>
<u-icon name="arrow-down" color="#3688FF" size="24" v-if="unsubscribeType==false"></u-icon>
<u-icon name="arrow-up" color="#3688FF" size="24" v-else></u-icon>
</view>
</view>
<view class="unsubscribe-timeline" v-if="unsubscribeType">
<view class="timeline-list" v-for="(item,index) in timelineList" :key="index">
<view class="list-box">
<view class="list-line"></view>
<view class="list-line2"></view>
<view class="list-markers">
<u-icon name="checkbox-mark" color="#FFFFFF" size="16"></u-icon>
</view>
<view class="list-markersBig">
<view class="markersBig-In"></view>
</view>
</view>
<view class="list-case">
<view class="case-name">{{item.name}}</view>
<view class="case-text">{{item.message}}</view>
<view class="case-timer">{{item.timer}}</view>
</view>
</view>
</view>
</view>
<template v-if="orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==2||orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==2">
<view class="order-certificate order-allType order-positionTop" :class="orderInfo.orderStatus==6?'order-positionTopAct':''" >
<!-- <view class="alltype-title">
......@@ -340,10 +317,10 @@
</template>
<template v-else-if="orderInfo.isRefund==2">随时可退</template>
<template v-if="ticketStatus">
<view class="list-btnRefund" v-if="orderInfo.orderStatus==2&&orderInfo.isRefund!=0&&ticketStatus==0" @click="refundJump(orderInfo.id)">退订</view>
<view class="list-btnRefund" v-if="orderInfo.orderStatus==2&&orderInfo.isRefund!=0&&ticketStatus==0" @click="refundJump(orderInfo.id)">退款/售后</view>
</template>
<template v-else>
<view class="list-btnRefund" v-if="orderInfo.orderStatus==2&&orderInfo.isRefund!=0" @click="refundJump(orderInfo.id)">退订</view>
<view class="list-btnRefund" v-if="orderInfo.orderStatus==2&&orderInfo.isRefund!=0" @click="refundJump(orderInfo.id)">退款/售后</view>
</template>
</view>
......@@ -408,10 +385,10 @@ export default {
return '退款中'
break
case 7:
return '部分退款'
return '部分退退货退款'
break
case 8:
return '全部退款'
return '全部退退货退款'
break
case 9:
return '取消'
......@@ -579,29 +556,6 @@ export default {
photoType:false,//是否显示优惠券
claimStatus:1,//领取状态 0未领取 1已领取
findCouponPhoto:{},//相册优惠券
unsubscribeType:false,//头部 退订详情 收起/展开
timelineList:[
{
name:'退订来源',
message:'系统',
timer:'2023/09/05 17:42:32',
},
{
name:'退订原因',
message:'购买门票次数超过今日上限（每日限购 2 次）',
timer:'2023/09/05 17:42:32',
},
{
name:'退订结果',
message:'退订成功',
timer:'2023/09/05 17:42:32',
},
{
name:'退款进度',
message:'￥60.00 已原路退回',
timer:'2023/09/05 17:42:32',
},
],//退单进程
}
},
onShow() {
......@@ -659,13 +613,6 @@ export default {
})
},
methods: {
unsubscribeUpDownFun(){//头部订单详情开关
if(this.unsubscribeType==false){
this.unsubscribeType=true
}else{
this.unsubscribeType=false
}
},
toMyCoupon(){//跳转我的优惠券
uni.navigateTo({
url:'/pages/my/couponCenter/myCouponList/myCouponList'
......@@ -789,9 +736,6 @@ export default {
// clearInterval(timer)
// })
}
if(this.orderInfo.orderStatus==3||this.orderInfo.orderStatus==6||this.orderInfo.orderStatus==7||this.orderInfo.orderStatus==8){
this.unsubscribeType = true
}
this.findCouponListFun()
}else{
uni.showToast({
......@@ -1098,12 +1042,9 @@ export default {
this.countTime(timer)
},1000)
},
refundJump(id){//-------------------退订跳转
// uni.reLaunch({
// url: '/pages/my/order/afterSale/applyAfterSale/applyAfterSale?orderId='+id+'&ifyukuaiCode='+this.ifyukuaiCode
// })
refundJump(id){//-------------------景区跳转
uni.reLaunch({
url: '/pages/my/applyUnsubscription/applyUnsubscription?orderId='+id+'&ifyukuaiCode='+this.ifyukuaiCode
url: '/pages/my/order/afterSale/applyAfterSale/applyAfterSale?orderId='+id+'&ifyukuaiCode='+this.ifyukuaiCode
})
},
returnMini(){
......@@ -1149,7 +1090,7 @@ export default {
}
.order-status {
width: 750rpx;
max-height: 464rpx;
height: 464rpx;
background: linear-gradient(180deg, #3688FF 0%, #3688FF 37%, #ECF3FE 100%);
padding: 48rpx 32rpx 32rpx 40rpx;
box-sizing: border-box;
......@@ -1660,166 +1601,4 @@ export default {
}
}
}
/*头部提示*/
.order-titleTips{
padding: 16rpx 32rpx 16rpx 32rpx;
color: #FC771D;
font-size: 24rpx;
line-height: 34rpx;
background: #FFF1E8;
}
/*退订详情*/
.order-unsubscribe{
width: 710rpx;
background-color: #fff;
box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 0, 0, 0.04);
border-radius: 16rpx 16rpx 16rpx 16rpx;
padding: 0 24rpx 0 24rpx;
margin: 0 auto 16rpx auto;
overflow: hidden;
.unsubscribe-title{
display: flex;
justify-content: space-between;
border-bottom: 2rpx solid #ECECEC;
.title-name{
font-size: 24rpx;
font-weight: bold;
color: #FC771D;
line-height: 82rpx;
}
.title-right{
display: flex;
font-size: 24rpx;
color: #3688FF;
line-height: 82rpx;
.right-name{
margin-right: 5rpx;
}
/deep/ .u-icon__icon{
top: 5rpx !important;
}
}
}
.unsubscribe-title2{
margin-bottom: 24rpx;
}
.unsubscribe-timeline{
.timeline-list{
position: relative;
padding-bottom: 40rpx;
padding-left: 48rpx;
.list-box{
width: 32rpx;
margin: auto;
position: absolute;
left: 0rpx;
top: 0;
bottom: 0;
}
.list-line{
width: 2rpx;
background-color: #ECECEC;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
}
.list-markers{
width: 16rpx;
height: 16rpx;
background-color: #999999;
border-radius: 25rpx;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 12rpx;
z-index: 11;
/deep/ u-icon{
position: absolute;
top: 0;
left: 0;
}
}
.list-case{
.case-name{
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
margin-bottom: 16rpx;
}
.case-text{
font-size: 24rpx;
font-weight: bold;
color: #333333;
line-height: 34rpx;
margin-bottom: 8rpx;
}
.case-timer{
font-size: 20rpx;
color: #999999;
line-height: 28rpx;
}
}
}
.timeline-list:nth-child(1){
.list-line{
top: 14rpx
}
}
.timeline-list:nth-last-child(1){
padding-bottom: 24rpx;
.list-line{
display: none;
}
.list-line2{
width: 2rpx;
height: 14rpx;
background-color: #ECECEC;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.list-markers{
display: none;
}
.list-markersBig{
width: 32rpx;
height: 32rpx;
background-color: #ADCDFC;
border-radius: 25rpx;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 6rpx;
z-index: 11;
.markersBig-In{
width: 16rpx;
height: 16rpx;
background-color: #3688FF;
border-radius: 25rpx;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 12;
}
}
.list-case{
.case-text{
color: #3688FF;
}
}
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment