cashier.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <template>
  2. <div class="cashier-wrapper">
  3. <form ref="formDom" :action="pageData.formData.actionUrl" method="post" id="submitForm">
  4. <input type="hidden" name="callbackUrl" :value="pageData.formData.callbackUrl">
  5. <input type="hidden" name="currency" :value="pageData.formData.currency">
  6. <input type="hidden" name="merType" :value="pageData.formData.merType">
  7. <input type="hidden" name="merchantNo" :value="pageData.formData.merchantNo">
  8. <input type="hidden" name="merchantOrderNo" :value="pageData.formData.merchantOrderNo">
  9. <input type="hidden" name="noticeUrl" :value="pageData.formData.noticeUrl">
  10. <input type="hidden" name="orderAmount" :value="pageData.formData.orderAmount">
  11. <input type="hidden" name="productDetail" :value="pageData.formData.productDetail">
  12. <input type="hidden" name="sign" :value="pageData.formData.sign">
  13. <input type="hidden" name="timeStamp" :value="pageData.formData.timeStamp">
  14. <input type="hidden" name="version" :value="pageData.formData.version">
  15. </form>
  16. </div>
  17. </template>
  18. <script setup>
  19. import { onMounted, ref, reactive, nextTick } from "vue";
  20. import {usdRechargeRequestByAchpay} from "@/http/account"
  21. import {setChromeStorage, getChromeStorage} from "@/uilts/chromeExtension"
  22. let formDom = ref(null);
  23. let pageData = reactive({
  24. formData: {
  25. actionUrl: '',
  26. callbackUrl: '',
  27. currency: '',
  28. merType: '',
  29. merchantNo: '',
  30. merchantOrderNo: '',
  31. noticeUrl: '',
  32. orderAmount: '',
  33. productDetail: '',
  34. sign: '',
  35. timeStamp: '',
  36. version: '',
  37. }
  38. })
  39. const getLocalPayInfo = async () => {
  40. let payInfo = await getChromeStorage('achPayInfo');
  41. console.log(payInfo,'payInfo');
  42. if(payInfo) {
  43. chrome.storage.local.remove("achPayInfo");
  44. usdRechargeRequestByAchpay({
  45. params: {
  46. amountValue: payInfo.amountValue
  47. }
  48. }).then(res => {
  49. if(res.code == 0) {
  50. pageData.formData = res.data;
  51. nextTick(() => {
  52. console.log('form', formDom.value, pageData.formData);
  53. formDom.value && formDom.value.submit();
  54. })
  55. }
  56. })
  57. }
  58. }
  59. onMounted(() => {
  60. getLocalPayInfo();
  61. })
  62. </script>
  63. <style scoped lang="scss">
  64. .cashier-wrapper {
  65. }
  66. </style>