|
|
<!--
|
|
|
* @Author: ch
|
|
|
* @Date: 2022-04-14 13:44:30
|
|
|
* @LastEditors: ch
|
|
|
* @LastEditTime: 2022-04-14 19:25:37
|
|
|
* @Description: file content
|
|
|
-->
|
|
|
<template>
|
|
|
<view>
|
|
|
<UiWhiteBox>
|
|
|
<view class="title">商家已同意退货申请，请尽早退货。</view>
|
|
|
</UiWhiteBox>
|
|
|
<UiWhiteBox>
|
|
|
<view class="title">退货说明：拒收到付</view>
|
|
|
<view class="content">
|
|
|
<view>•未与商家协商一致，请勿使用到付或平邮，以免商家拒签货物</view>
|
|
|
<view>•请填写真实退货物流信息，逾期未填写，退货申请将关闭</view>
|
|
|
</view>
|
|
|
<view class="footer">
|
|
|
<UiButton size="min" @click="cancelShow = true">撤销申请</UiButton>
|
|
|
</view>
|
|
|
</UiWhiteBox>
|
|
|
<UiWhiteBox class="box">
|
|
|
<UiCell title="物流公司" ></UiCell>
|
|
|
<UiCell title="物流单号" >
|
|
|
<input class="input" slot="value" />
|
|
|
</UiCell>
|
|
|
<UiCell title="退款金额" :rightIcon="false">
|
|
|
<text class="price" slot="value">￥36.3</text>
|
|
|
</UiCell>
|
|
|
<view class="cell-title">
|
|
|
<view>
|
|
|
<text>问题描述</text>
|
|
|
<text class="cell-title--min">（选填）</text>
|
|
|
</view>
|
|
|
<text class="cell-title--min">10/45</text>
|
|
|
</view>
|
|
|
<textarea class="cell-textarea" maxlength="45" placeholder="请输入您申请退款的问题"></textarea>
|
|
|
</UiWhiteBox>
|
|
|
<UiWhiteBox class="box">
|
|
|
<view class="cell-title">
|
|
|
<text>上传凭证</text>
|
|
|
<text class="cell-title--min">（0/9）</text>
|
|
|
</view>
|
|
|
<u-upload
|
|
|
multiple
|
|
|
:maxCount="9"
|
|
|
:previewFullImage="true"
|
|
|
></u-upload>
|
|
|
</UiWhiteBox>
|
|
|
|
|
|
<UiButton class="submit-btn" size="max" type="gradual">确认提交</UiButton>
|
|
|
|
|
|
<u-modal :show="cancelShow" @confirm="cancelSaleAfter" showCancelButton @cancel="cancelShow = false"
|
|
|
content="你将撤销本次申请，撤销后，保障期内你可以再次申请售后服务" cancelText="我再想想"></u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
import UiButton from '../../../../../components/UiButton.vue'
|
|
|
import UiCell from '../../../../../components/UiCell.vue'
|
|
|
import UiWhiteBox from '../../../../../components/UiWhiteBox.vue'
|
|
|
import {ApiPostCancelSaleAfter} from '@/common/api/order.js';
|
|
|
export default {
|
|
|
components: { UiWhiteBox, UiButton, UiCell },
|
|
|
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;
|
|
|
},
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.box{
|
|
|
padding: 0 30rpx;
|
|
|
}
|
|
|
.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;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.cell-title{
|
|
|
padding : 30rpx 0;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
&--min{
|
|
|
font-size: $font-size-sm;
|
|
|
color: $color-grey4;
|
|
|
}
|
|
|
}
|
|
|
.cell-textarea{
|
|
|
height: 100rpx;
|
|
|
}
|
|
|
.submit-btn{
|
|
|
position: fixed;
|
|
|
bottom: 30rpx;
|
|
|
left: 30rpx;
|
|
|
z-index:999
|
|
|
}
|
|
|
</style> |
