74 lines
2.4 KiB
Vue
74 lines
2.4 KiB
Vue
<template>
|
|
<div class="page--container d-flex justify-content-center bg-payResult">
|
|
<el-card class="d-flex align-self-center justify-content-center w-100" style="padding: 85px 40px; text-align: center">
|
|
<div class="row">
|
|
<i v-if="payment.status" class="fal fa-check-circle" style="font-size: 200px; color: #8DC640"></i>
|
|
<i v-else class="fal fa-times-circle" style="font-size: 200px; color: red"></i>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<h2>{{ payment.message }}</h2>
|
|
</div>
|
|
<div v-if="payment.status" class="row mt-4">
|
|
<h3 class="mb-3" style="line-height: 1.5;">نوش جانتان از اعتماد و خرید شما متشکریم</h3>
|
|
<h3> مجموعه برگ</h3>
|
|
</div>
|
|
<div v-if="payment.refId" class="row mt-4">
|
|
<p class="mb-3">{{ `شماره پیگیری پرداخت شما` }}</p>
|
|
<p>{{ payment.refId }}</p>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<template v-if="payment.fromWhere === 'app'">
|
|
<a v-if="payment.status" class="btn btn-success-result" href="barg://route/order/true">برگشت</a>
|
|
<a v-else class="btn btn-failed-result" href="barg://route/drawer/false">برگشت</a>
|
|
</template>
|
|
<template v-else>
|
|
<a v-if="payment.status" class="btn btn-success-result" href="https://app.bargrestaurant.com/order">برگشت</a>
|
|
<a v-else class="btn btn-failed-result" href="https://app.bargrestaurant.com/home">برگشت</a>
|
|
</template>
|
|
</div>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
layout: 'blank',
|
|
data() {
|
|
return {
|
|
payment: null
|
|
}
|
|
},
|
|
computed: {},
|
|
watch: {},
|
|
methods: {
|
|
back() {
|
|
|
|
}
|
|
},
|
|
async asyncData({$axios, query, error}) {
|
|
try {
|
|
const pay = await $axios.get(`/api/public/order/responsePayment?Authority=${query.Authority}&Status=${query.Status}`)
|
|
return {
|
|
payment: pay.data
|
|
}
|
|
} catch (e) {
|
|
if (e?.response?.status === 401) {
|
|
error({
|
|
status: 401,
|
|
message: 'شما اجازه دسترسی به این صفحه را ندارید لطفا دوباره وارد شوید'
|
|
})
|
|
} else {
|
|
error({
|
|
status: 500,
|
|
message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|