liveh5-nuxt/app/pages/collectCode/payment/result/index.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>