diyici

ChargingStation/pages/placeOrder/result/index.scss

@@ -0,0 +1,33 @@
+.result_container {
+	width: 100vw;
+	height: 100vh;
+	overflow: hidden;
+	background-color: #f1f8fd;
+	padding: 0 35rpx;
+	box-sizing: border-box;
+	.result_body {
+		width: 100%;
+		.result_price {
+			color: rgba(0, 0, 0, 0.85);
+			font-size: 40rpx;
+		}
+		.result_type {
+			font-size: 52rpx;
+			color: #121836;
+			font-weight: 600;
+		}
+	}
+	.result_footer {
+		padding-bottom: env(safe-area-inset-bottom);
+		.result_footer_botton {
+			width: 100%;
+			height: 106rpx;
+			background: #121836;
+			border-radius: 15rpx 15rpx 15rpx 15rpx;
+			opacity: 1;
+			color: #ffffff;
+			font-size: 34rpx;
+			font-weight: 600;
+		}
+	}
+}

ChargingStation/pages/placeOrder/result/index.vue

@@ -0,0 +1,59 @@
+<template>
+	<view class="result_container flex column">
+
+		<view class="result_body flex oneflex column ac jc">
+			<uni-icons type="checkbox-filled" color="#121836" size="70"></uni-icons>
+			<view class="result_type">支付成功</view>
+			<view class="result_price">￥{{price}}</view>
+		</view>
+		<view class="result_footer">
+			<view @click="footerClick" class="result_footer_botton flex ac jc">关闭</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				price: 0,
+				timerData: null
+			}
+		},
+		onLoad(e) {
+			console.log(e,'===')
+			this.price = e.price;
+			this.id = e.id;
+			this.timer()
+		},
+		methods: {
+			timer() {
+				let that = this
+			setTimeout(()=>{
+				uni.showToast({
+					title: '即将跳转到订单详情',
+					icon: 'none',
+					success() {
+						this.timerData = setTimeout(() => {
+							uni.navigateTo({
+								url: `/Order/pages/charging/index?id=${that.id}`
+							})
+						}, 2000)
+					}
+				})
+			}),1000
+			},
+			footerClick() {
+				clearTimeout(this.timerData);
+				this.timerData = null;
+				uni.reLaunch({
+					url: '/pages/index/index'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	@import 'index.scss';
+</style>