liveh5-nuxt/app/pages/overseasCode/payment/result/index.vue

57 lines
1.4 KiB
Vue

<script setup>
import { orderQuery } from "~/api/goods/index.js";
import { abroadPayInfo } from "~/api-collect-code/abroad/index";
definePageMeta({
i18n: "payment.text1",
});
const router = useRouter();
const { t } = useI18n();
const route = useRoute();
const resData = ref({});
// 获取支付信息
const res=await abroadPayInfo({QrUid:route.query.qrUid})
if (res.status === 0) {
resData.value = res.data;
}
const statusLabel = {
1: t("payment.text4"),
2: t("payment.text2"),
3: t("payment.text4"),
4: t("payment.text5"),
};
const goHome = () => {
router.push("/");
};
// overseasCode/payment/result
</script>
<template>
<div
class="w-[100vw] h-screen-nav bg-[url('@/static/images/3532@2x.png')] bg-cover grow-1 flex flex-col items-center px-30px"
>
<div class="flex flex-col items-center mt-150px">
<img
class="w-119px h-120px mb-36px"
src="@/static/images/5554@2x1.png"
alt=""
/>
<div class="text-#000 text-16px mb-25px">
{{ statusLabel[resData.PaymentStatus] }}!
</div>
<div class="text-#999 text-16px">
{{ resData.CurrencyType===1?'人民币':'美元' }}{{ resData.Amount }}
</div>
</div>
<!-- <div class="w-full mt-auto mb-40px">
<van-button type="primary" block @click="goHome">
回到首页
</van-button>
</div>-->
</div>
</template>
<style scoped></style>