|
|
@ -2,77 +2,110 @@ |
|
|
|
<view class="club-rental"> |
|
|
|
<view class="cr-header cr-box"> |
|
|
|
<view class="ch-stadium"> |
|
|
|
<image mode="aspectFit" :src="orderInfo.extension.stadium_logo"></image> |
|
|
|
<view>{{ orderInfo.extension.stadium_name || '-' }}</view> |
|
|
|
<image mode="aspectFit" :src="orderInfo.stadium_logo"></image> |
|
|
|
<view>{{ orderInfo.stadium_name || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="ch-user"> |
|
|
|
<view class="cu-line"> |
|
|
|
<view><text>手机号码:</text>{{ orderInfo.mobile || '-' }}</view> |
|
|
|
<view>退款完成</view> |
|
|
|
<view>{{ orderInfo.extension.status_text || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cu-line"> |
|
|
|
<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="orderInfo.hardware_name || '-'"> |
|
|
|
<block slot="name">设备名称:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'篮球'"> |
|
|
|
<block slot="name">租用设备:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.cabinet_name || '-'"> |
|
|
|
<block slot="name">柜子编号:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.deposit_order_no || '-'"> |
|
|
|
<block slot="name">订单编号:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.start_time || '-'"> |
|
|
|
<block slot="name">租借时间:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.end_time || '-'"> |
|
|
|
<block slot="name">归还时间:</block> |
|
|
|
</a-line> |
|
|
|
<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="orderInfo.extension.locker_price_hint || '-'"> |
|
|
|
<block slot="name">收费标准: </block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'¥60'"> |
|
|
|
<block slot="name">产生费用:</block> |
|
|
|
</a-line> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>积分抵扣</view> |
|
|
|
<view>¥{{ orderInfo.deduction_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>折扣金额</view> |
|
|
|
<view>-¥{{ orderInfo.discount_amount || 0 }}</view> |
|
|
|
<block v-if="orderInfo.order_type == 'deposit'"> |
|
|
|
<view class="cr-box cr-expense-info"> |
|
|
|
<view class="cr-tit">租用详情</view> |
|
|
|
<a-line :value="orderInfo.cabinet.rent_ball_price.goods_name || '-'"> |
|
|
|
<block slot="name">租用设备:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.deposit_order_no || '-'"> |
|
|
|
<block slot="name">订单编号:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'¥' + (orderInfo.extension.buy_price || 0)"> |
|
|
|
<block slot="name">押金金额:</block> |
|
|
|
</a-line> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>积分抵扣</view> |
|
|
|
<view>¥{{ orderInfo.deduction_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>折扣金额</view> |
|
|
|
<view>-¥{{ orderInfo.discount_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>优惠券优惠</view> |
|
|
|
<view>-¥{{ orderInfo.coupons_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-total"> |
|
|
|
<text>合计支付:</text>¥{{ orderInfo.pay_amount || 0 }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>优惠券优惠</view> |
|
|
|
<view>-¥{{ orderInfo.coupons_amount || 0 }}</view> |
|
|
|
</block> |
|
|
|
<block v-else> |
|
|
|
<view class="cr-rent-info cr-box"> |
|
|
|
<view class="cr-tit">租用详情</view> |
|
|
|
<a-line :value="orderInfo.hardware_name || '-'"> |
|
|
|
<block slot="name">设备名称:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.cabinet.rent_ball_price.goods_name || '-'"> |
|
|
|
<block slot="name">租用设备:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.cabinet.cabinet_name || '-'"> |
|
|
|
<block slot="name">柜子编号:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.order_no || '-'"> |
|
|
|
<block slot="name">订单编号:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.start_time || '-'"> |
|
|
|
<block slot="name">租借时间:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.end_time || '-'"> |
|
|
|
<block slot="name">归还时间:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.rent_duration || '-'"> |
|
|
|
<block slot="name">租借时长:</block> |
|
|
|
</a-line> |
|
|
|
</view> |
|
|
|
<view class="cei-total"> |
|
|
|
<text>合计支付:</text>¥{{ orderInfo.pay_amount || 0 }} |
|
|
|
<view class="cr-box cr-expense-info"> |
|
|
|
<view class="cr-tit">费用详情</view> |
|
|
|
<a-line :value="orderInfo.extension.cost_standard || '-'"> |
|
|
|
<block slot="name">收费标准: </block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.amount "> |
|
|
|
<block slot="name">产生费用:</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.pay_amount " v-if="orderInfo.order_type == 'buy'&&orderInfo.pay_status == 2"> |
|
|
|
<block slot="name">购买金额:</block> |
|
|
|
</a-line> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>积分抵扣</view> |
|
|
|
<view>¥{{ orderInfo.deduction_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>折扣金额</view> |
|
|
|
<view>¥{{ orderInfo.discount_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>优惠券优惠</view> |
|
|
|
<view>¥{{ orderInfo.coupons_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cei-total"> |
|
|
|
<text>合计支付:</text>¥{{ orderInfo.pay_amount || 0 }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</block> |
|
|
|
<view class="cr-box cr-pay-info"> |
|
|
|
<view class="cr-tit">费用详情</view> |
|
|
|
<view class="cr-tit">支付详情</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>订单编号</view> |
|
|
|
<view>{{ orderInfo.order_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付方式</view> |
|
|
|
<view>{{ orderInfo.pay_type || '-' }}</view> |
|
|
|
<view>{{ payTypeTxt(orderInfo.pay_type) }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付时间</view> |
|
|
@ -82,20 +115,25 @@ |
|
|
|
<view>交易流水号</view> |
|
|
|
<view>{{ orderInfo.trade_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款单号</view> |
|
|
|
<view>{{ orderInfo.refund_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款时间</view> |
|
|
|
<view>{{ orderInfo.refund_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>¥{{ orderInfo.refund_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<block v-if="orderInfo.pay_status == 4"> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款单号</view> |
|
|
|
<view>{{ orderInfo.refund_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款时间</view> |
|
|
|
<view>{{ orderInfo.refund_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>¥{{ orderInfo.refund_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="cr-btn" @click="depositRefundBtn">退押金</view> |
|
|
|
<view class="cr-btn" @click="depositRefundBtn" v-if="orderInfo.order_type == 'deposit'&&orderInfo.pay_status == 2">退押金</view> |
|
|
|
<view class="cr-btn" @click="overBillingBtn" v-if="orderInfo.order_type != 'deposit'&&orderInfo.pay_status == 1 || true">结束计费</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
@ -104,6 +142,8 @@ 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'; |
|
|
|
// 租用中 1 已完成2 已退款4 |
|
|
|
// 押金类型只有2,4 |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
'a-line': a_line, |
|
|
@ -111,7 +151,8 @@ export default { |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
orderInfo: { |
|
|
|
extension: {} |
|
|
|
extension: {}, |
|
|
|
cabinet: {}, |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
@ -119,14 +160,38 @@ export default { |
|
|
|
this.getOrderInfo(options.order_no); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
overBillingBtn: util.debounce(function(){ |
|
|
|
util.showLoad(); |
|
|
|
let { orderInfo } = this; |
|
|
|
server.post({ |
|
|
|
url: ORDER_API.rentballOrderEnd, |
|
|
|
data: { |
|
|
|
order_no: orderInfo.order_no |
|
|
|
}, |
|
|
|
isDefaultGet: false, |
|
|
|
}) |
|
|
|
.then(res => { |
|
|
|
util.hideLoad(); |
|
|
|
if(res.data.code == 0){ |
|
|
|
util.showNone(res.data.message || '操作成功!'); |
|
|
|
setTimeout(_=>this.getOrderInfo(orderInfo.order_no), 1200); |
|
|
|
}else{ |
|
|
|
util.showNone(res.data.message || '操作失败!'); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(util.hideLoad) |
|
|
|
}), |
|
|
|
payTypeTxt: util.order_pay_type_txt, |
|
|
|
getOrderInfo(order_no = ''){ |
|
|
|
util.showLoad(); |
|
|
|
server.get({ |
|
|
|
url: ORDER_API.hardwareOrderInfo, |
|
|
|
data: { order_no }, |
|
|
|
failMsg: '加载失败!' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
let _order = res.order || { extension: {} }; |
|
|
|
util.hideLoad(); |
|
|
|
let _order = res || { extension: {} }; |
|
|
|
this.orderInfo = _order; |
|
|
|
}) |
|
|
|
}, |
|
|
@ -143,6 +208,7 @@ export default { |
|
|
|
.then(res => { |
|
|
|
util.hideLoad(); |
|
|
|
if(res.data.code == 0){ |
|
|
|
setTimeout(_=>this.getOrderInfo(orderInfo.order_no), 1200); |
|
|
|
util.showNone(res.data.message || '操作成功!'); |
|
|
|
}else{ |
|
|
|
util.showNone(res.data.message || '操作失败!'); |
|
|
@ -199,7 +265,7 @@ export default { |
|
|
|
} |
|
|
|
&+view{ |
|
|
|
flex-shrink: 0; |
|
|
|
color: #EA5061; |
|
|
|
color: $themeColor; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|