初始化仓库
This commit is contained in:
57
pages/order/order.vue
Normal file
57
pages/order/order.vue
Normal file
@ -0,0 +1,57 @@
|
||||
<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.WAIT_PAY
|
||||
},
|
||||
{
|
||||
name: '未制作',
|
||||
type: orderType.NOT_MADE
|
||||
},
|
||||
{
|
||||
name: '已完成',
|
||||
type: orderType.FINISH
|
||||
},
|
||||
{
|
||||
name: '退款',
|
||||
type: orderType.REFUND
|
||||
}
|
||||
],
|
||||
current: 0,
|
||||
type: orderType.ALL
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
},
|
||||
methods: {
|
||||
tabChange(index) {
|
||||
this.current = index
|
||||
this.type = this.list[index].type
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user