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>
|