62 lines
1.1 KiB
Vue
62 lines
1.1 KiB
Vue
<template>
|
|
<view class="user-order">
|
|
<tabs :current="active" @change="changeShow" bar-width="60" :is-scroll="true">
|
|
<tab v-for="(item, index) in order" :key="index" :name="item.name">
|
|
<exchange-order-list :order-type="item.type" :i="index" :index="active"></exchange-order-list>
|
|
</tab>
|
|
</tabs>
|
|
<float-tab></float-tab>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
active: -1,
|
|
order: [{
|
|
name: '全部',
|
|
type: ''
|
|
}, {
|
|
name: '待付款',
|
|
type: 0
|
|
}, {
|
|
name: '待发货',
|
|
type: 1
|
|
}, {
|
|
name: '待收货',
|
|
type: 2
|
|
}, {
|
|
name: '已完成',
|
|
type: 3
|
|
}, {
|
|
name: '已关闭',
|
|
type: 4
|
|
}]
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
changeShow(index) {
|
|
if (index != -1) {
|
|
this.$nextTick(() => {
|
|
this.active = index
|
|
})
|
|
}
|
|
},
|
|
},
|
|
onLoad(options) {
|
|
const {
|
|
order
|
|
} = this
|
|
let type = this.$Route.query.type || '';
|
|
let index = order.findIndex(item => item.type == type)
|
|
this.changeShow(index);
|
|
},
|
|
|
|
};
|
|
</script>
|
|
<style>
|
|
|
|
</style>
|