|
|
|
@ -11,7 +11,12 @@ |
|
|
|
</picker> |
|
|
|
</view> |
|
|
|
<view class="ol-select-type" v-if="orderType == 10"> |
|
|
|
<view v-for="(oitem,oi) in selectOrderType" :key="oi" :class="oitem.active?'als-active':''" @click="tabTypeChange(oi)">{{oitem.name}}</view> |
|
|
|
<view |
|
|
|
v-for="(oitem,oi) in selectOrderType" |
|
|
|
:key="oi" |
|
|
|
:class="oitem.type == selectedOrderType ?'als-active':''" |
|
|
|
@click="tabTypeChange(oitem)" |
|
|
|
>{{oitem.name || '-'}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="oh-ctrl"> |
|
|
|
@ -47,7 +52,7 @@ |
|
|
|
<view class="ox-dark-mask" v-if="isShowClassify" @click="hideClassify"> |
|
|
|
<view class="ol-classify" @click.stop="()=>false"> |
|
|
|
<view class="oc-title"> |
|
|
|
{{titleName}} |
|
|
|
{{ titleName }} |
|
|
|
</view> |
|
|
|
<view class="oc-tabs"> |
|
|
|
<view |
|
|
|
@ -95,40 +100,26 @@ |
|
|
|
import timing_order from '../../components/timing_order/timing_order.vue' |
|
|
|
import organize_order from '../../components/organize_order/organize_order.vue' |
|
|
|
|
|
|
|
|
|
|
|
import util from '../../utils/util'; |
|
|
|
import { servers } from '../../js/server'; |
|
|
|
import { API } from '../../js/api'; |
|
|
|
import { mapState } from 'vuex'; |
|
|
|
const resClassify = [ // 预约tab |
|
|
|
{id:'', name:'全部'}, |
|
|
|
{id:1, name:'待使用'}, |
|
|
|
{id:2, name:'已使用'}, |
|
|
|
{id:3, name:'已失效'}, |
|
|
|
{id:4, name:'已退款'}, |
|
|
|
]; |
|
|
|
const memClassify = [ // 会员tab |
|
|
|
{id:'', name:'全部'}, |
|
|
|
{id:1, name:'使用中'}, |
|
|
|
{id:0, name:'已失效'}, |
|
|
|
] |
|
|
|
const intClassify = [ // 积分tab |
|
|
|
{id:'', name:'全部'}, |
|
|
|
{id:1, name:'待发货'}, |
|
|
|
{id:2, name:'已发货'}, |
|
|
|
{id:3, name:'已完成'}, |
|
|
|
|
|
|
|
// 预约tab |
|
|
|
const resClassify = [ {id:'', name:'全部'}, {id:1, name:'待使用'}, {id:2, name:'已使用'}, {id:3, name:'已失效'}, {id:4, name:'已退款'}, ]; |
|
|
|
// 会员tab |
|
|
|
const memClassify = [ |
|
|
|
{id:'', name:'全部'}, {id:1, name:'使用中'}, {id:0, name:'已失效'}, |
|
|
|
] |
|
|
|
const timClassify = [ // 计时tab 全部/计费中/已完成/已退款 [空字符/0/1/4] |
|
|
|
{id:'', name:'全部'}, |
|
|
|
{id:0, name:'计费中'}, |
|
|
|
{id:1, name:'已完成'}, |
|
|
|
{id:4, name:'已退款'}, |
|
|
|
] |
|
|
|
const orgClassify = [ // 约玩tab 全部/计费中/已完成/已退款 [空字符/0/1/4] |
|
|
|
{id:'', name:'全部'}, |
|
|
|
{id:1, name:'已付款'}, |
|
|
|
{id:2, name:'已完成'}, |
|
|
|
{id:4, name:'已退款'}, |
|
|
|
] |
|
|
|
// 积分tab |
|
|
|
const intClassify = [ {id:'', name:'全部'}, {id:1, name:'待发货'}, {id:2, name:'已发货'}, {id:3, name:'已完成'}, ] |
|
|
|
|
|
|
|
// 计时tab 全部/计费中/已完成/已退款 [空字符/0/1/4] |
|
|
|
const timClassify = [ {id:'', name:'全部'}, {id:0, name:'计费中'}, {id:1, name:'已完成'}, {id:4, name:'已退款'}, ] |
|
|
|
|
|
|
|
// 约玩tab 全部/计费中/已完成/已退款 [空字符/0/1/4] |
|
|
|
const orgClassify = [ {id:'', name:'全部'}, {id:1, name:'已付款'}, {id:2, name:'已完成'}, {id:4, name:'已退款'}, ] |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
// 'reservation-order': order.reservation, |
|
|
|
@ -149,8 +140,12 @@ |
|
|
|
return []; |
|
|
|
}, |
|
|
|
titleName(){ |
|
|
|
let { orderType } = this; |
|
|
|
if(orderType == 3)return '预约订单'; |
|
|
|
let { orderType, appointOrderType } = this; |
|
|
|
if(orderType == 3){ |
|
|
|
if(appointOrderType == 0)return '订场订单'; |
|
|
|
if(appointOrderType == 1)return '次卡订单'; |
|
|
|
return '预约订单'; |
|
|
|
} |
|
|
|
if(orderType == 4)return '会员卡订单'; |
|
|
|
if(orderType == 5)return '积分商城订单'; |
|
|
|
if(orderType == 1)return '计时订单'; |
|
|
|
@ -183,60 +178,52 @@ |
|
|
|
orderInfo: {}, // 订单信息 退款数等 |
|
|
|
orderList: [], // 订单列表 |
|
|
|
page: 1, |
|
|
|
|
|
|
|
selectOrderType:[ //约玩订单切换 |
|
|
|
{ |
|
|
|
name:"发起约玩", |
|
|
|
active:true, |
|
|
|
type:"Main" |
|
|
|
}, |
|
|
|
{ |
|
|
|
name:"参与约玩", |
|
|
|
active:false, |
|
|
|
type:"Sub" |
|
|
|
} |
|
|
|
], |
|
|
|
selectedOrderType:"Main",//已选择类型 |
|
|
|
|
|
|
|
selectedOrderType: "Main",//约玩订单已选择类型 |
|
|
|
|
|
|
|
// 20210706 // 新增 ,预约订单分开 -> 次票、场次 |
|
|
|
appointOrderType: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
onReachBottom(){ |
|
|
|
let { curTabID, periodInfo, orderType, curSelectedStore, page } = this; |
|
|
|
let { curTabID, periodInfo, orderType, curSelectedStore, page, appointOrderType } = this; |
|
|
|
let _curSelectedStore = curSelectedStore || {}; |
|
|
|
this.getOrderList({ |
|
|
|
begin: periodInfo.start, |
|
|
|
end: periodInfo.end, |
|
|
|
// 订单状态 |
|
|
|
// 预约 - 1 已支付待使用 / 2 已使用 / 3 已失效 / 4 已退款 |
|
|
|
// 会员 - 1 '使用中' / 0 '无效' |
|
|
|
// 积分 - 1已付款 / 2 已发货 / 3 已完成 / 4 取消兑换 |
|
|
|
end: periodInfo.end, |
|
|
|
status: curTabID, |
|
|
|
stadium_id: _curSelectedStore.id || '', |
|
|
|
page: ++page, |
|
|
|
orderType: orderType, |
|
|
|
order_type: appointOrderType, |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
onLoad(options){ |
|
|
|
let _type = options.order_type |
|
|
|
let _type = options.order_type || ''; |
|
|
|
this.orderType = _type; |
|
|
|
this.$nextTick(_=>{ |
|
|
|
uni.setNavigationBarTitle({ |
|
|
|
title: this.titleName |
|
|
|
}) |
|
|
|
}) |
|
|
|
let defaultTime = this.getDefaultTimeLimit(_type); |
|
|
|
this.periodInfo = defaultTime; |
|
|
|
// 场地预约拆分订单 |
|
|
|
if(options.order_type == 3&&options.type!=undefined)this.appointOrderType = options.type; |
|
|
|
|
|
|
|
this.$nextTick(_=>{ uni.setNavigationBarTitle({ title: this.titleName }) }); |
|
|
|
|
|
|
|
this.periodInfo = this.getDefaultTimeLimit(_type); |
|
|
|
|
|
|
|
this.getStoreList(); |
|
|
|
this.getOrderList({ |
|
|
|
begin: defaultTime.start, |
|
|
|
end: defaultTime.end, |
|
|
|
orderType: _type |
|
|
|
}) |
|
|
|
|
|
|
|
this.$nextTick(this.refreshList); |
|
|
|
|
|
|
|
}, |
|
|
|
onUnload() { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取默认时间 |
|
|
|
// 3->预约,4->会员,5->积分,1->计时 |
|
|
|
@ -246,18 +233,18 @@ |
|
|
|
let _beforeSeven = _date.getTime() - _sevenTimeStemp; |
|
|
|
let _afterSeven = _date.getTime() + _sevenTimeStemp; |
|
|
|
|
|
|
|
let _obj = { |
|
|
|
start: '', |
|
|
|
end: '' |
|
|
|
} |
|
|
|
let _obj = { start: '', end: '' }; |
|
|
|
|
|
|
|
if(type == 3 )_obj['start']=util.formatDate({}),_obj['end'] = util.formatDate({date: _afterSeven}); |
|
|
|
|
|
|
|
if(type == 4 || type == 1)_obj['start']=util.formatDate({date: _beforeSeven}),_obj['end'] = util.formatDate({}); |
|
|
|
|
|
|
|
console.log(_obj) |
|
|
|
return _obj; |
|
|
|
}, |
|
|
|
// 刷新列表 |
|
|
|
refreshList(){ |
|
|
|
let { curTabID, periodInfo, orderType, curSelectedStore, page } = this; |
|
|
|
let { curTabID, periodInfo, orderType, curSelectedStore, page, appointOrderType } = this; |
|
|
|
let _curSelectedStore = curSelectedStore || {}; |
|
|
|
this.orderList = []; |
|
|
|
this.page = 1; |
|
|
|
@ -265,13 +252,10 @@ |
|
|
|
this.getOrderList({ |
|
|
|
begin: periodInfo.start, |
|
|
|
end: periodInfo.end, |
|
|
|
// 订单状态 |
|
|
|
// 预约 - 1 已支付待使用 / 2 已使用 / 3 已失效 / 4 已退款 |
|
|
|
// 会员 - 1 '使用中' / 0 '无效' |
|
|
|
// 积分 - 1已付款 / 2 已发货 / 3 已完成 / 4 取消兑换 |
|
|
|
status: curTabID, |
|
|
|
stadium_id: _curSelectedStore.id, |
|
|
|
orderType: orderType, |
|
|
|
order_type: appointOrderType, |
|
|
|
}) |
|
|
|
}, |
|
|
|
tabChange: util.debounce(function(ID){ |
|
|
|
@ -282,14 +266,11 @@ |
|
|
|
|
|
|
|
},300,300), |
|
|
|
//切换订单列表选项卡type |
|
|
|
tabTypeChange: util.debounce(function(index){ |
|
|
|
for(var i of this.selectOrderType){ |
|
|
|
i.active = false |
|
|
|
} |
|
|
|
this.selectOrderType[index].active = true |
|
|
|
this.selectedOrderType = this.selectOrderType[index].type |
|
|
|
tabTypeChange: util.debounce(function(item){ |
|
|
|
this.selectedOrderType = item.type |
|
|
|
this.$nextTick(this.refreshList); |
|
|
|
},300,true), |
|
|
|
|
|
|
|
storeChange(e){ |
|
|
|
let { value } = e.detail; |
|
|
|
let { storeList } = this; |
|
|
|
@ -381,6 +362,7 @@ |
|
|
|
page, |
|
|
|
page_size, |
|
|
|
order_type, |
|
|
|
orderType |
|
|
|
} |
|
|
|
if(this.orderType == "10"){ //助手约玩订单修改, 按后端荣升0430重写接口重新定制字段.后续后端家兴0507重新接手该接口的修改(涉及约玩订单列表及订单详情) |
|
|
|
postData['type'] = this.selectedOrderType; |
|
|
|
@ -410,15 +392,6 @@ |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
detailChange(){ |
|
|
|
console.log("点击了吗66") |
|
|
|
// let _query = {} |
|
|
|
// _query["stadium_id"] = e.stadium_id |
|
|
|
// _query["order_no"] = e.order_no |
|
|
|
// _query["order_type"] = this.orderType |
|
|
|
// util.routeTo(`/subpackage/device/pages/order_details/order_details?query=${util.jsonStr(_query)}`,'nT'); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
|
zmt
4 years ago