|
|
|
@ -8,42 +8,64 @@ |
|
|
|
<view class="ch-user"> |
|
|
|
<view class="cu-line"> |
|
|
|
<view><text>手机号码：</text>{{ orderInfo.mobile || '-' }}</view> |
|
|
|
<view>{{ orderInfo.extension.status_text || '-' }}</view> |
|
|
|
<view>{{ extension.status_text || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cu-line"> |
|
|
|
<view><text>用户昵称：</text>{{ orderInfo.extension.nickname || '-' }}</view> |
|
|
|
<view><text>用户昵称：</text>{{ extension.nickname || '-' }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 押金 --> |
|
|
|
<block v-if="orderInfo.order_type == 'deposit'"> |
|
|
|
<view class="cr-box cr-expense-info"> |
|
|
|
<view class="cr-tit">押金信息</view> |
|
|
|
|
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>押金金额：</text>￥{{ orderInfo.pay_amount || '0' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>押金订单号：</text>{{ orderInfo.deposit_order_no || '-' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<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 class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>租用商品：</text>{{ orderInfo.cabinet.rent_ball_price.goods_name || '-' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>折扣金额</view> |
|
|
|
<view>-¥{{ orderInfo.discount_amount || 0 }}</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>柜子编号：</text>{{ orderInfo.hardware_name || '-' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-line"> |
|
|
|
<view>优惠券优惠</view> |
|
|
|
<view>-¥{{ orderInfo.coupons_amount || 0 }}</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left green"> |
|
|
|
<text>租用时长：</text>{{ orderInfo.rent_duration || '-' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-total"> |
|
|
|
<text>合计支付：</text>￥{{ orderInfo.pay_amount || 0 }} |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>租用时间：</text>{{ orderInfo.start_time || '-' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>订单编号：</text>{{ extension.rent_order_no || '-' }} |
|
|
|
</view> |
|
|
|
<view class="cdl-right main-color" @click="toDepositOrder(extension.rent_order_no)"> |
|
|
|
查看租用订单 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
<block v-else> |
|
|
|
<view class="cr-rent-info cr-box"> |
|
|
|
<view class="cr-tit">租用详情</view> |
|
|
|
@ -69,32 +91,60 @@ |
|
|
|
<block slot="name">租借时长：</block> |
|
|
|
</a-line> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="cr-box cr-expense-info"> |
|
|
|
<view class="cr-tit">费用详情</view> |
|
|
|
<a-line :value="orderInfo.extension.cost_standard || '-'"> |
|
|
|
<a-line :value="extension.cost_standard || '-'"> |
|
|
|
<block slot="name">收费标准： </block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.amount "> |
|
|
|
<block slot="name">产生费用：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="orderInfo.buy_price " 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 class="cei-deposit-line"> |
|
|
|
<view class="cdl-left green"> |
|
|
|
<text>产生费用：</text>￥{{ orderInfo.amount || 0 }} |
|
|
|
</view> |
|
|
|
<view class="cdl-right" v-if="orderInfo.order_type != 'buy'&&orderInfo.pay_status !=1"> |
|
|
|
（产生费用已从押金扣取！） |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<block v-if="orderInfo.pay_status !=1"> |
|
|
|
<view class="cei-deposit-line" v-if="orderInfo.order_type == 'buy'"> |
|
|
|
<view class="cdl-left orange"> |
|
|
|
<text>购买金额：</text>￥{{ orderInfo.buy_price || 0 }} |
|
|
|
</view> |
|
|
|
<view class="cdl-right"> |
|
|
|
（购买费用已从押金扣取！） |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>已有押金：</text>￥{{ deposit_order.pay_amount || 0 }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>退回押金：</text>￥{{ deposit_order.refund_amount || 0 }} |
|
|
|
</view> |
|
|
|
<view class="cdl-right" v-if="orderInfo.order_type != 'buy'"> |
|
|
|
（回退押金已原路退返账户！） |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>押金订单号：</text>￥{{ orderInfo.deposit_order_no || '-' }} |
|
|
|
</view> |
|
|
|
<view class="cdl-right main-color" @click="toDepositOrder(orderInfo.deposit_order_no)"> |
|
|
|
查看押金订单 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="cei-deposit-line" v-if="orderInfo.order_type == 'buy'"> |
|
|
|
<view class="cdl-left"> |
|
|
|
<text>备注：</text>已购买该商品 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
</block> |
|
|
|
<view class="cr-box cr-pay-info"> |
|
|
|
@ -102,20 +152,30 @@ |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>订单编号</view> |
|
|
|
<view>{{ orderInfo.order_no || '-' }}</view> |
|
|
|
<view @click="copyOrderNo(orderInfo.order_no)">复制</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付方式</view> |
|
|
|
<view>{{ payTypeTxt(orderInfo.pay_type) }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付时间</view> |
|
|
|
<view>{{ orderInfo.pay_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>交易流水号</view> |
|
|
|
<view>{{ orderInfo.trade_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
<block v-if="orderInfo.pay_status == 4"> |
|
|
|
<block v-if="orderInfo.pay_status != 0"> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付方式</view> |
|
|
|
<view>{{ orderInfo.pay_type_text || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>支付时间</view> |
|
|
|
<view>{{ orderInfo.pay_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line" v-if="orderInfo.order_type == 'deposit'"> |
|
|
|
<view>交易流水号</view> |
|
|
|
<view>{{ orderInfo.trade_no || '-' }}</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="cr-box cr-pay-info" v-if="orderInfo.pay_status == 4&&orderInfo.order_type == 'deposit'"> |
|
|
|
<view class="cr-tit">退款信息</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>￥{{ orderInfo.refund_amount || 0 }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款单号</view> |
|
|
|
<view>{{ orderInfo.refund_no || '-' }}</view> |
|
|
|
@ -125,15 +185,13 @@ |
|
|
|
<view>{{ orderInfo.refund_time || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="cpi-line"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>￥{{ orderInfo.refund_amount || 0 }}</view> |
|
|
|
<view>退款原因</view> |
|
|
|
<view>{{ orderInfo.refund_reason || '-' }}</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
|
|
|
|
</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">结束计费</view> |
|
|
|
<view class="cr-btn" @click="overBillingBtn" v-if="orderInfo.order_type == 'rent'&&orderInfo.pay_status == 0">结束计费</view> |
|
|
|
<!-- <view class="cr-btn" @click="overBillingBtn">结束计费</view> --> |
|
|
|
|
|
|
|
<end-billing |
|
|
|
@ -160,6 +218,18 @@ export default { |
|
|
|
'a-line': a_line, |
|
|
|
'end-billing': end_billing |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
deposit_order(){ |
|
|
|
let { extension } = this; |
|
|
|
if(extension.deposit_order)return extension.deposit_order || {}; |
|
|
|
return {}; |
|
|
|
}, |
|
|
|
extension(){ |
|
|
|
let { orderInfo } = this; |
|
|
|
if(orderInfo.extension)return orderInfo.extension || {}; |
|
|
|
return {}; |
|
|
|
} |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
orderInfo: { |
|
|
|
@ -176,6 +246,12 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
copyOrderNo(data){ |
|
|
|
uni.setClipboardData({ data }); |
|
|
|
}, |
|
|
|
toDepositOrder(orderNo){ |
|
|
|
util.routeTo(`/subpackage/order/pages/club_rental/detail/detail?order_no=${orderNo}&is_end=0`, 'nT'); |
|
|
|
}, |
|
|
|
endBillingBtn: util.debounce(function(e){ |
|
|
|
this.isShowEndBilling = false; |
|
|
|
util.showModal({ |
|
|
|
@ -226,20 +302,19 @@ export default { |
|
|
|
}) |
|
|
|
.catch(util.hideLoad) |
|
|
|
}, |
|
|
|
payTypeTxt: util.order_pay_type_txt, |
|
|
|
getOrderInfo({ |
|
|
|
order_no = '', |
|
|
|
isEndBilling = false |
|
|
|
}){ |
|
|
|
util.showLoad(); |
|
|
|
server.get({ |
|
|
|
url: ORDER_API.hardwareOrderInfo, |
|
|
|
url: ORDER_API.rentBallOrderDetails, |
|
|
|
data: { order_no }, |
|
|
|
failMsg: '加载失败！' |
|
|
|
}) |
|
|
|
.then(res=>{ |
|
|
|
util.hideLoad(); |
|
|
|
let _order = res || { extension: {} }; |
|
|
|
let _order = res.order || { extension: {} }; |
|
|
|
this.orderInfo = _order; |
|
|
|
this.isShowEndBilling = isEndBilling; |
|
|
|
}) |
|
|
|
@ -380,9 +455,14 @@ export default { |
|
|
|
width: 150upx; |
|
|
|
color: #9A9A9D; |
|
|
|
} |
|
|
|
&+view{ |
|
|
|
&:nth-child(2){ |
|
|
|
@include textHide(1); |
|
|
|
} |
|
|
|
&:nth-child(3){ |
|
|
|
margin-left: 12upx; |
|
|
|
flex-shrink: 0; |
|
|
|
color: $themeColor; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -397,5 +477,34 @@ export default { |
|
|
|
background-color: $themeColor; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.cei-deposit-line{ |
|
|
|
@include centerFlex(flex-start); |
|
|
|
.cdl-left{ |
|
|
|
line-height: 52upx; |
|
|
|
font-size: 28upx; |
|
|
|
color: #1a1a1a; |
|
|
|
@include textHide(1); |
|
|
|
>text{ |
|
|
|
color: #9a9a9d; |
|
|
|
} |
|
|
|
&.green{ |
|
|
|
color: $themeColor; |
|
|
|
} |
|
|
|
&.orange{ |
|
|
|
color: #FF873D; |
|
|
|
} |
|
|
|
} |
|
|
|
.cdl-right{ |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 12upx; |
|
|
|
font-size: 24upx; |
|
|
|
color: #9a9a9d; |
|
|
|
&.main-color{ |
|
|
|
color: $themeColor; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
