<template>
	<view>
		<status-container titlet="订单管理" :ifCustomer='false'>
			<view slot="content" style="margin: -20rpx -20rpx 0 -20rpx;">
				<view class="bacf">
					<swiperTabSlide @scrollBottom="scrollBottomEv" :list="dataList" :ifloading="ifloading" :tagList="tagList" :tagIndex="tagIndex"></swiperTabSlide>
				</view>
			</view>
		</status-container>
	</view>
</template>

<script>
	import swiperTabSlide from '@/components/swiper-tab/swiper-tab-slide.vue';
	// 底部组件
	import footTab from '@/components/foot-tabs/foot-tab.vue';
	export default {
		components:{
			'foot-tab' :footTab,
			swiperTabSlide
		},
		data() {
			return {
				tagList:[
					{title:'全部'},
					{title:'已下单'},
					{title:'制作中'},
					{title:'已发货'},
					{title:'已完成'},
					{title:'已取消'},
				],
				tagIndex:0,
				dataList:[
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
						[
							{title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99},
						],
					],
					ifloading:false,
					flag:true
			}
		},
		onLoad(op) {
			if(op.index) {
				this.tagIndex = op.index;
			}
		},
		methods: {
			scrollBottomEv(e){
				if(this.flag){
					this.flag = false;
					this.ifloading = true;
					setTimeout(()=>{
						for (let i = 0; i < 2; i++) {
							let obj = {
								title:'标题',content:'描述描述描述描述描述描述描述描述描述描述描述描述',price:199,xiaol:99
							}
							this.dataList[e].push(obj);
						}
						this.ifloading = false;
						this.flag = true;
					},1000)
					// 重新渲染组件
					this.$forceUpdate();
				}
			}
		}
	}
</script>

<style>

</style>