|
|
@@ -3,26 +3,26 @@
|
|
|
<cus-header title='我的订单'></cus-header>
|
|
|
<view class="tab adfac">
|
|
|
<view class="tab-pre" :class="{'active':tindex===index}" @click="changeTab(item,index)"
|
|
|
- v-for="(item,index) in statusList" :key="index">{{item}}</view>
|
|
|
+ v-for="(item,index) in statusList" :key="index">{{item.name}}</view>
|
|
|
</view>
|
|
|
<view class="list">
|
|
|
<view class="list-pre" v-for="(item,index) in list" :key="index" @click.prevent="handleDetail(item)">
|
|
|
<view class="list-pre-top adfacjb">
|
|
|
- <view class="list-pre-top-no">订单号:{{item.no}}</view>
|
|
|
- <view class="list-pre-top-status" :class="statusColor[item.status]">{{statusCfg[item.status]}}</view>
|
|
|
+ <view class="list-pre-top-no">订单号:{{item.orderNo}}</view>
|
|
|
+ <view class="list-pre-top-status" :class="statusColor[item.orderStatus]">{{statusCfg[item.orderStatus]}}</view>
|
|
|
</view>
|
|
|
<view class="list-pre-info adf">
|
|
|
<view class="list-pre-info-left adfac">
|
|
|
<image class="list-pre-info-left-img" :src="imgBase+'order_img.png'"></image>
|
|
|
<view class="list-pre-info-left-texts">
|
|
|
- <view class="list-pre-info-left-texts-num">{{typeCfg[item.type]}}{{item.sum}}次,剩余{{item.next}}次可用</view>
|
|
|
- <view class="list-pre-info-left-texts-date">有效期至 {{item.date}}</view>
|
|
|
+ <view class="list-pre-info-left-texts-num">{{typeCfg[item.type]}}{{item.totalFrequency}}次,剩余{{item.useFrequency}}次可用</view>
|
|
|
+ <view class="list-pre-info-left-texts-date">有效期至 {{item.expirationTime}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="list-pre-info-right">¥{{item.price.toFixed(2)}}</view>
|
|
|
+ <view class="list-pre-info-right">¥{{(+item.totalAmount||0).toFixed(2)}}</view>
|
|
|
</view>
|
|
|
<view class="list-pre-btns adf">
|
|
|
- <view class="list-pre-btns-pre cancel" v-if="item.status==0" @click.stop="orderCancel">取消订单</view>
|
|
|
+ <view class="list-pre-btns-pre cancel" v-if="item.orderStatus==0" @click.stop="orderCancel">取消订单</view>
|
|
|
<view class="list-pre-btns-pre" @click.stop="buyAgain">再次购买</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -35,55 +35,71 @@
|
|
|
data(){
|
|
|
return {
|
|
|
tindex:0,
|
|
|
- statusList:['全部','已支付','待支付','已取消'],
|
|
|
+ statusList:[
|
|
|
+ {state:'',name:'全部'},
|
|
|
+ {state:'1',name:'已支付'},
|
|
|
+ {state:'0',name:'待支付'},
|
|
|
+ {state:'-2',name:'已取消'}
|
|
|
+ ],
|
|
|
statusCfg:{
|
|
|
+ '-3':'已退款',
|
|
|
+ '-2':'已取消',
|
|
|
+ '-1':'已失效',
|
|
|
0:'待支付',
|
|
|
1:'已支付',
|
|
|
- 2:'已取消'
|
|
|
+ 2:'已完成'
|
|
|
},
|
|
|
statusColor:{
|
|
|
0:'dzf',
|
|
|
1:'yzf',
|
|
|
- 2:'yqx'
|
|
|
+ 2:'yzf',
|
|
|
+ '-2':'yqx'
|
|
|
},
|
|
|
typeCfg:{
|
|
|
1:'基础版',
|
|
|
2:'专业版'
|
|
|
},
|
|
|
- list:[
|
|
|
- {
|
|
|
- no:'20229485872902',
|
|
|
- status:1,
|
|
|
- type:1,
|
|
|
- sum:1,
|
|
|
- next:1,
|
|
|
- price:99,
|
|
|
- date:'2025-11-11'
|
|
|
- },
|
|
|
- {
|
|
|
- no:'20229485872902',
|
|
|
- status:0,
|
|
|
- type:2,
|
|
|
- sum:5,
|
|
|
- next:4,
|
|
|
- price:199,
|
|
|
- date:'2025-11-11'
|
|
|
- },
|
|
|
- {
|
|
|
- no:'20229485872902',
|
|
|
- status:2,
|
|
|
- type:2,
|
|
|
- sum:10,
|
|
|
- next:0,
|
|
|
- price:799,
|
|
|
- date:'2025-11-11'
|
|
|
- }
|
|
|
- ]
|
|
|
+ query:{
|
|
|
+ page:1,
|
|
|
+ limit:10,
|
|
|
+ orderStatus:'',
|
|
|
+ userId:''
|
|
|
+ },
|
|
|
+ isOver:false,
|
|
|
+ list:[]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+ if(this.isOver) return
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ try{
|
|
|
+ this.query.userId = JSON.parse(uni.getStorageSync('userInfo')).id;
|
|
|
+ this.getList()
|
|
|
+ }catch(e){
|
|
|
+ this.query.userId = '';
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ init(){
|
|
|
+ this.query.page = 1;
|
|
|
+ this.isOver = false;
|
|
|
+ this.list = [];
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList(){
|
|
|
+ this.$api.get('/que/order/page',this.query).then(({data:res})=>{
|
|
|
+ if(res.code!==0) return this.$showToast(res.msg)
|
|
|
+ this.list = [...this.list,...res.data.list]
|
|
|
+ if(this.list.length < res.data.total) this.query.page++
|
|
|
+ else this.isOver = true
|
|
|
+ })
|
|
|
+ },
|
|
|
changeTab(item,index){
|
|
|
this.tindex = index;
|
|
|
+ this.query.orderStatus = item.state;
|
|
|
+ this.init()
|
|
|
},
|
|
|
handleDetail(item){
|
|
|
uni.navigateTo({
|
|
|
@@ -93,6 +109,9 @@
|
|
|
orderCancel(){
|
|
|
},
|
|
|
buyAgain(){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pagesPublish/rechargeCenter'
|
|
|
+ })
|
|
|
},
|
|
|
}
|
|
|
}
|