liveh5-nuxt/app/pages/collectCode/payment/result/index.vue
xingyy fae3728f5a refactor(payment): 优化支付相关页面和功能
- 修改支付页面中的价格显示,使用 leftCnyPrice 替代 leftPrice
- 添加用户编号查询功能,在签名前检查用户是否已存在
- 优化直播室侧边按钮的支付逻辑,使用 leftCnyPrice 替代 leftPrice
- 统一支付结果页面的展示逻辑,根据支付状态显示不同图片
- 修复艺术详情页面中的价格显示问题,使用 leftCnyPrice 替代 leftPrice
- 优化个人资料页面中的支付逻辑,使用 leftCnyPrice 替代 leftPrice
2025-03-07 19:23:52 +08:00

45 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 v-if="resData.status===1" class="w-119px h-120px mb-36px" src="@/static/images/5554@2x1.png" alt="">
<img v-else class="w-119px h-120px mb-36px" src="@/static/images/zu6021@2x.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>