- 
- 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
+
+
+
+ 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