|
|
|
@ -2,46 +2,46 @@ |
|
|
|
<view class="club-rental"> |
|
|
|
<view class="cr-header cr-box"> |
|
|
|
<view class="ch-stadium"> |
|
|
|
<image></image> |
|
|
|
<view>欧轩智能场馆(羽毛球永泰店)</view> |
|
|
|
<image mode="aspectFit" :src="orderInfo.extension.stadium_logo"></image> |
|
|
|
<view>{{ orderInfo.extension.stadium_name || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="ch-user"> |
|
|
|
<view class="cu-line"> |
|
|
|
<view><text>手机号码：</text>18316535486</view> |
|
|
|
<view><text>手机号码：</text>{{ orderInfo.mobile || '-' }}</view> |
|
|
|
<view>退款完成</view> |
|
|
|
</view> |
|
|
|
<view class="cu-line"> |
|
|
|
<view><text>用户昵称：</text></view> |
|
|
|
<view><text>用户昵称：</text>{{ orderInfo.extension.nickname || '-' }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cr-rent-info cr-box"> |
|
|
|
<view class="cr-tit">租用详情</view> |
|
|
|
<a-line :value="'欧轩智能租球机'"> |
|
|
|
<a-line :value="orderInfo.hardware_name || '-'"> |
|
|
|
<block slot="name">设备名称：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'篮球'"> |
|
|
|
<block slot="name">租用设备：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'7号柜'"> |
|
|
|
<a-line :value="orderInfo.cabinet_name || '-'"> |
|
|
|
<block slot="name">柜子编号：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'cu20200110150245788'"> |
|
|
|
<a-line :value="orderInfo.deposit_order_no || '-'"> |
|
|
|
<block slot="name">订单编号：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'2020-01-10 15:02:24'"> |
|
|
|
<a-line :value="orderInfo.start_time || '-'"> |
|
|
|
<block slot="name">租借时间：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'2020-01-01 16:00:00'"> |
|
|
|
<a-line :value="orderInfo.end_time || '-'"> |
|
|
|
<block slot="name">归还时间：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'1小时35分9秒'"> |
|
|
|
<a-line :value="orderInfo.end_time || '-'"> |
|
|
|
<block slot="name">租借时长：</block> |
|
|
|
</a-line> |
|
|
|
</view> |
|
|
|
<view class="cr-box cr-expense-info"> |
|
|
|
<view class="cr-tit">费用详情</view> |
|
|
|
<a-line :value="'20元/小时'"> |
|
|
|
<a-line :value="orderInfo.extension.locker_price_hint || '-'"> |
|
|
|
<block slot="name">收费标准： </block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'¥60'"> |
|
|
|
@ -49,18 +49,18 @@ |
|
|
|
</a-line> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>积分抵扣</view> |
|
|
|
<view>¥6</view> |
|
|
|
<view>¥{{ orderInfo.deduction_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>折扣金额</view> |
|
|
|
<view>-¥0</view> |
|
|
|
<view>-¥{{ orderInfo.discount_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>优惠券优惠</view> |
|
|
|
<view>-¥1</view> |
|
|
|
<view>-¥{{ orderInfo.coupons_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-total"> |
|
|
|
<text>合计支付：</text>￥5 |
|
|
|
<text>合计支付：</text>￥{{ orderInfo.pay_amount || 0 }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -68,44 +68,90 @@ |
|
|
|
<view class="cr-tit">费用详情</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>订单编号</view> |
|
|
|
<view>sc20 0822 0815 6894</view> |
|
|
|
<view>{{ orderInfo.order_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付方式</view> |
|
|
|
<view>微信支付</view> |
|
|
|
<view>{{ orderInfo.pay_type || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付时间</view> |
|
|
|
<view>2020-08-22 10:12:25</view> |
|
|
|
<view>{{ orderInfo.pay_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>交易流水号</view> |
|
|
|
<view>20200918125536456461262</view> |
|
|
|
<view>{{ orderInfo.trade_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款单号</view> |
|
|
|
<view>k20201112456556</view> |
|
|
|
<view>{{ orderInfo.refund_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款时间</view> |
|
|
|
<view>2020-08-23 10:12:25</view> |
|
|
|
<view>{{ orderInfo.refund_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>¥60</view> |
|
|
|
<view>￥{{ orderInfo.refund_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cr-btn ">退押金</view> |
|
|
|
<view class="cr-btn" @click="depositRefundBtn">退押金</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { ORDER_API } from '../../../js/api'; |
|
|
|
import server from '../../../js/server'; |
|
|
|
import a_line from '../../../../../components/order_list/a_line/a_line.vue'; |
|
|
|
import util from '../../../../../utils/util'; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
'a-line': a_line, |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
orderInfo: { |
|
|
|
extension: {} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options){ |
|
|
|
this.getOrderInfo(options.order_no); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getOrderInfo(order_no = ''){ |
|
|
|
server.get({ |
|
|
|
url: ORDER_API.hardwareOrderInfo, |
|
|
|
data: { order_no }, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
let _order = res.order || { extension: {} }; |
|
|
|
this.orderInfo = _order; |
|
|
|
}) |
|
|
|
}, |
|
|
|
depositRefundBtn: util.debounce(function(){ |
|
|
|
util.showLoad(); |
|
|
|
let { orderInfo } = this; |
|
|
|
server.post({ |
|
|
|
url: ORDER_API.rentballRefundDeposit, |
|
|
|
data: { |
|
|
|
order_no: orderInfo.order_no |
|
|
|
}, |
|
|
|
isDefaultGet: false, |
|
|
|
}) |
|
|
|
.then(res => { |
|
|
|
util.hideLoad(); |
|
|
|
if(res.data.code == 0){ |
|
|
|
util.showNone(res.data.message || '操作成功！'); |
|
|
|
}else{ |
|
|
|
util.showNone(res.data.message || '操作失败！'); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(util.hideLoad) |
|
|
|
}, 300, true) |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
@ -127,7 +173,6 @@ export default { |
|
|
|
margin-right: 14upx; |
|
|
|
width: 40upx; |
|
|
|
height: 40upx; |
|
|
|
background-color: skyblue; |
|
|
|
} |
|
|
|
>view{ |
|
|
|
font-size: 28upx; |
|
|
|
|
