shuxiaoquan
1 year ago
parent
9cf373031f
commit
2da5869dd6
@ -0,0 +1,234 @@ |
||||
<template> |
||||
<view class="pay"> |
||||
<view class="pay-hd"> |
||||
<view class="a">订单号：<text>{{order_id}}</text></view> |
||||
<view class="a">支付价格：<text>￥{{orderInfo.pay_price}}</text>元</view> |
||||
</view> |
||||
<view class="pay-bd"> |
||||
<view class="title">选择支付方式</view> |
||||
<view class="item" v-for="(a,i) in list2" @click="tabItem(i)"> |
||||
<image v-if="tabIndex == i" src="@/static/invoice/select-on.png"></image> |
||||
<image v-else src="@/static/invoice/select.png"></image> |
||||
{{a.method == 'wechat'?'微信支付':'余额支付'}}<text v-if="a.method == 'balance'">（余额：{{userInfo.balance}}）</text> |
||||
</view> |
||||
</view> |
||||
<view class="pay-btn" @click="clickPay()">确认支付</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { Wechat } from '@/core/payment' |
||||
import * as newFunApi from '@/api/newFun' |
||||
export default { |
||||
data() { |
||||
return { |
||||
tabIndex: 0, |
||||
type: "", |
||||
order_id: "", |
||||
userInfo: {}, |
||||
list2: [], |
||||
orderInfo: {}, |
||||
isClick: true, |
||||
}; |
||||
}, |
||||
onLoad(o) { |
||||
console.log(o) |
||||
this.order_id = o.order_id; |
||||
this.type = o.type; |
||||
this.toServerOrder(); |
||||
}, |
||||
methods: { |
||||
clickPay(){ |
||||
if(this.isClick == false){ |
||||
return; |
||||
} |
||||
this.isClick = false; |
||||
if(this.list2[this.tabIndex].method == "balance"){ |
||||
if(Number(this.orderInfo.pay_price) <= Number(this.userInfo.balance)){ |
||||
this.toPay() |
||||
}else{ |
||||
this.isClick = true; |
||||
uni.showToast({ |
||||
icon: "none", |
||||
title: "余额不足，请选择其他支付方式" |
||||
}) |
||||
} |
||||
}else if(this.list2[this.tabIndex].method == "wechat"){ |
||||
this.toPay1() |
||||
} |
||||
}, |
||||
//创建支付方式信息 |
||||
async toServerOrder(order_id) { |
||||
let {status, data, message } = await newFunApi.serverOrderInfo({ |
||||
client: 'MP-WEIXIN', |
||||
order_id: this.order_id |
||||
}) |
||||
if(status == 200){ |
||||
this.userInfo = data.personal |
||||
this.orderInfo = data.order |
||||
this.list2 = data.paymentMethods; |
||||
console.log(data) |
||||
console.log(this.orderInfo) |
||||
console.log(this.list2) |
||||
console.log(this.userInfo) |
||||
}else{ |
||||
uni.showToast({ |
||||
icon: "none", |
||||
title: message |
||||
}) |
||||
} |
||||
}, |
||||
async toPay1() { |
||||
const that = this; |
||||
const {status, data } = await newFunApi.serverOrderPay({ |
||||
order_id: this.order_id, |
||||
method: 'wechat', |
||||
client: "MP-WEIXIN", |
||||
}) |
||||
if(status == 200) { |
||||
Wechat.payment(data.payment) |
||||
.then((result) => { |
||||
console.log(22,result) |
||||
uni.showToast({ |
||||
title: "支付成功" |
||||
}) |
||||
this.isClick = true; |
||||
setTimeout(()=>{ |
||||
if(that.type == 'fuwu'){ |
||||
uni.redirectTo({ |
||||
url: "/pages/news/recycling/orderList" |
||||
}) |
||||
}else if(that.type == 'fuwuorder'){ |
||||
uni.navigateBack({ |
||||
delta:1 |
||||
}) |
||||
} |
||||
|
||||
},1000) |
||||
}) |
||||
.catch(err => { |
||||
uni.showToast({ |
||||
title: "支付失败" |
||||
}) |
||||
this.isClick = true; |
||||
setTimeout(()=>{ |
||||
if(that.type == 'fuwu'){ |
||||
uni.redirectTo({ |
||||
url: "/pages/news/recycling/orderList" |
||||
}) |
||||
}else if(that.type == 'fuwuorder'){ |
||||
uni.navigateBack({ |
||||
delta:1 |
||||
}) |
||||
} |
||||
|
||||
},1000) |
||||
}) |
||||
} |
||||
|
||||
}, |
||||
//去支付 余额支付 |
||||
async toPay() { |
||||
const that = this; |
||||
const {status, message} = await newFunApi.serverOrderPay({ |
||||
order_id: this.order_id, |
||||
method: 'balance', |
||||
client: "MP-WEIXIN", |
||||
}) |
||||
if(status == 200) { |
||||
uni.showToast({ |
||||
title: "支付成功" |
||||
}) |
||||
this.isClick = true; |
||||
setTimeout(()=>{ |
||||
if(that.type == 'fuwu'){ |
||||
uni.redirectTo({ |
||||
url: "/pages/news/recycling/orderList" |
||||
}) |
||||
}else if(that.type == 'fuwuorder'){ |
||||
uni.navigateBack({ |
||||
delta:1 |
||||
}) |
||||
} |
||||
|
||||
},1000) |
||||
}else{ |
||||
this.isClick = true; |
||||
uni.showToast({ |
||||
icon: "none", |
||||
title: message |
||||
}) |
||||
} |
||||
}, |
||||
tabItem(i){ |
||||
this.tabIndex = i |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.pay{ |
||||
overflow: hidden; |
||||
&-hd{ |
||||
width: 710rpx; |
||||
padding: 0 20rpx; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
margin: 0 auto; |
||||
margin-top: 20rpx; |
||||
.a{ |
||||
padding: 20rpx 0; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 28rpx; |
||||
color: #666; |
||||
text{ |
||||
margin-left: 20rpx; |
||||
color: #212121; |
||||
} |
||||
} |
||||
} |
||||
&-bd{ |
||||
width: 710rpx; |
||||
padding: 0 20rpx; |
||||
box-sizing: border-box; |
||||
background-color: #fff; |
||||
margin: 0 auto; |
||||
margin-top: 20rpx; |
||||
.title{ |
||||
padding: 30rpx 0; |
||||
font-size: 30rpx; |
||||
} |
||||
.item{ |
||||
padding: 20rpx 0; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 28rpx; |
||||
color: #212121; |
||||
image{ |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
text{ |
||||
margin-left: 20rpx; |
||||
color: #666; |
||||
} |
||||
} |
||||
} |
||||
&-btn{ |
||||
width: 710rpx; |
||||
padding: 0 20rpx; |
||||
line-height: 80rpx; |
||||
box-sizing: border-box; |
||||
background-color: #ff3939; |
||||
margin: 0 auto; |
||||
margin-top: 160rpx; |
||||
text-align: center; |
||||
font-size: 36rpx; |
||||
color: #fff; |
||||
border-radius: 20rpx; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue