food_wechat/pages/shop/pay.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>