支付祈福订单-待完善

api/order/order.js

@@ -0,0 +1,32 @@
+import request from "../../utils/request";
+
+// 祈愿订单接口
+export function ordersPray(data = {}) {
+  return request({
+    url: "/app/orders/pray",
+    method: "POST",
+    data: {
+      channelId: 1,
+      templeId: 12,
+      ...data,
+    }, // POST请求应该使用data而不是params
+  });
+}
+
+// 法会订单接口
+export function ordersFormed(data = {}) {
+  return request({
+    url: "/app/orders/formed",
+    method: "POST",
+    data,
+  });
+}
+
+// 供奉订单接口
+export function ordersEnshrined(data = {}) {
+  return request({
+    url: "/app/orders/enshrined",
+    method: "POST",
+    data,
+  });
+}

page_user/webView/webView.vue

@@ -0,0 +1,19 @@
+<template>
+  <view class="pages">
+    <web-view :src="https"></web-view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      https: "",
+    };
+  },
+  onLoad(option) {
+    this.https = decodeURIComponent(decodeURIComponent(option.https));
+    console.log("https:" + option.https);
+  },
+};
+</script>

page_user/webViewVR/webViewVR.vue

@@ -19,5 +19,3 @@ export default {
   methods: {},
 };
 </script>
-
-<style lang="scss" scoped></style>

pages.json

@@ -251,6 +251,13 @@
           "style": {
             "navigationBarTitleText": "VR"
           }
+        },
+        {
+        	"path" : "webView/webView",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : ""
+        	}
         }
       ]
     }

pages/pray/pray.vue

@@ -211,10 +211,11 @@ export default {
           uni.showToast({ title: "祈福成功！", icon: "success" });
           this.resetForm();
 
+          let prayId = response.data.prayId;
           // 跳转到祈福成功页面
           setTimeout(() => {
             uni.navigateTo({
-              url: "/pages/pray/praySuccess",
+              url: "/pages/pray/praySuccess?prayId=" + prayId,
             });
           }, 1500);
         } else {

pages/pray/praySuccess.vue

@@ -1,10 +1,14 @@
 <template>
   <view class="page">
     <custom-navbar title="祈福成功" />
-    <view class="header" :style="{ backgroundColor: CommonEnum.BASE_COLOR }">
+    <view :style="{ backgroundColor: CommonEnum.BASE_COLOR }" class="header">
       <!-- 孔明灯图标 -->
       <view class="lantern-container">
-        <image class="lantern-image" :src="CommonEnum.KongmingLantern" mode="aspectFit" />
+        <image
+          :src="CommonEnum.KongmingLantern"
+          class="lantern-image"
+          mode="aspectFit"
+        />
       </view>
 
       <!-- 确认信息 -->
@@ -25,16 +29,21 @@
     </view>
 
     <!-- 捐赠弹窗 -->
-    <donate-modal :visible="showDonate" @close="closeDonateModal" @confirm="handleConfirmDonate" />
+    <donate-modal
+      :visible="showDonate"
+      @close="closeDonateModal"
+      @confirm="handleConfirmDonate"
+    />
   </view>
 </template>
 
 <script>
-  import CommonEnum from '../../enum/common'
+import CommonEnum from "../../enum/common";
-  import CustomNavbar from '../../components/custom-navbar/custom-navbar.vue'
+import CustomNavbar from "../../components/custom-navbar/custom-navbar.vue";
-  import DonateModal from '../../components/donate-modal/donate-modal.vue'
+import DonateModal from "../../components/donate-modal/donate-modal.vue";
+import { ordersPray } from "../../api/order/order";
 
-  export default {
+export default {
   components: {
     CustomNavbar,
     DonateModal,
@@ -44,87 +53,108 @@
       CommonEnum,
       loading: false,
       showDonate: true,
-      }
+      PostData: {},
+    };
   },
-    onLoad() {
+  onLoad(options) {
+    this.PostData.prayId = options.prayId;
     // 页面加载时获取数据
-      this.loadPageData()
+    this.loadPageData();
   },
   methods: {
     // 加载页面数据
     async loadPageData() {
-        this.loading = true
+      this.loading = true;
       try {
         // TODO: 调用页面数据API
         // const response = await getPageData()
         // 模拟加载
         setTimeout(() => {
-            this.loading = false
+          this.loading = false;
-          }, 1000)
+        }, 1000);
       } catch (error) {
-          console.error('获取页面数据失败:', error)
+        console.error("获取页面数据失败:", error);
-          this.loading = false
+        this.loading = false;
       }
     },
 
     // 处理捐赠香火钱
     handleDonate() {
       uni.showToast({
-          title: '捐赠功能开发中',
+        title: "捐赠功能开发中",
-          icon: 'none',
+        icon: "none",
-        })
+      });
     },
 
     // 返回首页
     handleReturnHome() {
       uni.reLaunch({
-          url: '/pages/nearbystores/index',
+        url: "/pages/nearbystores/index",
-        })
+      });
     },
 
     // 显示捐赠弹窗
     showDonateModal() {
-        this.showDonate = true
+      this.showDonate = true;
     },
 
     // 关闭捐赠弹窗
     closeDonateModal() {
-        this.showDonate = false
+      this.showDonate = false;
     },
 
     // 确认捐赠
     handleConfirmDonate(data) {
-        const amount = data.isRandom ? '随缘' : data.amount
+      const amount = data.isRandom ? "随缘" : data.amount;
       uni.showModal({
-          title: '提示',
+        title: "提示",
         content: `您确定要捐赠 ${amount} 元吗？`,
-          success: res => {
+        success: async (res) => {
           if (res.confirm) {
+            this.PostData.payAmount = amount;
+
+            this.backCallPay();
+
             uni.showToast({
-                title: '捐赠成功！',
+              title: "捐赠成功！",
-                icon: 'success',
+              icon: "success",
-              })
+            });
-              this.closeDonateModal()
+            this.closeDonateModal();
           }
         },
-        })
+      });
+    },
+
+    async backCallPay() {
+      const res = await ordersPray(this.PostData);
+      console.log("@@@@@@@@@", res);
+      console.log("@@@@@@@@@", res.data);
+      console.log("@@@@@@@@@", res.data.payParams);
+      console.log("@@@@@@@@@", res.data.payParams.payUrl);
+      const encodedUrl = encodeURIComponent(
+        encodeURIComponent(res.data.payParams.payUrl),
+      );
+
+      uni.navigateTo({
+        url: "/page_user/webView/webView?https=" + encodedUrl,
+      });
     },
   },
-  }
+};
 </script>
 
 <style lang="scss" scoped>
-  page {
+page {
   background: #f5f0e7;
-  }
+}
 
-  .page {
+.page {
   position: relative;
   width: 100%;
   min-height: 100vh;
-  }
+}
 
-  .header {
+.header {
   width: 100%;
   min-height: 100vh;
   display: flex;
@@ -133,9 +163,9 @@
   padding: 0 15rpx;
   padding-top: 120rpx;
   padding-bottom: 200rpx;
-  }
+}
 
-  .lantern-container {
+.lantern-container {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -148,9 +178,9 @@
     border-radius: 20rpx;
     padding: 20rpx;
   }
-  }
+}
 
-  .confirmation-message {
+.confirmation-message {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -170,9 +200,9 @@
     text-align: center;
     line-height: 1.5;
   }
-  }
+}
 
-  .action-buttons {
+.action-buttons {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -225,5 +255,5 @@
       font-weight: bold;
     }
   }
-  }
+}
 </style>