|
|
|
@ -2,60 +2,63 @@ |
|
|
|
<view class="value-card-order-info"> |
|
|
|
<view class="i-box vc-header"> |
|
|
|
<view class="vh-name"> |
|
|
|
<view>欧轩智能场馆(羽毛球永泰店)</view> |
|
|
|
<view>{{ orderInfo.buy_stadium_name || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="vh-info"> |
|
|
|
<view class="vi-line">储值卡卡号：124646</view> |
|
|
|
<view class="vi-line">手机号码：18316466456</view> |
|
|
|
<view class="vi-line">储值卡余额：1000</view> |
|
|
|
<view class="vi-line">储值卡卡号：{{ orderInfo.card_no || '-' }}</view> |
|
|
|
<view class="vi-line">手机号码：{{ orderInfo.mobile || '-' }}</view> |
|
|
|
<view class="vi-line">储值卡余额：{{ orderInfo.balance || '0' }}</view> |
|
|
|
</view> |
|
|
|
<view class="vh-btns"> |
|
|
|
<view>消费记录</view> |
|
|
|
<view class="red">扣费</view> |
|
|
|
<view class="orange">充值</view> |
|
|
|
<view @click="toRecord">消费记录</view> |
|
|
|
<block v-if="orderInfo.status == 1"> |
|
|
|
<view class="red">扣费</view> |
|
|
|
<view class="orange">充值</view> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
<image class="vh-tag"></image> |
|
|
|
</view> |
|
|
|
<view class="i-box vc-info"> |
|
|
|
<view class="vc-tit">储值卡信息</view> |
|
|
|
<a-line :value="'yiming'"> |
|
|
|
<a-line :value="orderInfo.nickname || '-'"> |
|
|
|
<block slot="name">微信昵称：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'白金储值卡'"> |
|
|
|
<a-line :value="orderInfo.name || '-'"> |
|
|
|
<block slot="name">储值卡名称：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'个人卡（1/1 ）'"> |
|
|
|
<a-line :value="orderInfo.kind || '-'"> |
|
|
|
<block slot="name">卡类型：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'至2022.08.28'"> |
|
|
|
<a-line :value="'至' + orderInfo.expired_at || '-'"> |
|
|
|
<block slot="name">有效期：</block> |
|
|
|
</a-line> |
|
|
|
</view> |
|
|
|
<view class="i-box vc-record"> |
|
|
|
<view class="vc-tit">购卡记录</view> |
|
|
|
<view class="vr-tit">升级 2020-05-23 13:25</view> |
|
|
|
<a-line :value="'黄金储值卡'"> |
|
|
|
<block slot="name">名称：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'1000元'"> |
|
|
|
<block slot="name">面值：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'￥1999'"> |
|
|
|
<block slot="name">售价：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'￥1000'"> |
|
|
|
<block slot="name">支付金额：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'￥10（30天内有效）'"> |
|
|
|
<block slot="name">赠送金额：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'小程序'"> |
|
|
|
<block slot="name">途径：</block> |
|
|
|
</a-line> |
|
|
|
|
|
|
|
<view class="vr-border"></view> |
|
|
|
<block v-for="(e, i) in orderInfo.records" :key="i"> |
|
|
|
<view class="vr-tit">{{getWayTxt(e.order_way)}} {{e.pay_time || ''}}</view> |
|
|
|
<a-line :value="e.card_name || '-'"> |
|
|
|
<block slot="name">名称：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="e.par_value || 0"> |
|
|
|
<block slot="name">面值：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="e.price || 0"> |
|
|
|
<block slot="name">售价：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="e.pay_amount || 0"> |
|
|
|
<block slot="name">支付金额：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="e.give_money_text || 0"> |
|
|
|
<block slot="name">赠送金额：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="e.create_type_text || '-'"> |
|
|
|
<block slot="name">途径：</block> |
|
|
|
</a-line> |
|
|
|
<view class="vr-border" v-if="i<orderInfo.records.length-1"></view> |
|
|
|
</block> |
|
|
|
|
|
|
|
<view class="vr-tit">升级 2020-05-23 13:25</view> |
|
|
|
<!-- <view class="vr-tit">升级 2020-05-23 13:25</view> |
|
|
|
<a-line :value="'黄金储值卡'"> |
|
|
|
<block slot="name">名称：</block> |
|
|
|
</a-line> |
|
|
|
@ -73,7 +76,7 @@ |
|
|
|
</a-line> |
|
|
|
<a-line :value="'小程序'"> |
|
|
|
<block slot="name">途径：</block> |
|
|
|
</a-line> |
|
|
|
</a-line> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="vc-mask" v-if="false"> |
|
|
|
@ -201,7 +204,7 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="vc-mask"> |
|
|
|
<view class="vc-mask" v-if="false"> |
|
|
|
<view class="tip-modal"> |
|
|
|
<image class="tm-close"></image> |
|
|
|
<image class="tm-icon"></image> |
|
|
|
@ -221,9 +224,46 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import a_line from '../../../../../components/order_list/a_line/a_line.vue'; |
|
|
|
import util from '../../../../../utils/util'; |
|
|
|
import { ORDER_API } from '../../../js/api'; |
|
|
|
import server from '../../../js/server'; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
'a-line': a_line, |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
orderInfo: { |
|
|
|
records: [] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options){ |
|
|
|
this.getInfo(options.card_no); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toRecord(){ |
|
|
|
let { orderInfo } = this; |
|
|
|
util.routeTo(`/subpackage/order/pages/value_card/xpense_tracker/xpense_tracker?card_no=${orderInfo.card_no}`, 'nT'); |
|
|
|
}, |
|
|
|
getInfo(card_no){ |
|
|
|
server.get({ |
|
|
|
url: ORDER_API.userValueCardInfo, |
|
|
|
data: { card_no }, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
this.orderInfo = res || {}; |
|
|
|
}) |
|
|
|
}, |
|
|
|
getWayTxt(order_way){ |
|
|
|
let _obj = { |
|
|
|
0: '购买', |
|
|
|
1: '升级', |
|
|
|
2: '充值', |
|
|
|
} |
|
|
|
return _obj[order_way] || '-' |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
