You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
shop-app/pages/order/saleAfter/saleAfterDetail/components/AwaitExamine.vue

84 lines
2.1 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--
* @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>