地址填写调用原生APP的地址填写

zhiyangdu
1 parent 3542a17f
Showing 3 changed files with 95 additions and 45 deletions
src/components/appAddressToast/appAddressToast.vue
src/pages/goodDetails/goodDetails.vue
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
@@ -14,13 +14,13 @@
                                 {{ addressInfo.phone }}
                             </div>
                         </div>
-                        <div @click="changeAddress()" class="btn">更换</div>
+                        <div @click="changeAddress(addressInfo)" class="btn">更换</div>
                     </div>
                     <div v-if="addressInfo.address" class="info">
                         {{ addressInfo.address }}
                     </div>
                 </div>
-                <div class="tooltips" v-else @click="changeAddress()">
+                <div class="tooltips" v-else @click="changeAddress(addressInfo)">
                     您未填写地址，去填写
                 </div>
             </div>
@@ -51,8 +51,6 @@ export default {
     return {
       itemInfo: null,
       addressInfo: null,
-      goodsId: this.$route.query.goodsId || null, // 兑换商品ID
-      orderId: this.$route.query.orderId || null, // 订单ID 先兑换后填地址使用
       // drawRecordItemInfo: null // 中奖记录单条信息
     };
   },
@@ -64,15 +62,17 @@ export default {
     // 父组件点击兑换调用子组件传值商品商品信息
     getItemInfo (content, orderId) {
       this.itemInfo = content;
+      // 获取订单ID
       if (orderId) {
-        this.orderId = orderId
-      } else {
-        this.goodsId = content.id; // 获取需要兑换商品的ID
+        this.$set(this.itemInfo, "id", orderId)
       }
-      // 获取商品信息接口
-      this.luckDrawGift(content.id);
       // 获取首选地址接口
-      this.myFirstAddress();
+      this.myFirstAddress(this.itemInfo);
+    },
+    // app地址信息选中回调
+    getAppAddressInfo (content) {
+      // 选中赋值给addressInfo
+      this.addressInfo = content;
     },
     // 我的首选地址
     /**
@@ -130,22 +130,17 @@ export default {
      * 确定
      */
     confirm () {
-      // 兑换商品的ID分两种一种是订单ID填写地址；一种是有商品地址填写地址
-      let orderInfo = {
-        addressId: null,
-        id: null, // 兑换商品ID
-      };
       // 最新地址信息回传给父组件
-      this.$parent.addressInfo = this.addressInfo;
-      this.addLuckDrawAddress(orderInfo);
+      // this.$parent.addressInfo = this.addressInfo;
+      this.addLuckDrawAddress();
       // 隐藏弹框
       this.$parent.pointsToast_control = false;
     },
     //  更改地址跳转原生
-    changeAddress () {
+    changeAddress (addressInfo) {
       // 进入赛场传值给原生toId
       var result = prompt(
-        "jiaShen://enterExamination?toId=" + item.toId
+        "wjjshop://selectAddress" + (addressInfo && addressInfo.id ? ("?addressId=" + addressInfo.id) : "")
       );
     },
     // 提交中奖的商品信息
@@ -155,22 +150,21 @@ export default {
      * *@param {string} id [商品id]
      * *@param {string} id_card [身份证id]
      */
-    addLuckDrawAddress (orderInfo) {
+    addLuckDrawAddress () {
       // 加载中提示
       Indicator.open("加载中...");
-
       // 请求接口
       this.http(
         "/Api/" + this.getApiVersion().LuckDraw + "/addLuckIntegralAddress",
         {
           uid: this.getStore("uid"),
-          addressId: orderInfo.addressId,
-          id: orderInfo.id // 商品ID
+          addressId: this.addressInfo.id,
+          id: this.itemInfo.id // 商品ID
         },
         this.addLuckDrawAddressCallback,
         {
-          method: "POST",
-          ext: orderInfo
+          method: "POST"
+          // ext: this.itemInfo
         }
       );
     },
@@ -186,7 +180,7 @@ export default {
       // 返回处理
       if (res.code == 200) {
         Toast("提交成功等待发货");
-        this.$emit("toUpdate", ext.ext, this.addressInfo);
+        this.$emit("toUpdate", this.itemInfo, this.addressInfo);
       } else {
         // 兑换礼品失败
         Toast(res.message);
@@ -198,5 +192,5 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less">
-@import './addressToast';
+@import './appAddressToast';
 </style>
@@ -103,7 +103,7 @@
           </div>
         </div>
         <!-- 地址信息组件 -->
-        <h5-address-toast ref="itemsInfo" @toUpdate="toLinkPointsMall" v-show="pointsToast_control"></h5-address-toast>
+        <app-address-toast ref="itemsInfo" @toUpdate="toLinkPointsMall" v-show="pointsToast_control"></app-address-toast>
 </div>
 </template>
@@ -113,7 +113,7 @@ import callAppBox from &quot;@/components/callAppBox/callAppBox&quot;;
 import swiper from "@/components/swiper/swiper";
 import backBox from "@/components/backBox/backBox";
 import columnListBox from "@/components/columnListBox/columnListBox";
-import h5AddressToast from "@/components/h5AddressToast/h5AddressToast";
+import appAddressToast from "@/components/appAddressToast/appAddressToast";
 import { Toast, Indicator } from "mint-ui";
 export default {
   name: 'goodDetails',
@@ -122,7 +122,7 @@ export default {
       banner: null,
       goodsInfo: null,
       backs: null, // 后退按钮组
-      pointsToast_control: this.$route.query.pointsToast_control,
+      pointsToast_control: false,
       isExchange: false, // 是否已经兑换
     }
   },
@@ -132,7 +132,7 @@ export default {
     swiper,
     backBox,
     columnListBox,
-    h5AddressToast
+    appAddressToast
   },
   //静态
   props: [
@@ -385,6 +385,13 @@ export default {
         Toast("获取积分商品详情页失败");
       }
     },
+    /**
+    * app选中地址回选
+    * @param {Object} addressInfo [服务器返回数据]
+    */
+    appSelectAddressCallback (addressInfo) {
+      this.$refs.itemsInfo.getAppAddressInfo(addressInfo);
+    },
   },
   //请求数据
   created () {
@@ -427,17 +434,38 @@ export default {
   },
   mounted () {
+    var that = this;
+    window["appSelectAddressCallback"] = function (result) {
+      that.appSelectAddressCallback(result);
+    };
     // 如果是App外，设置唤起App和微信内分享参数
-    if (!this.isCNLive.value) {
-      // 设置积分首页唤起app参数
-      if (typeof this.$parent.getOpenApp === "function") {
-        this.$parent.getOpenApp({
-          type: 46,
-          id: this.$route.query.goodsId,
-          url: ""
-        });
-      }
-    }
+    // if (!this.isCNLive.value) {
+    //   // 设置积分首页唤起app参数
+    //   if (typeof this.$parent.getOpenApp === "function") {
+    //     this.$parent.getOpenApp({
+    //       type: 46,
+    //       id: this.$route.query.goodsId,
+    //       url: ""
+    //     });
+    //   }
+    // }
+    // // 地址回选原生回调
+    // if (this.isiPhone.value) {
+    //   var that = this;
+    //   function resolution (data) {
+    //     that.appSelectAddressCallback();
+    //   }
+    //   this.$bridge.registerHandler("appSelectAddressCallback", function (
+    //     data,
+    //     responseCallback
+    //   ) {
+    //     resolution(data);
+
+    //     responseCallback(data);
+    //   });
+    // } else if (this.isAndroid.value) {
+
+    // }
   },
   destroyed () {
     // 隐藏通用浮层
@@ -46,14 +46,14 @@
         没有更多了
     </div>
             <!-- 地址信息组件 -->
-    <h5-address-toast ref="itemsInfo" @toUpdate="updateAddressInfo" v-show="pointsToast_control"></h5-address-toast>
+    <app-address-toast ref="itemsInfo" @toUpdate="updateAddressInfo" v-show="pointsToast_control"></app-address-toast>
 </div>
 </template>
 <script>
 // 引入组件
 import { Toast, Indicator } from "mint-ui";
-import h5AddressToast from "@/components/h5AddressToast/h5AddressToast";
+import appAddressToast from "@/components/appAddressToast/appAddressToast";
 export default {
   data () {
     return {
@@ -67,7 +67,7 @@ export default {
   },
   //部件
   components: {
-    h5AddressToast
+    appAddressToast
   },
   //静态
   props: [
@@ -218,7 +218,14 @@ export default {
         // 后退
         window.history.go(-1);
       }
-    }
+    },
+    /**
+    * app选中地址回选
+    * @param {Object} addressInfo [服务器返回数据]
+    */
+    appSelectAddressCallback (addressInfo) {
+      this.$refs.itemsInfo.getAppAddressInfo(addressInfo);
+    },
   },
   //请求数据
   created () {
@@ -233,6 +240,27 @@ export default {
     }
   },
   mounted () {
+    // 地址回选原生回调
+    var that = this;
+    window["appSelectAddressCallback"] = function (result) {
+      that.appSelectAddressCallback(result);
+    };
+    // if (this.plat == "i") {
+    //   var that = this;
+    //   function resolution (data) {
+    //     that.appSelectAddressCallback();
+    //   }
+    //   this.$bridge.registerHandler("appSelectAddressCallback", function (
+    //     data,
+    //     responseCallback
+    //   ) {
+    //     resolution(data);
+
+    //     responseCallback(data);
+    //   });
+    // } else if (this.plat == "a") {
+
+    // }
   }
 }
 </script>