food_wechat/pages/main/order.vue
tk 9869ca7fc2 【类 型】:fix
【主	题】:数据库 订单表修改  后台接口修改
【描	述】:
	[原因]:数据库 订单表修改  后台接口修改
	[过程]:调整订单表 相关修改的字段调整
	[影响]:
【结	束】

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
2024-06-20 20:45:12 +08:00

57 lines
1.4 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.main_status === '未付款' && item.refund_status !== '申请中'">
订单号: {{item.order_sn}}
</view>
</view>
<view v-if="curNow===1">
<view v-for="item in orderList" :key="item.id" v-if="item.main_status === '已付款' && item.refund_status !== '申请中'">
订单号: {{item.order_sn}}
</view>
</view>
<view v-if="curNow===2">
<view v-for="item in orderList" :key="item.id" v-if="item.refund_status === '申请中'">
订单号: {{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>