
【主 题】:数据库 订单表修改 后台接口修改 【描 述】: [原因]:数据库 订单表修改 后台接口修改 [过程]:调整订单表 相关修改的字段调整 [影响]: 【结 束】 # 类型 包含: # feat:新功能(feature) # fix:修补bug # docs:文档(documentation) # style: 格式(不影响代码运行的变动) # refactor:重构(即不是新增功能,也不是修改bug的代码变动) # test:增加测试 # chore:构建过程或辅助工具的变动
57 lines
1.4 KiB
Vue
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> |