12 changed files with 391 additions and 106 deletions
-
2src/components/order_list/a_line/a_line.vue
-
92src/components/order_list/competition/competition.vue
-
2src/components/order_list/locker/locker.vue
-
8src/components/order_list/spectacular_monent/spectacular_monent.vue
-
4src/js/api.js
-
20src/pages/order_list/order_list.vue
-
3src/subpackage/order/js/api.js
-
135src/subpackage/order/pages/events/detail/detail.vue
-
215src/subpackage/order/pages/locker/detail/detail.vue
-
2src/subpackage/order/pages/order_manage/order_manage.vue
-
BINsrc/subpackage/order/static/images/close.png
-
14src/utils/util.js
@ -0,0 +1,92 @@ |
|||
<template> |
|||
<view class="competition-container" @click="toInfo"> |
|||
<a-header :source="orderInfo.extension.show_name || '-'" :status="getStatusTxt(orderInfo.order_status)"> |
|||
<view slot="line" class="cc-header-line">下单时间：{{ orderInfo.pay_time || '-' }}</view> |
|||
</a-header> |
|||
<view class="cc-info"> |
|||
<a-line :value="orderInfo.order_no || '-'"> |
|||
<block slot="name">订单编号：</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.match_name || '-'"> |
|||
<block slot="name">赛事主题：</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.match_type == 'personal' ? '个人' : orderInfo.match_type == 'team' ? '' : '团队' "> |
|||
<block slot="name">赛事类型：</block> |
|||
</a-line> |
|||
<a-line :value="orderInfo.match_info.match_addr || '-'"> |
|||
<block slot="name">赛事地址：</block> |
|||
</a-line> |
|||
</view> |
|||
<view class="cc-total"> |
|||
<view class="ct-view"><text class="cv-text">支付金额：</text>￥{{ orderInfo.pay_amount || '0' }}</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '../../../utils/util'; |
|||
import a_header from '../a_header/a_header.vue'; |
|||
import a_line from '../a_line/a_line.vue'; |
|||
export default { |
|||
components: { |
|||
'a-header': a_header, |
|||
'a-line': a_line, |
|||
}, |
|||
props: { |
|||
orderInfo: { |
|||
default: { |
|||
extension: {}, |
|||
match_info: {} |
|||
}, |
|||
type: Object |
|||
} |
|||
}, |
|||
methods: { |
|||
getStatusTxt(status){ |
|||
let _obj = { // 售货柜-> 6/ 浴室 -> 11 / 咖啡 -> 9 |
|||
'cancel' : '已取消', //已取消 订单超时未支付关闭/用户主动取消 |
|||
'no_pay' : '待付款', //待付款 下单后 |
|||
'signing' : '进行中', //进行中的报名中 付款了就是报名中 |
|||
'matching' : '进行中', //进行中的比赛中 赛事的开始时间到了 |
|||
'done' : '已取消', //已结束 赛事的结束时间到了 |
|||
'auto_refund' : '已退款', //已退款-不达人数/队伍数 系统自动退 |
|||
'back_refund' : '已退款', //已退款-后台主动退款 |
|||
}; |
|||
return _obj[status] || '-' |
|||
}, |
|||
toInfo(){ |
|||
let { orderInfo } = this; |
|||
util.routeTo(`/subpackage/order/pages/events/detail/detail?order_id=${orderInfo.id}`, 'nT'); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.competition-container{ |
|||
background-color: #fff; |
|||
padding: 0 20upx 20upx; |
|||
border-radius: 10upx; |
|||
.cc-header-line{ |
|||
margin-top: 12upx; |
|||
font-size: 24upx; |
|||
line-height: 34upx; |
|||
color: #9A9A9D; |
|||
} |
|||
} |
|||
.cc-total{ |
|||
padding: 10upx 0; |
|||
@include centerFlex(flex-end); |
|||
.ct-view{ |
|||
font-weight: 500; |
|||
font-size: 28upx; |
|||
color: #333; |
|||
@include textHide(1); |
|||
.cv-text{ |
|||
font-weight: 400; |
|||
color: #9A9A9D; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
|
After Width: 34 | Height: 34 | Size: 233 B |
Write
Preview
Loading…
Cancel
Save
Reference in new issue