shop-app/pages/order/saleAfter/saleAfterDetail/components/AwaitExamine.vue

<!--
 * @Author: ch
 * @Date: 2022-04-14 11:56:57
 * @LastEditors: ch
 * @LastEditTime: 2022-04-14 16:26:04
 * @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="cancelShow = true">撤销申请</UiButton>
			<UiButton size="min" @click="edit" type="gradual" class="btn">修改申请</UiButton>
		</view>
		<u-modal :show="cancelShow" @confirm="cancelSaleAfter" showCancelButton @cancel="cancelShow = false" 
			content="你将撤销本次申请，撤销后，保障期内你可以再次申请售后服务" cancelText="我再想想"></u-modal>
	</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 {
			cancelShow : false
		}
	},
	methods:{
		async cancelSaleAfter(){
			const {error, result} = await ApiPostCancelSaleAfter({refundId : this.data.refundId});
			if(error){
				uni.$u.toast(error.message);
				return false;
			}
			this.$emit('reload');
			this.cancelShow = false;
		},
		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>