<template>
	<view>
		<u-navbar title="订单投诉列表" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
			title-size='36' height='50'></u-navbar>
		<!-- 列表 -->
		<scroll-view @scrolltolower="onReachBottom" scroll-y style="margin-top: 20rpx;width: 700rpx;margin: auto;">
            <view class="orderlist" style="background-color: #fff;border-radius: 10rpx;margin-top: 20rpx;padding: 20rpx;" v-for="(item,index) in list" :key="index" @click="btnxq(item.id)">
            	<view class="" style="display: flex;width: 100%;justify-content: space-between;">
            		<view class="" style="font-size: 36rpx;font-weight: 600;">
            			{{item.title}}
            		</view>
					<view class="" v-if="item.status == 1">
						商家处理中 〉
					</view>
					<view class="" v-if="item.status == 2">
						用户处理中 〉
					</view>
					<view class="" v-if="item.status == 3">
						平台处理中 〉
					</view>
					<view class="" v-if="item.status == 4">
						已完成 〉
					</view>
            	</view>
				<view class="" style="margin-top: 10rpx;">
					订单编号：{{item.orderNo}}
				</view>
				<view class="" style="margin-top: 10rpx;">
					订单内容：{{item.content}}
				</view>
				<view class="" style="margin-top: 10rpx;">
					投诉时间：{{item.createTime}}
				</view>
            </view>
			<view class="no-more" style="width: 100%;text-align: center;margin-top: 30rpx;color: #8e8e8e;">没有更多记录了...</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgc: {
					backgroundColor: "#4C97E7",
				},
				list:[],
				total:0,
				pagenum:1
			}
		},
		onLoad() {
			
		},
		onShow() {
			this.getlist()
		},
		methods: {
			// 用户请求投诉列表
			getlist(){
				this.$u.get(`/app/complaint/list`).then(res =>{
					if(res.code == 200){
						this.list = res.rows
						this.total = res.total
					}
				})
			},
			// 点击跳转到详情
			btnxq(id){
				uni.navigateTo({
					url:'/page_fenbao/tousu/yhtxxq?id=' + id
				})
			}
		},
	}
</script>																				

<style lang="scss">

</style>