121 lines
3.1 KiB
Vue
121 lines
3.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<view class="success">
|
|||
|
|
<view class="result">
|
|||
|
|
<image class="icon" src="/static/pay/success.png"></image>
|
|||
|
|
<text class="text">支付成功！</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="amount">￥{{ amount }}</view>
|
|||
|
|
<view class="point" v-if="point > 0 && amount > 0.1">使用{{ point }}积分</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="false" class="attention">
|
|||
|
|
<view class="result"><image class="icon" src="/static/pay/success.png"></image>使用失败</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="confirm" @click="doConfirm()">确定</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import * as MessageApi from '@/api/message'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
amount: 0,
|
|||
|
|
point: 0,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面加载
|
|||
|
|
*/
|
|||
|
|
onLoad(options) {
|
|||
|
|
// 当前页面参数
|
|||
|
|
this.amount = options.amount ? options.amount : 0
|
|||
|
|
this.point = options.point ? options.point : 0
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 确定
|
|||
|
|
* */
|
|||
|
|
doConfirm() {
|
|||
|
|
const app = this
|
|||
|
|
// #ifdef MP-WEIXIN
|
|||
|
|
MessageApi.getSubTemplate({keys: "balanceChange,pointChange"}).then(result => {
|
|||
|
|
const templateIds = result.data
|
|||
|
|
wx.requestSubscribeMessage({tmplIds: templateIds,
|
|||
|
|
success(res) {
|
|||
|
|
console.log("调用成功！")
|
|||
|
|
}, fail(res) {
|
|||
|
|
console.log("调用失败:", res)
|
|||
|
|
}, complete() {
|
|||
|
|
app.$navTo('pages/index/index')
|
|||
|
|
}})
|
|||
|
|
})
|
|||
|
|
// #endif
|
|||
|
|
// #ifndef MP-WEIXIN
|
|||
|
|
app.$navTo('pages/index/index')
|
|||
|
|
// #endif
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.success {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 200rpx;
|
|||
|
|
.result {
|
|||
|
|
font-size: 35rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 10rpx 10rpx 10rpx 50rpx;
|
|||
|
|
height: 70rpx;
|
|||
|
|
.icon {
|
|||
|
|
width: 45rpx;
|
|||
|
|
height: 45rpx;
|
|||
|
|
display: inline-block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
}
|
|||
|
|
.text {
|
|||
|
|
text-align: center;
|
|||
|
|
height: 100%;
|
|||
|
|
display: inline-block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
color: #00B83F;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.amount {
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 65rpx;
|
|||
|
|
margin-top: 50rpx;
|
|||
|
|
margin-bottom: 50rpx;
|
|||
|
|
color: #000000;
|
|||
|
|
}
|
|||
|
|
.point {
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.attention {
|
|||
|
|
width: 100%;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 14rpx;
|
|||
|
|
}
|
|||
|
|
.confirm {
|
|||
|
|
flex: 1;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
height: 80rpx;
|
|||
|
|
line-height: 80rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #fff;
|
|||
|
|
border-radius: 40rpx;
|
|||
|
|
width: 300rpx;
|
|||
|
|
margin: 50rpx auto;
|
|||
|
|
background: #00acac;
|
|||
|
|
}
|
|||
|
|
</style>
|