update

src/api/More/index.js

@@ -13,4 +13,8 @@ export default {
         const url = urls.getMoreSummary();
         return AjaxRequest.get(url);
     },
+    async getPayUrl() {
+        const url = 'http://organization.test.hrs100.cn:18080/api/common/pay/getPaymentUrl'
+        return AjaxRequest.get(url);
+    }
 };

src/assets/js/JsBridge.js

@@ -4,6 +4,7 @@ function initJsBridge(readyCallback) {
     var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
     var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端  
     
+
     // 注册jsbridge
     function connectWebViewJavascriptBridge(callback) {
         if (isAndroid) {
@@ -39,23 +40,15 @@ function initJsBridge(readyCallback) {
         }
     }
 
-    // // 调用注册方法
+    // // 调用注册方法  原生调用JS
     // connectWebViewJavascriptBridge(function (bridge) {
     //     if (isAndroid) {
     //         bridge.init('reloadTXLContact', function (data, responseCallback) {
-    //             //store.dispatch('changeTxlMember', data);
-    //             // data=JSON.parse(data);
-    //             // const date=Date.now();
-    //             // router.replace({ name: "addmembermanual", query: { name: data.name, linkway: data.linkway,date } });
     //             responseCallback('received from native data:', data);
     //         });
     //     }
 
     //     bridge.registerHandler('reloadTXLContact', function (data, responseCallback) {
-    //         //store.dispatch('changeTxlMember', data);
-    //         // data=JSON.parse(data);
-    //         // const date=Date.now();
-    //         // router.replace({ name: "addmembermanual", query: { name: data.name, linkway: data.linkway,date } });
     //         responseCallback('received from native data:' + data);
     //     });
     //     readyCallback();

src/main.js

@@ -32,9 +32,6 @@ FastClick.prototype.focus = function (targetElement) {
 Vue.prototype.setPageNavState = function () {
   try {
     initJsBridge(() => {
-      window.WebViewJavascriptBridge.callHandler("ready", null, function (
-        response
-      ) {
       window.WebViewJavascriptBridge.callHandler(
         "setPageNavState",
         {
@@ -50,7 +47,6 @@ Vue.prototype.setPageNavState = function () {
         }
       );
     });
-    });
   } catch (err) {
     console.log("setPageNavState is error");
   }

src/store/modules/more.js

@@ -60,6 +60,17 @@ const actions = {
         }
       })
     });
+  },
+  loadPayUrl () {
+    return new Promise((resolve, reject) => {
+      api.getPayUrl().then(res => {
+        if (res && res.status) {
+          resolve(res.data.paymentUrl);
+        } else {
+          reject(res.message)
+        }
+      })
+    });
   }
 }
 

src/views/Bill/index.vue

@@ -33,7 +33,7 @@
             </div>
           </div>
           <div class="header_info">
-            <div class="left">
+            <div class="left" @click="toPay()">
               <img src="../../assets/images/icon01.png" alt />
               <span>充值</span>
             </div>
@@ -173,6 +173,7 @@ export default {
       currentPerId: 0,
       currentPerName: "",
       period: [{ name: "" }],
+      payUrl:'',
       data: {
         balance: 0,
         waitPay: 0,
@@ -228,8 +229,14 @@ export default {
       "loadBillHosting",
       "loadReceiptList",
       "savePeriodIndex",
-      "savePerBeginDate"
+      "savePerBeginDate",
+      "loadPayUrl"
     ]),
+    toPay(){
+      let payUrl =
+        this.payUrl + "&accountType=1&payType=3&selected=1&failUrl=" + encodeURIComponent('https://pay.qinqinxiaobao.com/callback/fail') + "&successUrl="+ encodeURIComponent('https://pay.qinqinxiaobao.com/callback/success') +"" + "&periodId=" + this.currentPerId;
+      window.open(payUrl);
+    },
     toPage(flag) {
       switch (flag) {
         case 1: // 充值
@@ -423,6 +430,7 @@ export default {
     this.setPageNavState();
     this.globalNavLeftArrowClick(this.navLeftArrowClick);
     await this.loadPeriodData();
+    this.payUrl = await this.loadPayUrl();
   }
 };
 </script>

src/views/More/index.vue

@@ -18,7 +18,7 @@
             </div>
           </div>
           <div class="header_info">
-            <div class="left">
+            <div class="left" @click="toPay()">
               <img src alt />
               <span>充值</span>
             </div>
@@ -62,6 +62,7 @@ export default {
     return {
       title: "",
       list: [],
+      payUrl: "",
       summary: {
         accountId: 0,
         balance: 0,
@@ -70,7 +71,12 @@ export default {
     };
   },
   methods: {
-    ...mapActions(["loadMoreList", "loadMoreSummary"]),
+    ...mapActions(["loadMoreList", "loadMoreSummary", "loadPayUrl"]),
+    toPay() {
+      let payUrl =
+        this.payUrl + "&accountType=1&payType=3&selected=1&failUrl=" + encodeURIComponent('https://pay.qinqinxiaobao.com/callback/fail') + "&successUrl="+ encodeURIComponent('https://pay.qinqinxiaobao.com/callback/success') +"" + "&periodId=" + this.currentPerId;
+      window.open(payUrl);
+    },
     toPage() {
       this.$router.push({
         name: "billrecord",
@@ -106,6 +112,7 @@ export default {
     this.setPageNavState();
     this.globalNavLeftArrowClick(this.navLeftArrowClick);
     await this.getData();
+    this.payUrl = await this.loadPayUrl();
   }
 };
 </script>