82 lines
3.1 KiB
Vue
82 lines
3.1 KiB
Vue
|
<template>
|
|||
|
|
<view class="">
|
|||
|
|
<!-- 使用标题栏 -->
|
|||
|
|
<status-nav :statusBackw="true" :statusTitle="true" :title-val="'申请售后'" :tabcolor="'#ffffff'"></status-nav>
|
|||
|
|
<view :style="{paddingTop:statusHNH+'px'}">
|
|||
|
|
<view class="bacb margin-s20 padding-s30 padding-zy20 padding-x40">
|
|||
|
|
<view class="margin-x20 fon24 color33">订单号：{{afterOrder.orderId}}</view>
|
|||
|
|
<view class="dis borbot padding-x30 ">
|
|||
|
|
<image class="flexs goodsImg" :src="afterOrder.skuList[0].src" mode=""></image>
|
|||
|
|
<view class="margin-z20 margin-y30 width100">
|
|||
|
|
<view class="clips2 fon28">{{afterOrder.skuList[0].title}}</view>
|
|||
|
|
<view class="fon24 color9 margin-s10">{{afterOrder.skuList[0].cate}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="margin-z20 " style="text-align: right;">
|
|||
|
|
<view class="fon24 bold">￥<text class="fon32">{{afterOrder.skuList[0].price}}</text>.0</view>
|
|||
|
|
<view class="margin-s10" style="font-size: 30rpx;color: #6f6f6f;">共{{afterOrder.skuList[0].num}}件</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="padding-s30 margin-x20">申请售后原因</view>
|
|||
|
|
<view style="background-color: #f6f6f6;padding: 20rpx;height: 230rpx;border-radius: 8rpx;">
|
|||
|
|
<textarea v-model="content" style="background-color: #f6f6f6;width: 100%;font-size: 26rpx;height: 100%;" placeholder="请输入不想要的原因" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="disbc">
|
|||
|
|
<button class="businessbtn" :disabled="disabled" @tap="submit">{{btncon}}</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
disabled:false,
|
|||
|
|
btncon:'提交',
|
|||
|
|
content:'',
|
|||
|
|
afterOrder:{},
|
|||
|
|
statusHNH:uni.getStorageSync('statusHNH')
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onUnload() {
|
|||
|
|
uni.removeStorageSync('afterOrder')
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
this.afterOrder = uni.getStorageSync('afterOrder')
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.$toolAll.tools.guoq()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 获取要申请售后的订单信息
|
|||
|
|
checkInfo(id){
|
|||
|
|
this.$requst.post('order/get-after-sale-list',{order_id:id}).then(res=>{
|
|||
|
|
// console.log('售后订单信息',res);
|
|||
|
|
},error=>{})
|
|||
|
|
},
|
|||
|
|
submit(){
|
|||
|
|
if(!this.content){
|
|||
|
|
this.$toolAll.tools.showToast('请输入原因')
|
|||
|
|
} else {
|
|||
|
|
this.disabled = true
|
|||
|
|
this.btncon = '正在提交...'
|
|||
|
|
this.$requst.post('order/after-sale-apply',{order_id:this.afterOrder.id,description:this.content}).then(res=>{
|
|||
|
|
// console.log(res);
|
|||
|
|
if(res.code==0){
|
|||
|
|
this.btncon = '提交'
|
|||
|
|
this.$toolAll.tools.showToast('恭喜售后申请成功(*^▽^*)')
|
|||
|
|
setTimeout(function(){
|
|||
|
|
uni.navigateBack({delta:1})
|
|||
|
|
},1000)
|
|||
|
|
}
|
|||
|
|
},error=>{})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
</style>
|