fix(order): complete checkout details and deposit warning

This commit is contained in:
yml2213
2026-08-09 21:35:40 +08:00
parent 192f7957b8
commit 89bf5f30ba
4 changed files with 60 additions and 6 deletions
@@ -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;
}