852ad87465
【主 题】：首次进入主页时 即首次见此登录时 获取一次订单列表，订阅订订单有更新时 刷新订单列表 【描 述】： [原因]：实现实时显示订单信息 [过程]： [影响]： 【结 束】 # 类型 包含: # feat：新功能（feature） # fix：修补bug # docs：文档（documentation） # style： 格式（不影响代码运行的变动） # refactor：重构（即不是新增功能，也不是修改bug的代码变动） # test：增加测试 # chore：构建过程或辅助工具的变动
57 lines
1.3 KiB
Vue
57 lines
1.3 KiB
Vue
<template>
|
|
<view>
|
|
<!-- topbar -->
|
|
<u-navbar title="订单查询" bgColor="#d43030" :titleStyle="{ color: '#FFF'}" :autoBack="true" placeholder>
|
|
<view class="u-nav-slot" slot="left">
|
|
<u-icon name="arrow-left" color="#fff" size="19"></u-icon>
|
|
</view>
|
|
</u-navbar>
|
|
<!-- tabs -->
|
|
<u-subsection :list="list" :current="curNow" @change="sectionChange"></u-subsection>
|
|
<!-- tabBoxs -->
|
|
<!-- 未付款 -->
|
|
<view v-if="curNow===0">
|
|
<view v-for="item in orderList" :key="item.id" v-if="item.status === 'unpaid' && item.back === 'normal'">
|
|
订单号: {{item.order_sn}}
|
|
</view>
|
|
</view>
|
|
<view v-if="curNow===1">
|
|
<view v-for="item in orderList" :key="item.id" v-if="item.status !== 'unpaid' && item.back === 'normal'">
|
|
订单号: {{item.order_sn}}
|
|
</view>
|
|
</view>
|
|
<view v-if="curNow===2">
|
|
<view v-for="item in orderList" :key="item.id" v-if="item.back !== 'normal'">
|
|
订单号: {{item.order_sn}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: ['未付款', '已付款', '申请售后'],
|
|
curNow: 0
|
|
}
|
|
},
|
|
computed: {
|
|
orderList() {
|
|
return this.$store.state.orderList
|
|
}
|
|
},
|
|
methods: {
|
|
sectionChange(index) {
|
|
this.curNow = index;
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.$store.dispatch('fetchOrderList')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style> |