<!--
 * @Author: ch
 * @Date: 2022-03-31 14:26:09
 * @LastEditors: ch
 * @LastEditTime: 2022-04-14 19:18:28
 * @Description: file content
-->
<template>
	<view>
		<StatusTips :data="orderInfo"></StatusTips>
		<AwaitExamine :data="orderInfo" v-if="orderInfo.refundStatus == 1" @reload="getOrderInfo"></AwaitExamine>
		<SubmitLogistics :data="orderInfo" v-if="orderInfo.refundStatus == 3"></SubmitLogistics>
		<LogisticsInfo :data="orderInfo" v-if="[4,5,6].includes(orderInfo.refundStatus)"></LogisticsInfo>
		<GoodsInfo :data="orderInfo"></GoodsInfo>
	</view>
</template>
<script>
import UiPageHeader from '@/components/UiPageHeader.vue'
import UiGoodsInfo from '@/components/UiGoodsInfo.vue'
import UiWhiteBox from '@/components/UiWhiteBox.vue'
import {ApiGetSaleAfterOrderDetail} from '@/common/api/order'
import UiButton from '@/components/UiButton.vue'
import StatusTips from './components/StatusTips.vue'
import UiCell from '@/components/UiCell.vue'
import GoodsInfo from './components/GoodsInfo.vue'
import AwaitExamine from './components/AwaitExamine.vue'
import SubmitLogistics from './components/SubmitLogistics.vue'
import LogisticsInfo from './components/LogisticsInfo.vue'
export default {
	components: { UiPageHeader, UiGoodsInfo, UiWhiteBox, UiButton, StatusTips, UiCell, GoodsInfo, AwaitExamine, SubmitLogistics, LogisticsInfo },
	data(){
		return {
			orderInfo : {
				refundProduct:{}
				
			}
		}
	},
	onLoad(){
		this.getOrderInfo();
	},
	methods : {
		/**
		 * 获取订单最新信息
		 */
		async getOrderInfo(){
			const {error, result} = await ApiGetSaleAfterOrderDetail({refundId:this.$Route.query.id});
			if(error){
				uni.$u.toast(error.message);
				return false;
			}
			this.orderInfo = {...result, refundStatus : 3};
		}
		
	}
	
}
</script>
<style lang="scss" scoped>

page{
	background: $color-grey1;
	padding-bottom: 120rpx;
}
</style>