53 lines
1.2 KiB
Vue
53 lines
1.2 KiB
Vue
<script setup>
|
|
import { orderQuery } from "~/api/goods/index.js";
|
|
definePageMeta({
|
|
i18n: "payment.text1",
|
|
});
|
|
const router = useRouter();
|
|
const { t } = useI18n();
|
|
const route = useRoute();
|
|
const resData = ref({});
|
|
const res = await orderQuery({
|
|
orderNo: route.query.orderNo,
|
|
});
|
|
if (res.status === 0) {
|
|
resData.value = res.data;
|
|
}
|
|
const statusLabel = {
|
|
1: t("payment.text2"),
|
|
2: t("payment.text3"),
|
|
3: t("payment.text4"),
|
|
4: t("payment.text5"),
|
|
};
|
|
const goHome = () => {
|
|
router.push("/");
|
|
};
|
|
</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.status] }}!
|
|
</div>
|
|
<div class="text-#999 text-16px">
|
|
{{ resData.currency }}{{ resData.money }}
|
|
</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>
|