feat(payment): 添加支付结果页面和外部支付页面

- 新增 payment-result 和 external 页面组件
- 更新 AppHeader 组件，添加支付结果相关路由
- 在 auth store 中添加 checkoutSessionUrl 属性
- 优化支付结果页面布局，增加回到首页按钮

app/components/AppHeader.vue

@@ -31,7 +31,7 @@ const subTitle = computed(() => {
   return route.meta.subTitle ? t(route.meta.subTitle) : ''
 })
 const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route.name))
-
+console.log('route.name',route.name)
 </script>
 
 <template>

app/config/index.js

@@ -1,3 +1,3 @@
 
 export const useAppFooterRouteNames= ['index', 'profile']
-export const useAppHeaderRouteNames= ['index', 'profile','login','collectCode-login','collectCode-mine']
+export const useAppHeaderRouteNames= ['index', 'profile','login','collectCode-login','collectCode-mine','payment-result']

app/pages/payment/external/index.vue

@@ -0,0 +1,15 @@
+<script setup>
+
+</script>
+
+<template>
+<div>
+  <iframe>
+
+  </iframe>
+</div>
+</template>
+
+<style scoped>
+
+</style>

app/pages/payment/index.vue

@@ -3,7 +3,8 @@ import {liveStore} from "~/stores/live/index.js";
 import {createBuyOrder} from "~/api/goods/index.js";
 import {goodStore} from "~/stores/goods/index.js";
 import { showLoadingToast ,closeToast} from 'vant';
-
+import {authStore} from "~/stores/auth/index.js";
+const {checkoutSessionUrl}= authStore()
 const payStatus=ref(0)
 const changePayStatus=()=>{
   payStatus.value=payStatus.value===0?1:0

app/pages/payment/result/index.vue

@@ -3,6 +3,7 @@ import {orderQuery} from "~/api/goods/index.js";
 definePageMeta({
   i18n: 'payment.text1',
 })
+const router = useRouter()
 const {t}=useI18n();
 const route = useRoute();
 const resData=ref({})
@@ -18,15 +19,23 @@ const statusLabel={
   3:t('payment.text4'),
   4:t('payment.text5'),
 }
+const goHome=()=>{
+  router.push('/')
+}
 </script>
 
 <template>
-  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px flex-grow-1 flex flex-col">
+  <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>
 

app/stores/auth/index.js

@@ -4,7 +4,9 @@ export const authStore = createGlobalState(() => {
     const RefreshToken=useLocalStorage('RefreshToken','')
     const userInfo=useLocalStorage('userInfo',{})
     const fingerprint=useLocalStorage('fingerprint','')
+    const checkoutSessionUrl=useLocalStorage('checkoutSessionUrl','')
     return{
+        checkoutSessionUrl,
         userInfo,
         RefreshToken,
         token,