原生交互

zhiyangdu
1 parent 7bcce1a8
Showing 2 changed files with 34 additions and 3 deletions
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
src/pages/pointsMall/pointsMall.vue
@@ -16,7 +16,7 @@
           v-infinite-scroll="loadMore"
           infinite-scroll-disabled="loading"
           :infinite-scroll-distance="list.length">
-      <div class="item_box" v-for="(item, index) in list" :key="index">
+      <div @click="jumpOrderDes(item)" class="item_box" v-for="(item, index) in list" :key="index">
         <img v-lazy="item.simg" src="item" alt=""/>
         <div class="right">
           <div class="name">
@@ -63,6 +63,20 @@ export default {
   },
   //方法表示一个具体的操作，主要书写业务逻辑；
   methods: {
+    // 跳转原生商品详情页
+    jumpOrderDes (item) {
+      // 判断APP内
+      if (this.isCNLive.value) {
+        // （判断app内是否有该方法）
+        if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.jumpOrderDes) {
+          // 跳转到原生的任务列表
+          window.webkit.messageHandlers.jumpClientIntegralList.postMessage({ body: { orderId: item.id } })
+        } else if (window.obj && window.obj.jumpOrderDes) {
+          // 跳转到原生的任务列表
+          window.obj.jumpOrderDes(JSON.stringify({ orderId: item.id }));
+        }
+      }
+    },
     // 下拉刷新
     loadMore () {
       this.loading = true;
@@ -44,7 +44,7 @@
               <div class="earn_points_box">
                 <img class="earn_icon" src="static/img/points_icon_pice.png" alt="">
                 <div class="desc">赚取更多积分，兑换精美礼品～</div>
-                <div class="btn">赚取积分  <img class="earn_right_back" src="static/img/points_icon_white_right.png" alt=""/></div>
+                <div @click="jumpClientIntegralList" class="btn">赚取积分  <img class="earn_right_back" src="static/img/points_icon_white_right.png" alt=""/></div>
               </div>
             </div>
             <!-- 为你推荐 -->
@@ -149,11 +149,28 @@ export default {
       this.$router.push({
         path: '/pointsExchangeRecords',
         query: {
-          uid: this.getStore("uid") || 0,
+          uid: this.$route.query.uid || 0,
         }
       })
     },
     /**
+    * 跳转赚取积分页面
+    * @param {Object} item [数据对象]
+    */
+    jumpClientIntegralList () {
+      // 判断APP内
+      if (this.isCNLive.value) {
+        // （判断app内是否有该方法）
+        if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.jumpClientIntegralList) {
+          // 跳转到原生的任务列表
+          window.webkit.messageHandlers.jumpClientIntegralList.postMessage({ body: {} });
+        } else if (window.obj && window.obj.jumpClientIntegralList) {
+          // 跳转到原生的任务列表
+          window.obj.jumpClientIntegralList();
+        }
+      }
+    },
+    /**
     * 跳转商品详情
     * @param {Object} item [数据对象]
     */