
<template>
<view class="user-order">
    <tabs :current="active" @change="changeShow" bar-width="60" :is-scroll="false">
        <tab v-for="(item, index) in order" :key="index" :name="item.name">
            <order-list  :order-type="item.type" :i="index" :index="active"></order-list>
        </tab>
    </tabs>
	<float-tab></float-tab>
</view>
</template>

<script>

import { orderType } from '@/utils/type';

export default {
  data() {
    return {
      active: -1,
      order: [{
        name: '全部',
        type: orderType.ALL
      }, {
        name: '待付款',
        type: orderType.PAY
      }, {
        name: '待收货',
        type: orderType.DELIVERY
      }, {
        name: '已完成',
        type: orderType.FINISH
      }, {
        name: '已关闭',
        type: orderType.CLOSE
      }]
    };
  },
  onLoad (options) {
    const{order} = this
    let type = this.$Route.query.type || orderType.ALL;
	let index = order.findIndex(item => item.type == type)
    this.changeShow(index);
  },
  methods: {
    changeShow(index) {
		if(index != -1) {
			this.$nextTick(() => {
				this.active = index
			})
		}
    },
  }
};
</script>
<style>

</style>