|
@@ -1,6 +1,9 @@
|
|
|
<template>
|
|
|
<div class="p-pay-result">
|
|
|
- <div v-if="status === 'success' && info" class="pay-success ptc-inner">
|
|
|
+ <div
|
|
|
+ v-if="$route.params.status === 'success' && info"
|
|
|
+ class="pay-success ptc-inner"
|
|
|
+ >
|
|
|
<div class="alert">
|
|
|
<i class="alert-icon icon-success"></i>
|
|
|
<p class="alert-message">
|
|
@@ -41,7 +44,9 @@
|
|
|
>
|
|
|
CHECK ORDER
|
|
|
</button>
|
|
|
- <button class="ptc-button ptc-button--stroke">HOMEPAGE</button>
|
|
|
+ <button class="ptc-button ptc-button--stroke" @click="toHomePage">
|
|
|
+ HOMEPAGE
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -53,7 +58,9 @@
|
|
|
<!-- <p class="reason">Insufficient bank card balance</p> -->
|
|
|
<div class="button-group">
|
|
|
<button class="ptc-button">CUSTOMER SERVICE</button>
|
|
|
- <button class="ptc-button ptc-button--stroke">HOMEPAGE</button>
|
|
|
+ <button class="ptc-button ptc-button--stroke" @click="toHomePage">
|
|
|
+ HOMEPAGE
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -65,7 +72,6 @@ import { state, getCurrentOrder } from '@/store'
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'PayResult',
|
|
|
- props: ['status'], // 'success' | 'fail'
|
|
|
async beforeRouteEnter(to) {
|
|
|
if (to.params.status === 'success') {
|
|
|
await getCurrentOrder(to.query.id)
|
|
@@ -82,6 +88,11 @@ export default defineComponent({
|
|
|
created() {
|
|
|
state.bgWhite = true
|
|
|
},
|
|
|
+ methods: {
|
|
|
+ toHomePage() {
|
|
|
+ location.href = '/'
|
|
|
+ },
|
|
|
+ },
|
|
|
})
|
|
|
</script>
|
|
|
|