<!--
 * @Author: ch
 * @Date: 2022-04-14 11:56:57
 * @LastEditors: ch
 * @LastEditTime: 2022-05-07 19:09:37
 * @Description: file content
-->
<template>
	<UiWhiteBox>
		<view class="title">
			您已成功发起退款申请，请耐心等待商家处理
		</view>
		<view class="content">
			<view>•商家同意后，请按照给出的退货地址退货，并请记录退货运单号</view>
			<view>•如商家拒绝，您可以修改申请后再次发起，商家会重新处理</view>
			<view>•如商家超时未处理，退货申请将达成，请按系统给出的退货地址退货</view>
		</view>
		<view class="footer">
			<UiButton size="min" @click="cancelSaleAfter">撤销申请</UiButton>
			<UiButton size="min" @click="edit" type="gradual" class="btn">修改申请</UiButton>
		</view>
	</UiWhiteBox>
</template>
<script>
import UiButton from '../../../../../components/UiButton.vue'
import UiWhiteBox from '../../../../../components/UiWhiteBox.vue'
import {ApiPostCancelSaleAfter} from '@/common/api/order.js';
export default {
	components: { UiWhiteBox, UiButton },
	props:{
		data : {
			type : Object,
			default : ()=>({})
		}
	},
	data(){
		return {
		}
	},
	methods:{
		cancelSaleAfter(){
			uni.showModal({
				content : '你将撤销本次申请，撤销后，保障期内你可以再次申请售后服务',
				cancelTxt : '我再想想',
				cancelColor : '#999',
				confirmColor : '#3A83FB',
				success: async ({confirm}) => {
					if(confirm){
						const {error, result} = await ApiPostCancelSaleAfter({refundId : this.data.refundId});
						if(error){
							uni.$u.toast(error.message);
							return false;
						}
						this.$emit('reload');
					}
				}
			})
			// this.$msb.confirm({
			// 	content : '你将撤销本次申请，撤销后，保障期内你可以再次申请售后服务',
			// 	cancelTxt : '我再想想',
			// 	confirm : async ()=> {
			// 		const {error, result} = await ApiPostCancelSaleAfter({refundId : this.data.refundId});
			// 		if(error){
			// 			uni.$u.toast(error.message);
			// 			return false;
			// 		}
			// 		this.$emit('reload');
			// 	}
			// })
		},
		edit(){
			this.$Router.push(`/saleAfterEdit?id=${this.data.refundId}`)
		}
	}
	
}
</script>
<style lang="scss" scoped>
.title{
	height: 98rpx;
	line-height: 98rpx;
	padding-left: 30rpx;
	border-bottom: 2rpx solid $color-grey2;
	color: $color-yellow3;
}
.content{
	padding: 30rpx 30rpx 0;
	view{
		line-height: 34rpx;
		color: $color-grey4;
		font-size: $font-size-sm;
		margin-bottom: 28rpx;
	}
}
.footer{
	padding: 0 30rpx 30rpx;
	text-align: right;
	.btn{
		margin-left: 20rpx;
	}
}
</style>