t

src/views/Pay/child_cpn/PayInfo.vue

@@ -67,11 +67,7 @@
       class="row-center-center fc-f fs-36 ff-pp fw-5"
       style="margin-top: 0.66rem; position: relative"
     >
-      <div
-        ref="payBtn"
-        class="pay-btn row-center-center"
-        @click.once="_payment"
-      >
+      <div ref="payBtn" class="pay-btn row-center-center" @click="_payment">
         <div>立即支付</div>
 
         <div v-if="loading" class="loading"></div>
@@ -144,55 +140,61 @@ export default {
     async _payment() {
       this.$refs.payBtn.style.opacity = "0.5";
       this.loading = true;
-      const h5LogsObj = JSON.parse(decodeURI(utils.getCookie("h5LogsObj")));
-      let link = decodeURI(utils.getCookie("link"));
-
-      let params_createorder = {
-        zygt: "hzwz",
-        tgtk: 1,
-        uid: 122193,
-        pkg: "com.h5game.peidui",
-        source: h5LogsObj.source ? h5LogsObj.source : "toutiao",
-      };
-
-      // 获取订单号
-      let res_order = await API.API_createorder(
-        params_createorder,
-        this.baseInfo
-      );
-
-      const orderId = res_order.result.data.orderId;
-      utils.setCookie("orderId", orderId, 0); // 将orderId放入cookie中
-
-      // 上报-- > 信息收集;
-      API.API_h5Logs({
-        outTradeNo: orderId,
-        link: link,
-        clickId: h5LogsObj.clickid,
-        source: h5LogsObj.source,
-        pkg: h5LogsObj.pkg,
-      }).then((res) => {
-        console.log("收集数据===", res);
-      });
-
-      // 支付
-      API.API_gatewayCreateorder({
-        payPlatform: 1,
-        payType: 2,
-        wxType: "H5Page",
-        orderType: 5,
-        // pkg: h5LogsObj.pkg,
-        pkg: h5LogsObj.pkg ? h5LogsObj.pkg : "com.h5game.peidui",
-        outTradeNo: orderId,
-        totalFee: 1,
-      }).then((res) => {
+      setTimeout(() => {
         this.$refs.payBtn.style.opacity = "1";
         this.loading = false;
-        let mwebUrl = res.result.data.wakeup.mwebUrl;
-        let tempUrl = window.location.href;
-        tempUrl = tempUrl.replace("pay", "result");
-        window.location.href = `${mwebUrl}&redirect_url=${tempUrl}?pay_cb=1`;
-      });
+      }, 5000);
+      if (this.loading) {
+        const h5LogsObj = JSON.parse(decodeURI(utils.getCookie("h5LogsObj")));
+        let link = decodeURI(utils.getCookie("link"));
+
+        let params_createorder = {
+          zygt: "hzwz",
+          tgtk: 1,
+          uid: 122193,
+          pkg: "com.h5game.peidui",
+          source: h5LogsObj.source ? h5LogsObj.source : "toutiao",
+        };
+
+        // 获取订单号
+        let res_order = await API.API_createorder(
+          params_createorder,
+          this.baseInfo
+        );
+
+        const orderId = res_order.result.data.orderId;
+        utils.setCookie("orderId", orderId, 0); // 将orderId放入cookie中
+
+        // 上报-- > 信息收集;
+        API.API_h5Logs({
+          outTradeNo: orderId,
+          link: link,
+          clickId: h5LogsObj.clickid,
+          source: h5LogsObj.source,
+          pkg: h5LogsObj.pkg,
+        }).then((res) => {
+          console.log("收集数据===", res);
+        });
+
+        // 支付
+        API.API_gatewayCreateorder({
+          payPlatform: 1,
+          payType: 2,
+          wxType: "H5Page",
+          orderType: 5,
+          // pkg: h5LogsObj.pkg,
+          pkg: h5LogsObj.pkg ? h5LogsObj.pkg : "com.h5game.peidui",
+          outTradeNo: orderId,
+          totalFee: 1,
+        }).then((res) => {
+          this.$refs.payBtn.style.opacity = "1";
+          this.loading = false;
+          let mwebUrl = res.result.data.wakeup.mwebUrl;
+          let tempUrl = window.location.href;
+          tempUrl = tempUrl.replace("pay", "result");
+          window.location.href = `${mwebUrl}&redirect_url=${tempUrl}?pay_cb=1`;
+        });
+      }
     },
 
     // 倒计时