97 lines
3.9 KiB
Vue
97 lines
3.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="">
|
|||
|
|
<!-- 使用标题栏 -->
|
|||
|
|
<status-nav :statusBackw="true" :statusTitle="true" :whereCome="whereCome*1" :title-val="'售后'" :tabcolor="'#ffffff'"></status-nav>
|
|||
|
|
<view :style="{paddingTop:statusHNH+'px'}">
|
|||
|
|
<view v-if="dataArr.length!=0" class="padding-sx20 fon28 bacb margin-sx20 padding-zy30" style="border-radius: 5rpx;" v-for="(item,index) in dataArr" :key="index">
|
|||
|
|
<view class="fon24 color6 margin-sx10">订单号：{{item.orderId}}</view>
|
|||
|
|
<view class="margin-sx20 disac posir borbot padding-x20">
|
|||
|
|
<image @tap="checkDetail(index)" class="radius10 flexs goodsImg" :src="item.src" mode=""></image>
|
|||
|
|
<view class="margin-zy20" style="width: 54%;">
|
|||
|
|
<view class="fon32 clips2">{{item.title}}</view>
|
|||
|
|
<view class="fon24 color9 margin-sx10">{{item.cate}}</view>
|
|||
|
|
<view class="fon24 color6">X{{item.num}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="position: absolute;right: 10rpx;bottom: 36rpx;text-align: right;">
|
|||
|
|
<view>￥<text class="fon36 bold">{{item.allprice}}</text>.0</view>
|
|||
|
|
<view class="fon26 disac margin-s20"><view class="flexs">实付款：</view><text class="colorf78">￥{{item.price}}.0</text></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="dis fon24 margin-x10">
|
|||
|
|
<view class="color33 flexs">处理结果：</view>
|
|||
|
|
<view class="bold">{{['待处理','处理中','已处理'][item.result]}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="dis fon24">
|
|||
|
|
<view class="color33 flexs">留言信息：</view>
|
|||
|
|
<view class="">
|
|||
|
|
<block v-for="(itema,indexa) in item.content" :key="indexa">
|
|||
|
|
<view class="margin-x10"><text style="color: #007AFF;">(我)：</text>{{itema.description}} </view>
|
|||
|
|
<view class="margin-x20" v-if="itema.reply!=''"><text style="color: #ff0000;">(商家)：</text>{{itema.reply}} </view>
|
|||
|
|
</block>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="dataArr.length==0" class="zanwu">暂无售后记录</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
whereCome:0,
|
|||
|
|
dataArr:[],
|
|||
|
|
page:1,
|
|||
|
|
size:50,
|
|||
|
|
statusHNH:uni.getStorageSync('statusHNH')
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
this.$toolAll.tools.guoq()
|
|||
|
|
},
|
|||
|
|
onLoad(options) {
|
|||
|
|
if(options.index!=undefined){this.whereCome = options.index}
|
|||
|
|
this.checkAfterList()//调用售后记录事件
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
checkAfterList(){//查询售后记录事件
|
|||
|
|
this.$requst.post('order/get-after-sale-list',{page:this.page,size:this.size}).then(res=>{
|
|||
|
|
// console.log('售后列表',res);
|
|||
|
|
if(res.code==0){
|
|||
|
|
if(res.data.list.length!=0){
|
|||
|
|
res.data.list.forEach(item=>{
|
|||
|
|
let newStatus = ''
|
|||
|
|
if(item.afterSales[0].status=='waiting') newStatus = 0
|
|||
|
|
if(item.afterSales[0].status=='doing') newStatus = 1
|
|||
|
|
if(item.afterSales[0].status=='done') newStatus = 2
|
|||
|
|
let afterObj = {
|
|||
|
|
spu_id:item.skus[0].spu_id,
|
|||
|
|
orderId:item.skus[0].order_id,
|
|||
|
|
src:this.$http + item.skus[0].sku_cover,
|
|||
|
|
title:item.skus[0].spu_name,
|
|||
|
|
cate:item.skus[0].sku_name,
|
|||
|
|
num:item.skus[0].num,
|
|||
|
|
allprice:item.original_price/100,
|
|||
|
|
price:item.skus[0].price/100,
|
|||
|
|
result:newStatus,
|
|||
|
|
content:item.afterSales
|
|||
|
|
}
|
|||
|
|
this.dataArr.push(afterObj)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},error=>{})
|
|||
|
|
},
|
|||
|
|
checkDetail(index){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:'/pagesA/productDetail/productDetail?id='+index
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
</style>
|