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

3 years ago
<!--
* @Author: ch
* @Date: 2022-04-14 11:56:57
* @LastEditors: ch
* @LastEditTime: 2022-04-14 16:26:04
3 years ago
* @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>
3 years ago
</view>
<u-modal :show="cancelShow" @confirm="cancelSaleAfter" showCancelButton @cancel="cancelShow = false"
content="你将撤销本次申请,撤销后,保障期内你可以再次申请售后服务" cancelText="我再想想"></u-modal>
3 years ago
</UiWhiteBox>
</template>
<script>
import UiButton from '../../../../../components/UiButton.vue'
import UiWhiteBox from '../../../../../components/UiWhiteBox.vue'
import {ApiPostCancelSaleAfter} from '@/common/api/order.js';
3 years ago
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}`)
}
}
3 years ago
}
</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>