fix(order): complete checkout details and deposit warning
This commit is contained in:
@@ -108,7 +108,9 @@ function updateNumberField(field: 'coin_consumed_m' | 'otherAmountYuan', event:
|
||||
<template v-if="props.remainingHafCoinM >= 0">
|
||||
,预计剩余 {{ quantity(props.remainingHafCoinM) }}M
|
||||
</template>
|
||||
<template v-else>,打超 {{ quantity(-props.remainingHafCoinM) }}M(超额从押金结算)</template>
|
||||
<template v-else
|
||||
>,打超 {{ quantity(-props.remainingHafCoinM) }}M(超额从押金结算)</template
|
||||
>
|
||||
</div>
|
||||
<van-field label="押金赔付扣除" label-width="100px">
|
||||
<template #input>
|
||||
@@ -125,6 +127,14 @@ function updateNumberField(field: 'coin_consumed_m' | 'otherAmountYuan', event:
|
||||
</template>
|
||||
</van-field>
|
||||
<div class="deposit-deduct-hint">仅填写封禁、违规、资产损坏等需要从押金赔付的费用。</div>
|
||||
<div
|
||||
v-if="Number(props.checkoutForm.otherAmountYuan || 0) > 0"
|
||||
class="deposit-deduct-warning"
|
||||
>
|
||||
注意:提交后将直接从预收押金中扣除 ¥{{
|
||||
money(props.checkoutForm.otherAmountYuan)
|
||||
}},并计入号主赔付。
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
<div class="checkout-fee-preview">
|
||||
@@ -250,6 +260,14 @@ function updateNumberField(field: 'coin_consumed_m' | 'otherAmountYuan', event:
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="Number(props.checkoutForm.otherAmountYuan || 0) > 0"
|
||||
class="deposit-deduct-warning"
|
||||
>
|
||||
注意:提交后将直接从预收押金中扣除 ¥{{
|
||||
money(props.checkoutForm.otherAmountYuan)
|
||||
}},并计入号主赔付。
|
||||
</div>
|
||||
<div class="checkout-deduct-preview">
|
||||
<div>
|
||||
<span>额外消耗品已用</span>
|
||||
@@ -659,6 +677,16 @@ function updateNumberField(field: 'coin_consumed_m' | 'otherAmountYuan', event:
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.deposit-deduct-warning {
|
||||
padding: 8px 10px;
|
||||
border: 1px solid #fed7aa;
|
||||
border-radius: 6px;
|
||||
background: #fff7ed;
|
||||
color: #c2410c;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.checkout-fee-preview {
|
||||
margin: 0 16px 12px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user