Commit 373ca213 authored by 潘永坪's avatar 潘永坪

Merge branch 'develop' of http://git.tbd.yanzuoguang.com/panyongping/uni-pdtravel into develop

parents 4fb4cde4 ee98a1ce
...@@ -269,6 +269,15 @@ ...@@ -269,6 +269,15 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}
,{
"path" : "applyUnsubscription/applyUnsubscription",
"style" :
{
"navigationBarTitleText": "退订",
"enablePullDownRefresh": false
}
} }
] ]
}, },
......
...@@ -178,6 +178,7 @@ export default { ...@@ -178,6 +178,7 @@ export default {
this.companyId = this.$commonjs.getCompanyId(option)||'' this.companyId = this.$commonjs.getCompanyId(option)||''
//this.companyId = '6da527f930be4aa1904fe17fcb41874f' //this.companyId = '6da527f930be4aa1904fe17fcb41874f'
this.openid = uni.getStorageSync('openid') //获取openid this.openid = uni.getStorageSync('openid') //获取openid
//this.openid = 'oroHZ5B455jLw_BqDmVpr7W13NLY' //获取openid
this.faceIds = JSON.parse(option.faceIds) this.faceIds = JSON.parse(option.faceIds)
this.location = JSON.parse(uni.getStorageSync('location')) this.location = JSON.parse(uni.getStorageSync('location'))
this.merchantId = option.merchantId||'z0015605022691a5945bbe463141668c'// 'z0015605022691a5945bbe463141668c' this.merchantId = option.merchantId||'z0015605022691a5945bbe463141668c'// 'z0015605022691a5945bbe463141668c'
......
<template>
<view class="apply-box">
<!--提示-->
<view class="apply-tips">
同一身份证退票当日仅再购1次,同一身份证一个月累计可购3次
</view>
<view class="apply-ticket general-Box">
<view class="ticket-title">
<view class="title-name">长江索道(往返票/成人票)</view>
<view class="title-num">x2</view>
</view>
<view class="ticket-timer">游玩当日17:00之前未使用可退</view>
</view>
<view class="apply-user general-Box">
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad(option) {
},
methods: {
}
}
</script>
<style scoped="scoped" lang="scss">
.apply-box{
height: 100vh;
background-color: #ECF3FE;
padding: 0rpx 0rpx 122rpx 0rpx;
overflow: auto;
}
.apply-tips{
padding: 12rpx 32rpx 12rpx 32rpx;
font-size: 24rpx;
color: #FC771D;
line-height: 42rpx;
background: #FFF1E8;
margin-bottom: 16rpx;
}
.general-Box{
width: 702rpx;
padding: 0 24rpx 0 24rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 16rpx 2rpx rgba(0,0,0,0.08);
border-radius: 16rpx 16rpx 16rpx 16rpx;
margin: 0 auto 16rpx auto;
}
.apply-ticket{
padding: 32rpx 24rpx 32rpx 24rpx;
.ticket-title{
display: flex;
justify-content: space-between;
margin-bottom: 16rpx;
.title-name{
font-size: 32rpx;
font-weight: bold;
color: #191919;
line-height: 40rpx;
}
.title-num{
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 40rpx;
}
}
.ticket-timer{
font-size: 28rpx;
color: #3688FF;
line-height: 40rpx;
}
}
.apply-user{
}
</style>
...@@ -2,6 +2,13 @@ ...@@ -2,6 +2,13 @@
<view class="page-box"> <view class="page-box">
<view class="order-status"> <view class="order-status">
<view class="status-box"> <view class="status-box">
<template v-if="channelType==1">
<view class="status-type">
携程<text style="font-size: 28rpx;margin-left: 10rpx;">{{orderInfo.merchantName}}{{orderInfo.productName}}</text>
</view>
</template>
<template v-else>
<view class="status-type" v-if="orderInfo.orderStatus==2"> <view class="status-type" v-if="orderInfo.orderStatus==2">
<!-- <template v-if="orderInfo.orderType==1"> <!-- <template v-if="orderInfo.orderType==1">
出票成功 出票成功
...@@ -19,6 +26,8 @@ ...@@ -19,6 +26,8 @@
</view> </view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) --> <!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view class="status-product" v-if="orderInfo.orderStatus==6">款项预计1-7个工作日退回原支付账户</view> <view class="status-product" v-if="orderInfo.orderStatus==6">款项预计1-7个工作日退回原支付账户</view>
</template>
</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"> <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">
...@@ -38,8 +47,7 @@ ...@@ -38,8 +47,7 @@
</view> </view>
<view class="certificate-box" v-else-if="orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5"> <view class="certificate-box" v-else-if="orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5">
<view class="box-verificationCode">验证码:{{ticketCode}}</view> <view class="box-verificationCode">验证码:{{ticketCode}}</view>
<uqrcode ref="uqrcode" canvas-id="qrcode" class="box-QRcode" :class="showtip==false&&showUseRule==false?'':'box-QRcode2'" :value="uqrcodeVal" :options="{ margin: 10 }" ></uqrcode> <uqrcode ref="uqrcode" canvas-id="qrcode" size="200" class="box-QRcode" :value="uqrcodeVal" :options="{ margin: 10 }" ></uqrcode>
<view v-if="howtip==true||showUseRule==true" style="width: 200px; height: 200px;"></view>
<view class="progress-box" v-if="qrCodeType==true"> <view class="progress-box" v-if="qrCodeType==true">
<progress :percent="percentage" activeColor="#3688FF" stroke-width="3" /> <progress :percent="percentage" activeColor="#3688FF" stroke-width="3" />
</view> </view>
...@@ -216,6 +224,19 @@ ...@@ -216,6 +224,19 @@
</template> </template>
</view> </view>
</view> </view>
<view class="order-vouchers" v-if="photoType==true">
<image class="vouchers-img" src="../../../../static/img/my/bookmark.png"></image>
<view class="vouchers-title">恭喜您!获得摄影抵用券{{findCouponPhoto.couponPrice}}元</view>
<view class="vouchers-address">使用地址:长江索道南站观景台旁</view>
<view class="vouchers-btn">
<view class="btn-click" @click="immediateClaim()" v-if="claimStatus==0">立即领取</view>
<view class="btn-click" v-else>已领取</view>
<view class="btn-to" @click="toMyCoupon()">
使用规则
<u-icon name="arrow-right" color="#333333"></u-icon>
</view>
</view>
</view>
<view class="order-mes order-allType order-positionTop"> <view class="order-mes order-allType order-positionTop">
<view class="alltype-title" @click="orderTypeNumFun()"> <view class="alltype-title" @click="orderTypeNumFun()">
<!-- <view class="title-line"> <!-- <view class="title-line">
...@@ -230,7 +251,7 @@ ...@@ -230,7 +251,7 @@
<view class="case-list"> <view class="case-list">
<view class="list-name">订单编号</view> <view class="list-name">订单编号</view>
<view class="list-text list-text2">{{orderInfo.id}}</view> <view class="list-text list-text2">{{orderInfo.id}}</view>
<image class="list-btn" @click="copyText(orderInfo.id)" src="../../../../static/img/my/icon01.png"></image> <image class="list-btn" @click="copyText(orderInfo.id)" src="../../static/orderList/icon01.png"></image>
<!-- <view class="list-btn" @click="copyText(orderInfo.id)">复制</view> --> <!-- <view class="list-btn" @click="copyText(orderInfo.id)">复制</view> -->
</view> </view>
<view class="case-list"> <view class="case-list">
...@@ -317,49 +338,7 @@ ...@@ -317,49 +338,7 @@
</view> </view>
</view> </view>
</view> </view>
<!--抵消券 对应的遮罩-->
<view class="couponBox" @click="showUseRule = true" v-if="couponType">
<image class="coupon" src="../../../../static/img/my/coupon.png"></image>
<text class="coupon-price">
<text class="r-symbol"></text>
{{couponPrice}}
</text>
</view>
<u-mask :show="showtip || showUseRule">
<view class="mask">
<view class="img-box">
<!-- <image src="../../../../static/img/my/postcardTip.png" v-if="showtip"></image>
<image src="../../../../static/img/my/useRule.png" v-if="showUseRule"></image> -->
<view v-if="showtip" class="tips-vouchers">
<view class="vouchers-title">恭喜您!</view>
<view class="vouchers-title2">获得摄影抵用<text>{{couponPrice}}</text></view>
<image class="vouchers-img" src="../../../../static/img/my/bookmark.png"></image>
<view class="vouchers-to" @click="showtipFun()">
使用规则
<u-icon class="to-url" name="arrow-right"></u-icon>
</view>
<view class="vouchers-text">
(使用地址:长江索道南站观景台旁)
</view>
</view>
<view v-if="showUseRule" class="tips-useRule">
<view class="useRule-title">使用规则</view>
<view class="useRule-list">
<view class="list-title">规则说明</view>
<view class="list-text" v-for="(item,index) in couponRule" :key="index">· {{item}}</view>
</view>
<view class="useRule-list">
<view class="list-title">补充说明</view>
<view class="list-text" v-for="(item,index) in couponRuleRemind" :key="index">· {{item}}</view>
</view>
</view>
<image class="coupon-backgruondImg" src="../../../../static/img/my/backgroundIcon01.png" ></image>
<u-icon class="close" name="close-circle" @click="closeMask"></u-icon>
</view>
<u-button type="primary" shape="circle" @click="showtipCloseFun()">知道了</u-button>
</view>
</u-mask>
</view> </view>
</template> </template>
...@@ -563,13 +542,10 @@ export default { ...@@ -563,13 +542,10 @@ export default {
btnRefundType:false,//是否可退款 btnRefundType:false,//是否可退款
ifyukuaiCode:'', ifyukuaiCode:'',
visitorIndex:'',//短信特殊字段 visitorIndex:'',//短信特殊字段
showtip: false,//领取提示 channelType:0,//渠道状态channelType==0 订单列表跳转 ==1 OTA取票跳转
showUseRule: false,//使用规则提示 photoType:false,//是否显示优惠券
couponType:false,//是否拥有相册优惠券 claimStatus:1,//领取状态 0未领取 1已领取
findPageMarketList:[],//券信息 findCouponPhoto:{},//相册优惠券
couponPrice:0,//优惠价格
couponRule:[],//规则说明
couponRuleRemind:[],//补充说明
} }
}, },
onShow() { onShow() {
...@@ -606,6 +582,7 @@ export default { ...@@ -606,6 +582,7 @@ export default {
this.ifyukuaiCode = option.ifyukuaiCode||'' this.ifyukuaiCode = option.ifyukuaiCode||''
//this.id = "z00167956572219584dc15634b62cf75" //this.id = "z00167956572219584dc15634b62cf75"
this.openId = uni.getStorageSync('openid') //openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ this.openId = uni.getStorageSync('openid') //openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this.channelType = option.channelType||0
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ' //this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
this.getDetail() this.getDetail()
}, },
...@@ -627,62 +604,67 @@ export default { ...@@ -627,62 +604,67 @@ export default {
}) })
}, },
methods: { methods: {
showtipFun(){//点击使用规则 toMyCoupon(){//跳转我的优惠券
this.showtip= false//领取提示 uni.navigateTo({
this.showUseRule=true//使用规则提示 url:'/pages/my/couponCenter/myCouponList/myCouponList'
}, })
showtipCloseFun(){//点击使用规则
this.showtip= false//领取提示
this.showUseRule=false//使用规则提示
},
closeMask(){//遮罩关闭
this.showtip= false//领取提示
this.showUseRule= false//使用规则提示
}, },
findPageMarketFun(){//优惠券 immediateClaim(){//立即领取
var userId = uni.getStorageSync('userId') let data={
var data = { openid:this.openId,
pageCode:'orderInfo', createSource:this.findCouponPhoto.isMerchant,
marketingStatus:1, couponId:this.findCouponPhoto.couponId,
openid:this.openId,//用户Id comeFrom:'相册领券',
userId:userId, couponType:this.findCouponPhoto.couponType,
} deductPrice:this.findCouponPhoto.couponPrice,
this.$request('scenic/market/findPageMarket',data).then((res)=>{ useStartDate:this.findCouponPhoto.useStartDate,
useEndDate:this.findCouponPhoto.useEndDate,
couponRule:this.findCouponPhoto.couponRule,
couponRuleRemind:this.findCouponPhoto.couponRuleRemind,
couponName:this.findCouponPhoto.couponName,
createSource:this.findCouponPhoto.isMerchant,
slaveList:this.findCouponPhoto.slaveList
}
this.$request('wechatUser/myPage/saveCoupon',data).then((res)=>{
if(res.code=='00'){ if(res.code=='00'){
this.findPageMarketList = res.data uni.showToast({
// showtip: false,//领取提示 title: '领取成功',
// showUseRule: false,//使用规则提示 icon: 'none'
if(this.findPageMarketList.length>0){ })
this.showtip = true this.claimStatus=1
}
this.getUserCouponListFun()
}else{ }else{
// uni.showToast({ uni.showToast({
// title: res.message, title: res.message,
// icon: 'none' icon: 'none'
// }) })
} }
}).catch(() => {
}) })
}, },
getUserCouponListFun(){//判定券是否使用 findCouponListFun(){//券查询
var data = { let data={
openid:this.openId,//用户Id openid:this.openId,
useRange:11,
} }
this.$request('wechatUser/myPage/getUserCouponList',data).then((res)=>{ this.$request('scenic/user/product/findCouponList',data).then((res)=>{
if(res.code=='00'){ if(res.code=='00'){
res.data.forEach((item,index)=>{ res.data.forEach((item,index)=>{
if(item.useRange==11&&item.couponStatus==1){ if(item.useRange==11){
this.couponType=true this.findCouponPhoto = item
this.couponPrice = item.deductPrice this.claimStatus = 0
this.couponRule = item.couponRule.split(';')//规则说明 if(item.alreadyReceive==undefined||item.alreadyReceive==0){
this.couponRuleRemind = item.couponRuleRemind.split(';')//补充说明 this.claimStatus=0
}else{
this.claimStatus = 1
}
this.photoType = true
} }
}) })
}else{ }else{
uni.showToast({
title: res.message,
icon: 'none'
})
} }
}).catch(() => {
}) })
}, },
orderTypeNumFun(){ orderTypeNumFun(){
...@@ -745,7 +727,7 @@ export default { ...@@ -745,7 +727,7 @@ export default {
// clearInterval(timer) // clearInterval(timer)
// }) // })
} }
this.findPageMarketFun() this.findCouponListFun()
}else{ }else{
uni.showToast({ uni.showToast({
title: res.message, title: res.message,
...@@ -1353,14 +1335,6 @@ export default { ...@@ -1353,14 +1335,6 @@ export default {
width: 200px; width: 200px;
height: 200px; height: 200px;
margin: 0 auto; margin: 0 auto;
position: relative;
}
/deep/ .uqrcode-canvas-wrapper,/deep/ .uqrcode{
margin: 0 auto;
position: relative;
}
/deep/ .uqrcode-canvas{
transform:(1,1)
} }
.order-certificate .certificate-box .box-QRcode2{ .order-certificate .certificate-box .box-QRcode2{
position: fixed; position: fixed;
...@@ -1542,154 +1516,55 @@ export default { ...@@ -1542,154 +1516,55 @@ export default {
color: #999999; color: #999999;
margin-right: 56rpx; margin-right: 56rpx;
} }
/deep/.u-mask { .order-vouchers{
display: flex; width: 710rpx;
justify-content: center; height: 184rpx;
align-items: center; margin: 0 auto 16rpx auto;
} box-shadow: 0rpx 0rpx 16rpx 2rpx rgba(0,0,0,0.08);
.mask { border-radius: 16rpx 16rpx 16rpx 16rpx;
position: relative; padding: 24rpx 32rpx 0 32rpx;
.img-box { background-image: url("../../static/orderList/iconBackground.png");
position: relative; position: relative;
margin-bottom: 32rpx; overflow: hidden;
.close { .vouchers-img{
position: absolute; width: 200rpx;
top: -54rpx; height: 160rpx;
right: 24rpx;
color: #fff;
&::after {
position: absolute; position: absolute;
content: ''; bottom: -15rpx;
top: 24rpx; right: 28rpx;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 32rpx;
border-left: 1px dashed #fff;
}
} }
}
.coupon-backgruondImg {
width: 504rpx;
height: 720rpx;
}
/deep/.u-btn {
width: 304rpx;
}
.tips-vouchers{
width: 100%;
position: absolute;
top: 0;
left: 0;
.vouchers-title{ .vouchers-title{
text-align: center; font-size: 32rpx;
font-size: 36rpx; color: #EE0E0E;
color: #191919;
font-weight: bold;
margin-top: 66rpx;
}
.vouchers-title2{
text-align: center;
font-size: 36rpx;
color: #191919;
text{
color: #EE520E;
font-size: 64rpx;
font-weight: bold; font-weight: bold;
margin: 0 10rpx 0 10rpx; line-height: 44rpx;
} margin-bottom: 8rpx;
}
.vouchers-img{
display: block;
width: 420rpx;
height: 335rpx;
margin: 42rpx auto 42rpx auto;
}
.vouchers-to{
display: flex;
justify-content:center;
font-size: 24rpx;
color: 333333;
line-height: 34rpx;
.to-url{
margin-left: 16rpx;
}
} }
.vouchers-text{ .vouchers-address{
text-align: center;
font-size: 24rpx; font-size: 24rpx;
color: #333333; color: #25434D;
line-height: 34rpx; line-height: 34rpx;
font-weight: bold; margin-bottom: 16rpx;
margin-top: 16rpx;
}
}
.tips-useRule{
width: 100%;
padding: 50rpx 40rpx 32rpx 32rpx;
margin: auto;
overflow: auto;
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
.useRule-title{
font-size: 36rpx;
color: #191919;
font-weight: bold;
text-align: center;
margin-bottom: 48rpx;
} }
.useRule-list{ .vouchers-btn{
margin-bottom: 32rpx; display: flex;
.list-title{ .btn-click{
width: 128rpx; width: 144rpx;
height: 42rpx; height: 42rpx;
background: #000000; background: #EE0E0E;
border-radius: 4rpx 4rpx 4rpx 4rpx; border-radius: 22rpx 22rpx 22rpx 22rpx;
font-size: 24rpx; font-size: 24rpx;
color: #fff; color: #FFFFFF;
text-align: center; text-align: center;
line-height: 42rpx; line-height: 42rpx;
margin-bottom: 24rpx margin-right: 24rpx;
} }
.list-text{ .btn-to{
font-size: 20rpx; display: flex;
line-height: 28rpx;
color: #333333; color: #333333;
margin-bottom: 16rpx; font-size: 20rpx;
} line-height: 42rpx;
.list-text:nth-last-child(1){
margin-bottom: 0;
}
}
}
}
.couponBox{
position: fixed;
right: -30rpx;
bottom: 200rpx;
width: 140rpx;
height: 140rpx;
z-index: 20;
.coupon {
width: 140rpx;
height: 140rpx;
}
.coupon-price {
position: absolute;
bottom: 46rpx;
left: 50%;
transform: translateX(-50%);
font-size: 40rpx;
font-weight: 700;
color: #fff;
} }
.r-symbol {
font-size: 10rpx;
} }
} }
</style> </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