fish_program/pages/pay/pay.vue

<template>
	<view class="">
		<view class="pay_tip">
			<view class="pay_text1">
				{{payState}}
			</view>
			<view class="pay_text2">
				鱼儿正在向你招手~
			</view>
		</view>
		<view class="pay_detail">
		   <view class="pay_list">
		   	<text class="name">订单号</text><text class="shuju">{{orderDetails.order_no}}</text>
		   </view>
		   <view class="pay_list">
		   	<text class="name">支付金额</text><text class="shuju">{{orderDetails.pay_money}}</text>
		   </view>
		   <view class="pay_list">
		   	<text class="name">预约时间</text><text class="shuju">{{orderDetails.subscribe_day}}</text>
		   </view>
		   <view class="pay_list">
		   	<text class="name">预约区域</text><text class="shuju">{{orderDetails.seat.name}}</text>
		   </view>
		   <view class="pay_list">
		   	<text class="name">预约坐席</text><text class="shuju">{{orderDetails.subscribes.seat.no}}</text>
		   </view>
		</view>
		<view class="skip_button">
			<view class="skip_detail" @click="skip_detail">
				查看详情
			</view>
			<view class="skip_index" @click="skip_index">
				返回首页
			</view>
		</view>
	</view>
</template>

<script>
	
	export default({
		data(){
			return{
				payState:"",
				ordeListMessage:"",
				orderNo:"",
				orderDetails:'',
			}
		},
		onLoad() {
		
			var that=this
			wx.request({
				url:"https://yutang.web.ximengnaikang.com/api/payOkGetSeatNo?no&type=0",
				method:'GET',
				header:{
						'content-type':'application/json' ,// 默认值
						 'Authorization':getApp().globalData.token,
				},
				data:{
					no:getApp().globalData.no
				},
				success(res) {
					console.log(res,'12222')
					that.payState="支付成功"		
				},fail:function(){
					that.payState="支付中"
				}
			})
			wx.request({
				url:"https://yutang.web.ximengnaikang.com/api/orders/"+ getApp().globalData.no,
				method:'GET',
				header:{
						'content-type':'application/json' ,// 默认值
						 'Authorization':getApp().globalData.token,
				},
				data:{
					// no:getApp().globalData.no
			
				},
				success(res) {
				  that.orderDetails=res.data.data
					console.log(res,"这是订单详情")
				}
			})
		},
		methods:{
			skip_detail:function(){
				wx.switchTab({
						url:'../mine/mine',
				})
			},
			skip_index:function(){
				wx.switchTab({
				
					url:'../index/index'
				})
			}
		
			}
	})
	
	
</script>

<style>
	page{
		background-color: #f8f7f8;
	}
	.name{
		display: inline-block;
		width: 40%;
	}
	.shuju{
		display: inline-block;
		width: 60%;
		text-align: right;
	}
.pay_text1{
	width: 100%;
	color: white;
	display: inline-block;
	margin-top: 90rpx;
	font-size:50rpx;
	font-weight: 550;
	text-align: center;
}
.pay_text2{
	width: 100%;
	color: white;
	display: inline-block;
	text-align: center;
	margin-top: 30rpx;
}
	.pay_tip{
		
		height: 350rpx;
		background-color: #108cea;
	}
	.pay_detail{
		margin: 40rpx;
		padding: 20rpx;
		background-color: white;
	/* 	height: 300rpx; */
	}
	.pay_list{
		height: 80rpx;
		line-height: 80rpx;
		border-bottom: solid 1px #f8f7f8;
		}
		
		.skip_detail,.skip_index{
			height: 90rpx;
			line-height: 90rpx;
			text-align: center;
		    border-radius: 10rpx;
			font-size: 34rpx;
			width: 240rpx;
			display: inline-block;
			vertical-align: top;
		}
		.skip_button{
			margin-top: 90rpx;
		}
		.skip_detail{
			margin-left: 15%;
			margin-right: 40rpx;
			color: white;
			
			background-color: #43c158;
			border: solid 1px  #d9d8d9;
		}
		.skip_index{
			border: solid 1px  #d9d8d9;
		}
</style>