- 
- Credit / Debit Card
+
+
+
-
- Credit / Debit Card
+
+
+
+
-
+
+ Credit / Debit Card
+
+ Credit / Debit Card
+
-
-
-
-
- I agree to the Terms & Conditions and Privacy Policy.
- All digital item sales are final and non-refundable.
-
-
-
-
- You'll be redirected to a Paypal popup to log in and confirm. No card details are
- shared with Stylish Parade — PayPal handles all payment security.
+
+
+
-
-
-
-
-
+ I agree to the Terms & Conditions and
+ Privacy Policy. All digital item sales are final and
+ non-refundable.
+
- Please keep the window open until the payment is completed. If you are to open the
- payment window, please check your browser settings to see if pop-ups are being
- blocked. Points may be delayed after successful payment. Please wait 1-3 minutes and
- click the credits refresh button.
-
-
-
- Back
+
@@ -105,6 +111,14 @@
default: () => []
}
})
+ onMounted(() => {
+ if (query.value.paymentLink && query.value.paymentId) {
+ createOrderCall({
+ paymentLink: query.value.paymentLink,
+ paymentId: query.value.paymentId
+ })
+ }
+ })
const agreement = ref(false)
const paymentStatus = ref(ORDER_STATUS.PENDING)
const onPayWith = () => {
@@ -113,36 +127,28 @@
}
const ids = [...props.ids]
if (ids.length === 0) return
- CreateOrder(ids, true).then((res: any) => {
- const url = res.paymentLink
- const paymentId = res.paymentId
- openView(url)
- router.replace({
- query: {
- ...query.value,
- paymentId
- }
- })
- })
+ CreateOrder(ids, true).then(createOrderCall)
}
- const statusTips = {
- [ORDER_STATUS.PENDING]: '订单未支付',
- [ORDER_STATUS.FAILED]: '订单支付失败',
- [ORDER_STATUS.CANCELED]: '订单已取消'
+ const createOrderCall = (res: any) => {
+ const url = res.paymentLink
+ const paymentId = res.paymentId
+ openView(url)
+ router.replace({
+ query: {
+ ...query.value,
+ paymentId
+ }
+ })
}
const getOrderStatus = () => {
const paymentId = query.value.paymentId as string
GetOrderStatus(paymentId).then((res: any) => {
- const status = res as number
- if (status === ORDER_STATUS.SUCCESS) {
- // paymentStatus.value = status
- }else{
-
+ const status = res === null ? ORDER_STATUS.PENDING : (res as number)
+ paymentStatus.value = status
+ if (status !== ORDER_STATUS.SUCCESS) {
+ ElMessage.warning('订单未支付')
}
- // const tip = statusTips[status]
- // console.log(status)
})
- // paymentStatus.value = ORDER_STATUS.SUCCESS
}
const openView = (url, width = 600, height = 800) => {
const left = (screen.width - width) / 2
From 8209a1d6780eb7254bbd2ac1ba754bfe4222d547 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Fri, 29 May 2026 14:59:03 +0800
Subject: [PATCH 2/2] 11
---
src/views/pay/index.vue | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/views/pay/index.vue b/src/views/pay/index.vue
index 4c0e817..7b94390 100644
--- a/src/views/pay/index.vue
+++ b/src/views/pay/index.vue
@@ -24,7 +24,10 @@
try {
let str = route.query.list as string
list.value = JSON.parse(decodeURIComponent(atob(str)))
- } catch (error) {}
+ console.log(list.value)
+ } catch (error) {
+ console.log(error)
+ }
+
+
+
+ You'll be redirected to a Paypal popup to log in and confirm. No card details
+ are shared with Stylish Parade — PayPal handles all payment security.
+
+
+
+
+
+
+
+ Please keep the window open until the payment is completed. If you are to open
+ the payment window, please check your browser settings to see if pop-ups are
+ being blocked. Points may be delayed after successful payment. Please wait 1-3
+ minutes and click the credits refresh button.
+
+
+
+
+
@@ -105,6 +111,14 @@
default: () => []
}
})
+ onMounted(() => {
+ if (query.value.paymentLink && query.value.paymentId) {
+ createOrderCall({
+ paymentLink: query.value.paymentLink,
+ paymentId: query.value.paymentId
+ })
+ }
+ })
const agreement = ref(false)
const paymentStatus = ref(ORDER_STATUS.PENDING)
const onPayWith = () => {
@@ -113,36 +127,28 @@
}
const ids = [...props.ids]
if (ids.length === 0) return
- CreateOrder(ids, true).then((res: any) => {
- const url = res.paymentLink
- const paymentId = res.paymentId
- openView(url)
- router.replace({
- query: {
- ...query.value,
- paymentId
- }
- })
- })
+ CreateOrder(ids, true).then(createOrderCall)
}
- const statusTips = {
- [ORDER_STATUS.PENDING]: '订单未支付',
- [ORDER_STATUS.FAILED]: '订单支付失败',
- [ORDER_STATUS.CANCELED]: '订单已取消'
+ const createOrderCall = (res: any) => {
+ const url = res.paymentLink
+ const paymentId = res.paymentId
+ openView(url)
+ router.replace({
+ query: {
+ ...query.value,
+ paymentId
+ }
+ })
}
const getOrderStatus = () => {
const paymentId = query.value.paymentId as string
GetOrderStatus(paymentId).then((res: any) => {
- const status = res as number
- if (status === ORDER_STATUS.SUCCESS) {
- // paymentStatus.value = status
- }else{
-
+ const status = res === null ? ORDER_STATUS.PENDING : (res as number)
+ paymentStatus.value = status
+ if (status !== ORDER_STATUS.SUCCESS) {
+ ElMessage.warning('订单未支付')
}
- // const tip = statusTips[status]
- // console.log(status)
})
- // paymentStatus.value = ORDER_STATUS.SUCCESS
}
const openView = (url, width = 600, height = 800) => {
const left = (screen.width - width) / 2
From 8209a1d6780eb7254bbd2ac1ba754bfe4222d547 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Fri, 29 May 2026 14:59:03 +0800
Subject: [PATCH 2/2] 11
---
src/views/pay/index.vue | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/views/pay/index.vue b/src/views/pay/index.vue
index 4c0e817..7b94390 100644
--- a/src/views/pay/index.vue
+++ b/src/views/pay/index.vue
@@ -24,7 +24,10 @@
try {
let str = route.query.list as string
list.value = JSON.parse(decodeURIComponent(atob(str)))
- } catch (error) {}
+ console.log(list.value)
+ } catch (error) {
+ console.log(error)
+ }