fix(payment): 修复支付金额相关逻辑

- 将判断条件和支付金额从 qrData.value.price改为 qrData.value.leftPrice- 更新页面显示的金额相关文案
- 优化支付流程中的金额计算和提示信息
This commit is contained in:
xingyy 2025-02-21 11:20:41 +08:00
parent 660981cbcb
commit 2e79e5d5c2

View File

@ -21,7 +21,7 @@ const confirmPay = async () => {
message.warning('请输入金额') message.warning('请输入金额')
return return
} }
if (Number(qrData.value.price) < Number(amount.value)) { if (Number(qrData.value.leftPrice) < Number(amount.value)) {
message.warning('不得高于全部金额') message.warning('不得高于全部金额')
return return
} }
@ -30,7 +30,7 @@ const confirmPay = async () => {
forbidClick: true, forbidClick: true,
}); });
const res = await createOrder({ const res = await createOrder({
price: payStatus.value === 0 ? qrData.value.price : amount.value, price: payStatus.value === 0 ? qrData.value.leftPrice : amount.value,
currency: qrData.value.currency, currency: qrData.value.currency,
qrUid:qrUid.value, qrUid:qrUid.value,
testReturnHost:window.location.origin, testReturnHost:window.location.origin,
@ -69,11 +69,11 @@ const handleInput = (e) => {
</div> </div>
<div class="text-#1A1A1A text-16px mb-25px font-bold">{{ payStatus === 0 ? '支付全部' : '支付部分' }}</div> <div class="text-#1A1A1A text-16px mb-25px font-bold">{{ payStatus === 0 ? '支付全部' : '支付部分' }}</div>
<div class="text-#999999 text-16px mb-24px font-bold" v-if="payStatus===0">{{ qrData.currency }} <div class="text-#999999 text-16px mb-24px font-bold" v-if="payStatus===0">{{ qrData.currency }}
{{ qrData?.price }} {{ qrData?.leftPrice }}
</div> </div>
<div class="mb-12px" v-else> <div class="mb-12px" v-else>
<input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text" <input v-model="amount" class="w-272px h-48px bg-#F3F3F3 px-11px text-16px" type="text"
:placeholder="`最多${qrData.currency}${qrData?.price}`" @input="handleInput"> :placeholder="`最多${qrData.currency}${qrData?.leftPrice}`" @input="handleInput">
</div> </div>
<div class="text-#2B53AC text-14px" @click="changePayStatus">{{ payStatus === 1 ? '支付全部' : '支付部分' }}</div> <div class="text-#2B53AC text-14px" @click="changePayStatus">{{ payStatus === 1 ? '支付全部' : '支付部分' }}</div>
<div class="w-full mt-auto mb-40px"> <div class="w-full mt-auto mb-40px">