抽奖优化更新
This commit is contained in:
GaoHao
@@ -468,35 +468,13 @@
|
|||||||
tipContent = `恭喜您，获得 ${name}${this.result.type==2?(this.result.number+'元'):''} ！`
|
tipContent = `恭喜您，获得 ${name}${this.result.type==2?(this.result.number+'元'):''} ！`
|
||||||
}
|
}
|
||||||
const _this = this;
|
const _this = this;
|
||||||
uni.showModal({
|
uni.showToast({
|
||||||
content: tipContent,
|
title: tipContent,
|
||||||
showCancel: false,
|
icon: 'none'
|
||||||
success() {
|
|
||||||
const {
|
|
||||||
orderId,
|
|
||||||
id
|
|
||||||
} = _this.result
|
|
||||||
_this.$Request.postJson('app/discSpinning/receive', _this.result).then(res => {
|
|
||||||
_this.result = ''
|
|
||||||
console.log(res)
|
|
||||||
if (res.code == 0) {
|
|
||||||
uni.showToast({
|
|
||||||
title: '领取成功',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
_this.getRedPack()
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: '领取失败',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
complete: () => {
|
|
||||||
this.prizeing = false
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
_this.getRedPack()
|
||||||
|
this.prizeing = false
|
||||||
|
|
||||||
},
|
},
|
||||||
// 抽奖转盘绘制完成
|
// 抽奖转盘绘制完成
|
||||||
handleDrawFinish(res) {
|
handleDrawFinish(res) {
|
||||||
|
|||||||
@@ -1,175 +0,0 @@
|
|||||||
<template>
|
|
||||||
<view>
|
|
||||||
<u-popup v-model="show" mode="center" @close="close">
|
|
||||||
<view class="bg">
|
|
||||||
<view class="title">恭喜您获得</view>
|
|
||||||
<view class="goods">
|
|
||||||
<template v-if="result&&result.type==3">
|
|
||||||
<view class="u-flex u-col-center u-row-center">
|
|
||||||
<image style="height: 42px;" src="/static/red-pack.png" mode="heightFix"></image>
|
|
||||||
</view>
|
|
||||||
<view class="u-flex u-row-center">
|
|
||||||
<view class="type">物品</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
<template v-if="result&&result.type==2">
|
|
||||||
<view class="u-flex color-money u-col-center u-row-center">
|
|
||||||
<view class="money">{{result.number}}</view>
|
|
||||||
<view class="font-bold" style="margin-top: 20rpx;">元</view>
|
|
||||||
</view>
|
|
||||||
<view class="u-flex u-row-center">
|
|
||||||
<view class="type">现金红包</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="u-flex u-row-center btn-box">
|
|
||||||
<view class="btn" @click="lingqu">立即领取</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="u-flex u-row-center">
|
|
||||||
<u-icon name="close-circle" :size="54" @click="close" color="#fff"></u-icon>
|
|
||||||
</view>
|
|
||||||
</u-popup>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
show: false,
|
|
||||||
result: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
open(data) {
|
|
||||||
console.log(data);
|
|
||||||
this.result = data
|
|
||||||
this.show = true
|
|
||||||
},
|
|
||||||
lingqu() {
|
|
||||||
const {
|
|
||||||
orderId,
|
|
||||||
id
|
|
||||||
} = this.result
|
|
||||||
this.$Request.postJson('app/discSpinning/receive', this.result).then(res => {
|
|
||||||
this.result = ''
|
|
||||||
console.log(res)
|
|
||||||
if (res.code == 0) {
|
|
||||||
uni.showToast({
|
|
||||||
title: '领取成功',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
this.$emit('success')
|
|
||||||
this.close()
|
|
||||||
} else {
|
|
||||||
uni.showToast({
|
|
||||||
title: '领取失败',
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.show = false
|
|
||||||
if(!this.result){
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const {
|
|
||||||
orderId,
|
|
||||||
id
|
|
||||||
} = this.result
|
|
||||||
this.$Request.postJson('app/discSpinning/receive', this.result).then(res => {
|
|
||||||
this.result = ''
|
|
||||||
console.log(res)
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.$emit('success')
|
|
||||||
this.close()
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
::v-deep .u-mode-center-box {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-money {
|
|
||||||
color: #E42F00;
|
|
||||||
}
|
|
||||||
|
|
||||||
.money {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 72rpx;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg {
|
|
||||||
width: 628rpx;
|
|
||||||
height: 770rpx;
|
|
||||||
margin-right: 10rpx;
|
|
||||||
background-color: transparent;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
background-size: cover;
|
|
||||||
background-image: url("~static/images/zhuanpan/ling-qu.png");
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
@media (-webkit-min-device-pixel-ratio: 2),
|
|
||||||
(min-device-pixel-ratio: 2) {
|
|
||||||
background-image: url("~static/images/zhuanpan/ling-qu@2x.png");
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
position: absolute;
|
|
||||||
top: 238rpx;
|
|
||||||
text-align: center;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 58rpx;
|
|
||||||
color: #AF6920;
|
|
||||||
letter-spacing: 4rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goods {
|
|
||||||
position: absolute;
|
|
||||||
top: 326rpx;
|
|
||||||
text-align: center;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.type {
|
|
||||||
padding: 6rpx 28rpx;
|
|
||||||
border-radius: 100rpx;
|
|
||||||
background: #E25B41;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-box {
|
|
||||||
position: absolute;
|
|
||||||
top: 574rpx;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
padding: 10rpx 60rpx 10rpx 64rpx;
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 44rpx;
|
|
||||||
color: #AF6920;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -49,28 +49,7 @@
|
|||||||
close() {
|
close() {
|
||||||
console.log('抽奖弹窗关闭');
|
console.log('抽奖弹窗关闭');
|
||||||
this.show = false
|
this.show = false
|
||||||
if(!this.result){
|
this.$emit('close',key)
|
||||||
return
|
|
||||||
}
|
|
||||||
const {
|
|
||||||
orderId,
|
|
||||||
id
|
|
||||||
} = this.result
|
|
||||||
this.$Request.postJson('app/discSpinning/receive', this.result).then(res => {
|
|
||||||
this.result = ''
|
|
||||||
console.log(res)
|
|
||||||
if (res.code == 0) {
|
|
||||||
console.log('抽奖领取成功');
|
|
||||||
const key=res.data==0?'isBindAliPay':undefined
|
|
||||||
this.$emit('close',key)
|
|
||||||
if(key&&key=='isBindAliPay'){
|
|
||||||
uni.navigateTo({
|
|
||||||
url:'/me/invite/zhifubao'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -485,9 +485,9 @@
|
|||||||
tipContent = `恭喜您，获得 ${name}${this.result.type==2?(this.result.number+'元'):''} ！`
|
tipContent = `恭喜您，获得 ${name}${this.result.type==2?(this.result.number+'元'):''} ！`
|
||||||
this.showLingPop({...this.result})
|
this.showLingPop({...this.result})
|
||||||
const cacheData={...this.result}
|
const cacheData={...this.result}
|
||||||
setTimeout(()=>{
|
// setTimeout(()=>{
|
||||||
this.$Request.postJson('app/discSpinning/receive',cacheData )
|
// this.$Request.postJson('app/discSpinning/receive',cacheData )
|
||||||
},1000)
|
// },1000)
|
||||||
}
|
}
|
||||||
console.log(this.result);
|
console.log(this.result);
|
||||||
this.result=''
|
this.result=''
|
||||||
|
|||||||
Reference in New Issue
Block a user