<template>
	<view class="order">
		<view>
			<u-tabs :list="list" :is-scroll="false" :current="current" @change="tabChange" :active-color="themeColor" height="92"></u-tabs>
		</view>
		<view class="mx20 u-m-t-20">
			<order-list :type="type" />
		</view>
	</view>
</template>

<script>
	import { getConfig } from '@/api/app'
	import { orderType } from '@/utils/type'
	export default {
		data() {
			return {
				list: [
					{
						name: '全部',
						type: orderType.ALL
					}, 
					{
						name: '待付款',
						type: orderType.PAY,
						count: 1
					}, 
					{
						name: '未制作',
						type: orderType.DELIVERY,
						count: 5
					},
					{
						name: '已完成',
						type: orderType.FINISH
					},
					{
						name: '退款',
						type: orderType.CLOSE
					}
				],
				current: 0,
				type: orderType.ALL
			}
		},
		onLoad() {
			// setTabbar()
		},
		methods: {
			tabChange(index) {
				console.log("this.list>>>", this.list);
				this.current = index
				this.type = this.list[index].type

			}
		}
	}
</script>

<style lang="scss">
	
</style>
