You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
1.7 KiB
85 lines
1.7 KiB
5 months ago
|
<template>
|
||
|
<view class="page">
|
||
|
|
||
|
<!-- 订单tab -->
|
||
|
<view class="order-tab">
|
||
|
<view class="tab" :class="{'action':OrderType==5}" @click="onOrderTab(0)">
|
||
|
<text>全部</text>
|
||
|
<text class="line"></text>
|
||
|
</view>
|
||
|
<view class="tab" :class="{'action':OrderType==1}" @click="onOrderTab(1)">
|
||
|
<text>待付款</text>
|
||
|
<text class="line"></text>
|
||
|
</view>
|
||
|
<view class="tab" :class="{'action':OrderType==2}" @click="onOrderTab(2)">
|
||
|
<text>待发货</text>
|
||
|
<text class="line"></text>
|
||
|
</view>
|
||
|
<view class="tab" :class="{'action':OrderType==3}" @click="onOrderTab(3)">
|
||
|
<text>待收货</text>
|
||
|
<text class="line"></text>
|
||
|
</view>
|
||
|
<view class="tab" :class="{'action':OrderType==4}" @click="onOrderTab(4)">
|
||
|
<text>待评价</text>
|
||
|
<text class="line"></text>
|
||
|
</view>
|
||
|
</view>
|
||
|
<!-- 订单列表 -->
|
||
|
<view class="order-list">
|
||
|
暂无订单~
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
OrderType: 0,
|
||
|
};
|
||
|
},
|
||
|
onLoad(params) {
|
||
|
this.OrderType = params.type;
|
||
|
},
|
||
|
methods:{
|
||
|
/**
|
||
|
* 返回点击
|
||
|
*/
|
||
|
onBack(){
|
||
|
uni.navigateBack();
|
||
|
},
|
||
|
/**
|
||
|
* 订单tab点击
|
||
|
*/
|
||
|
onOrderTab(type){
|
||
|
this.OrderType = type;
|
||
|
// #ifdef H5
|
||
|
uni.redirectTo({
|
||
|
url: '/pages/MyOrderList/MyOrderList?type=' + type,
|
||
|
})
|
||
|
//#endif
|
||
|
},
|
||
|
/**
|
||
|
* 订单列表点击
|
||
|
*/
|
||
|
onOrderList(){
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/OrderDetails/OrderDetails',
|
||
|
})
|
||
|
},
|
||
|
/**
|
||
|
* 评价点击
|
||
|
*/
|
||
|
onEvaluate(){
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/MyEvaluatePush/MyEvaluatePush'
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped lang="scss">
|
||
|
@import 'MyOrderList.scss';
|
||
|
</style>
|