完善功能

2025-05-15 00:01:24 +08:00
parent dab4dba0fe
commit a92a6c5baf
10 changed files with 325 additions and 179 deletions
--- a/pages/pay_result/pay_result.vue
+++ b/pages/pay_result/pay_result.vue
@ -0,0 +1,134 @@
+<template>
+	<view class="pay-result column-center">
+		<view class="contain bg-white">
+			<view class="header  column-center">
+				<view>
+					<image class="tips-icon" :src="`${cloudPath}img/icon_paySuccess.png`"></image>
+				</view>
+				<view class="xl mt20">订单支付成功</view>
+			</view>
+			<view style="height:181rpx"></view>
+			<view class="info">
+				<view class="order-num row-between mt20">
+					<view class="ml20">订单编号</view>
+					<view class="mr20">
+						{{payInfo.order_sn}}
+					</view>
+				</view>
+				<view v-if="payInfo.pay_time" class="order-time row-between mt20">
+					<view class="ml20">付款时间</view>
+					<view class="mr20">{{payInfo.pay_time}}</view>
+				</view>
+				<view class="order-pay-type row-between mt20">
+					<view class="ml20">支付方式</view>
+					<view class="mr20">{{payInfo.pay_way_text}}</view>
+				</view>
+				<view class="order-pay-money row-between mt20">
+					<view class="ml20">支付金额</view>
+					<view class="mr20">
+						<price-format :price="payInfo.order_amount"></price-format>
+					</view>
+				</view>
+			</view>
+			<view class="line ml20"></view>
+			<view class="opt-btn-contain row-center wrap">
+				<navigator hover-class="none" class="check-order-btn row-center bg-default br60 mt20" open-type="switchTab" url="/pages/order/order">
+					<view class="white lg">查看订单</view>
+				</navigator>
+				<navigator hover-class="none" class="go-back-btn row-center br60 mt20" open-type="switchTab" url="/pages/index/index">
+					<view class="textdefault br60 lg">返回首页</view>
+				</navigator>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		getOrderDetail
+	} from '@/api/order';
+	export default {
+		data() {
+			return {
+				payInfo: {}
+			};
+		},
+
+		components: {
+
+		},
+		props: {},
+		onLoad: function(options) {
+			this.id = options.id;
+			this.getOrderResultFun();
+		},
+
+
+		methods: {
+			getOrderResultFun() {
+				getOrderDetail(this.id).then(res => {
+					if (res.code == 1) {
+						this.payInfo = res.data
+					}
+				});
+			},
+
+		}
+	};
+</script>
+<style lang="scss">
+	.pay-result {
+		.contain {
+			width: 682rpx;
+			margin-left: 20rpx;
+			margin-right: 20rpx;
+			border-radius: 10rpx;
+			margin-top: 78rpx;
+			padding-left: 20rpx;
+			padding-right: 20rpx;
+			padding-bottom: 40rpx;
+			position: relative;
+
+			.tips-icon {
+				width: 112rpx;
+				height: 112rpx;
+			}
+
+			.header {
+				position: absolute;
+				left: 50%;
+				transform: translateX(-50%);
+				top: -50rpx;
+			}
+
+			.order-num {
+				align-items: flex-start;
+			}
+
+			.info {
+				margin-bottom: 40rpx;
+			}
+
+			.opt-btn-contain {
+				margin-top: 40rpx;
+
+				.check-order-btn {
+					width: 650rpx;
+					height: 84rpx;
+				}
+
+				.go-back-btn {
+					width: 650rpx;
+					height: 84rpx;
+					border:1px solid #254062;
+					box-sizing: border-box;
+				}
+			}
+
+			.line {
+				width: 650rpx;
+				border-top: 1px solid rgba(229, 229, 229, 1);
+			}
+		}
+	}
+</style>