paymentDetail.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <div>
  3. <s-header :name="$t('airwallex.paymentDetail')" :noback="false"></s-header>
  4. <div>付款详情:</div>
  5. <div class="button-container">
  6. <van-button round type="primary" @click="backToIndex">关闭</van-button>
  7. </div>
  8. </div>
  9. </template>
  10. <script>
  11. import sHeader from "@/components/SimpleHeader";
  12. import { styleUrl } from '../../common/js/utils';
  13. import { useRouter, useRoute } from "vue-router";
  14. import { ref, onMounted } from 'vue';
  15. export default {
  16. setup() {
  17. const router = useRouter();
  18. const route = useRoute();
  19. const paymentId = ref();
  20. styleUrl("airwallex");
  21. onMounted(async () => {
  22. try {
  23. // 获取从 payout 页面获取到的参数
  24. paymentId.value = route.query.paymentId;
  25. console.log("paymentId >>> " + paymentId.value);
  26. } catch (error) {
  27. console.error(error);
  28. // 处理异常情况
  29. }
  30. });
  31. // 导航到 airwallex 页面
  32. const backToIndex = async () => {
  33. router.push('/airwallex');
  34. }
  35. return {
  36. backToIndex
  37. };
  38. },
  39. components: { sHeader },
  40. };
  41. </script>