dengrui/pagesA/afterSales/afterSales.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:10,
				total:'',
				isZanw:true,
				statusHNH:uni.getStorageSync('statusHNH')
            }
        },
		onShow() {
			this.$toolAll.tools.guoq()
		},
        onLoad(options) {
            if(options.index!=undefined){this.whereCome = options.index}
			this.checkAfterList()//调用售后记录事件
        },
		onReachBottom() {
			if(this.total!=this.dataArr.length){
				this.page++
				this.checkAfterList()//调用自主预约列表事件
			} else {
				if(this.isZanw) this.$toolAll.tools.showToast('暂无更多商品列表','none',1000)
				this.isZanw = false
			}
		},
        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(this.page==1) this.dataArr = []
						this.total = res.data.total
						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>