food_wechat/pages/shop/pay.vue
sszdot 134e9cbe6e 【类 型】:factor
【原  因】:
【过  程】:从商铺信息里面 取默认运费 打包费字段  作为订单的运费 和 打包费
【影  响】:

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
2024-12-12 16:59:03 +08:00

82 lines
1.7 KiB
Vue

<template>
<view>
<!-- topbar -->
<u-navbar title="收银台" bgColor="#d43030" :titleStyle="{ color: '#FFF'}" :autoBack="true" placeholder>
<view class="u-nav-slot" slot="left">
<u-icon name="arrow-left" color="#fff" size="19"></u-icon>
</view>
</u-navbar>
<!-- 价格 -->
<view></view>
<button @click="pay" type="primary" style="margin-top:200rpx;">确认支付</button>
</view>
</template>
<script>
export default {
data() {
return {
order_sn: '' //订单号
}
},
onLoad(options) {
this.order_sn = options.order_sn; // 从提交订单页面传递过来的订单号
},
computed(){
},
methods: {
// 支付方法
pay() {
uni.$u.http.post('/Api/Pay/pay', {
order_sn: this.order_sn
}, {
header: {
'Token': this.$store.state.userInfo.token,
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then((res) => {
if (res.data.status === 1) {
// 调用微信支付接口
this.requestPayment(res.data.payMsg);
}else{
uni.showToast({
title: '支付失败',
icon: 'error'
});
console.error(res.data.msg)
}
})
},
// 调用微信支付接口
requestPayment(payMsg) {
uni.requestPayment({
timeStamp: payMsg.timeStamp,
nonceStr: payMsg.nonceStr,
package: payMsg.package,
signType: payMsg.signType,
paySign: payMsg.paySign,
success: (res) => {
if(res.status===1){
uni.showToast({
title: '支付成功',
icon: 'success'
})
}
},
fail: (err) => {
uni.showToast({
title: '支付失败',
icon: 'error'
});
console.error(err)
}
});
},
}
}
</script>
<style>
</style>