wx-qhb/pageC/refundDetail/refundDetail.vue

<template>
	<view class="page">
		<RefundSuccessful v-if="status==1" @checkMoney="checkMoney"  />
		
		<RefundInProgress v-if="status == 2" />
		
		<RefusalToRefund v-if="status == 3" />
		
		<RefundInformation />
		<MoneyDestination :show="show" @close="close" />
	</view>
</template>

<script>
	import RefundSuccessful from './component/refundSuccessful.vue';
	import RefundInProgress from './component/refundInProgress.vue';
	import RefusalToRefund from './component/refusalToRefund.vue';
	import RefundInformation from './component/refundInformation.vue';
	import MoneyDestination from './component/moneyDestination.vue';
	export default {
		components: {
			RefundInformation,
			MoneyDestination,
			RefundSuccessful,
			RefundInProgress,
			RefusalToRefund
		},
		data() {
			return {
				show: false,
				status:1
			};
		},
		methods: {
			checkMoney() {
				this.show = true
			},
			close() {
				this.show = false
			}
		},
		created() {
			uni.setNavigationBarTitle({
				title: "退款详情"
			})
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		padding: 20rpx 24rpx;


	}
</style>