61 lines
1.0 KiB
Vue
61 lines
1.0 KiB
Vue
<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
|
|
},
|
|
{
|
|
name: '未制作',
|
|
type: orderType.DELIVERY
|
|
},
|
|
{
|
|
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>
|