|
|
@@ -1,55 +1,134 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar title="优惠券"></u-navbar>
|
|
|
+ <ujp-navbar title="优惠券" :is-back="false" ></ujp-navbar>
|
|
|
<view class="main">
|
|
|
<view class="content">
|
|
|
<view class="img">
|
|
|
<img src="../../assets/img/coupons.png" alt="">
|
|
|
</view>
|
|
|
- <p class="title">亲爱的车友</p>
|
|
|
- <view class="text">
|
|
|
- 您好！因前天荆鹏快充站在做电力调配测试，对您的充电造成了不好的体验，在此我们深表歉意，为此我们赠送您一张体验券，请点击下方查收，欢迎您再次体验我们的充电服务，并为我们的服务提出宝贵意见，最后，祝您生活愉快！
|
|
|
+
|
|
|
+ <view v-html="userMessage.content">
|
|
|
+
|
|
|
</view>
|
|
|
- <view class="sign">
|
|
|
- 51充电联盟荆鹏快充站
|
|
|
- </view>
|
|
|
</view>
|
|
|
<!-- 专享优惠券 -->
|
|
|
<view class="exclusive">
|
|
|
<p>专享优惠券</p>
|
|
|
- <view class="img">
|
|
|
+ <view class="img" v-for="(item,i) in userCouponList" :key="i" >
|
|
|
<img src="../../assets/img/Frame915.png" alt="">
|
|
|
|
|
|
<view class="num">
|
|
|
- 20
|
|
|
+ {{item.value}}
|
|
|
</view>
|
|
|
<view class="unit">元</view>
|
|
|
<view class="ticket-info">
|
|
|
<view class="ticket-name">
|
|
|
- 无门槛充电抵扣券
|
|
|
+ {{item.threshold == 0 ? '无门槛充电抵扣券' : '满'+selectObj.threshold+'元可用'}}
|
|
|
+
|
|
|
</view>
|
|
|
<view class="condition">
|
|
|
- 限荆鹏快充站使用
|
|
|
+ 限{{item.useScopeText}}使用
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
- <button class="btn">领取优惠券</button>
|
|
|
+ <button class="btn" @click="btnCk()" >{{status=='3'?'领取优惠券':'查看'}}</button>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import * as userApi from '@/apis/user.js'
|
|
|
+
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ id:"",
|
|
|
+ userMessage:{},
|
|
|
+ userCouponList:[],
|
|
|
+ status:-1,
|
|
|
}
|
|
|
+ },onLoad(op) {
|
|
|
+ this.id=op.id
|
|
|
+ this.getInfo()
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ getInfo(){
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ userApi.giveCouponDetail({
|
|
|
+ messageId:this.id
|
|
|
+ }).then(response => {
|
|
|
+ uni.hideLoading()
|
|
|
+ this.userMessage=response.data.userMessage
|
|
|
+ this.userCouponList=response.data.userCouponList
|
|
|
+ for(var i in this.userCouponList){
|
|
|
+ var obj=this.userCouponList[i]
|
|
|
+ this.status=obj.status;
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(this.userMessage)
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ btnCk(){
|
|
|
+ if(this.status==3){
|
|
|
+ this.submit()
|
|
|
+ }else{
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/user/coupon/myCoupon'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ submit(){
|
|
|
+
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ userApi.receiveGiveCoupon({
|
|
|
+ messageId:this.id
|
|
|
+ }).then(response => {
|
|
|
+ uni.hideLoading()
|
|
|
+ uni.showModal({
|
|
|
+ title:"提示",
|
|
|
+ content:"领取成功",
|
|
|
+ confirmText:"前往查看",
|
|
|
+ showCancel:true,
|
|
|
+ success(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/user/coupon/myCoupon'
|
|
|
+ })
|
|
|
+ } else if (res.cancel) {
|
|
|
+ console.log('用户点击取消');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log(this.userMessage)
|
|
|
+ this.getInfo()
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
zhengkaixin