取消支付信息获取

zhiyangdu
1 parent 77baeb9e
Showing 2 changed files with 25 additions and 34 deletions
src/components/giftGivingItem/giftGivingItem.vue
src/pages/myGiftBox/myGiftBox.vue
@@ -44,7 +44,7 @@
             <!-- 按钮 -->
             <div class="btn_list">
                 <div class="box">
-                    <div v-on:click.stop="cancelPayment(item)" class="btn">取消支付</div>
+                    <div v-on:click.stop="$parent.actionSheetShow = true" class="btn">取消支付</div>
                     <div v-on:click.stop="jumpToPay(item)" class="active">立即支付</div>
                 </div>
             </div>
@@ -69,10 +69,6 @@ export default {
         jumpToPay(item){
              this.$emit('jumpToPay',item)
         },
-        // 取消支付
-        cancelPayment(item){
-             this.$emit('cancelPayment',item)
-        },
     }
 };
 </script>
@@ -35,7 +35,6 @@
                 <giftGivingItem
                     @onGiftGiving="onGiftGiving"
                     @jumpToPay="jumpToPay"
-                    @cancelPayment="cancelPayment"
                     v-show="active != 0 && active == 1"
                     :giftGivingItem="giftGivingItem"
                 >
@@ -45,11 +44,9 @@
             </div>
         </div>
         <!-- 弹出框 -->
-        <van-action-sheet
-            v-model="actionSheetShow"
-            :actions="actions"
-            @select="onSelect"
-        />
+        <van-popup position="bottom" v-model="actionSheetShow">
+            <van-picker :columns="causes" @change="onSelect" />
+        </van-popup>
     </div>
 </template>
@@ -79,11 +76,7 @@ export default {
             },
             tipText: null, // 是否已加载完
             actionSheetShow: false,
-            actions: [
-                // { name: "选项" },
-                // { name: "选项" },
-                // { name: "选项", subname: "描述信息" }
-            ]
+            causes: [] // 取消原因
         };
     },
     components: {
@@ -97,6 +90,8 @@ export default {
         this.getorderGiveGiftList();
         // 赠礼规则
         this.orderGiftContent();
+        // 取消订单元原因获取
+        this.cancelPayment();
     },
     methods: {
         /**
@@ -119,11 +114,9 @@ export default {
             }
         },
         // 取消订单选择框
-        onSelect(item) {
-            // 默认情况下点击选项时不会自动收起
-            // 可以通过 close-on-click-action 属性开启自动收起
+        onSelect(picker, value, index) {
             this.actionSheetShow = false;
-            // Toast(item.name);
+            Toast(`当前值：${value}, 当前索引：${index}`);
         },
         /**
          * 下啦滑动加载更多
@@ -425,17 +418,19 @@ export default {
                 this.actionSheetShow = true;
                 // 解构数据
                 let { data: datas } = res;
-                // this.actions = datas.group;
-                // 获取到的数组存到this.actions中去
+                // 获取到的数组存到this.causes中去
                 if (datas.group && datas.group.length > 0) {
-                    for (let i=0; i<datas.group.length; i++) {
-                        var obj = {}
-                        obj.name = datas.group[i]
-                        // push到新数组中
-                        this.actions.push(obj);
-                    }
+                    this.causes = datas.group;
+                    // for (let i=0; i<datas.group.length; i++) {
+                    //     var obj = {}
+                    //     obj.name = datas.group[i]
+                    //     // push到新数组中
+                    //     this.causes.push(obj);
+                    // }
+                    // // 数组对象去重
+                    // const newres = new Map();
+                    // this.causes =  this.causes.filter((arr) => !newres.has(arr.name) && newres.set(arr.name, 1))
                 }
-                console.log(this.actions);
             }
         },
         // 跳转原声支付
@@ -446,15 +441,15 @@ export default {
                 if (
                     window.webkit &&
                     window.webkit.messageHandlers &&
-                    window.webkit.messageHandlers.jumpToPay
+                    window.webkit.messageHandlers.openAppPayment
                 ) {
                     // App内，iOS销毁WebView
-                    window.webkit.messageHandlers.jumpToPay.postMessage({
-                        body: { orderNumber: item.id }
+                    window.webkit.messageHandlers.openAppPayment.postMessage({
+                        body: { orderNumber: item.orderid }
                     });
                 } else if (window.obj && window.obj.jumpToPay) {
                     // App内，Android销毁WebView
-                    window.obj.jumpToPay(item.id);
+                    window.obj.jumpToPay(item.orderid);
                 }
             }
         }
@@ -465,4 +460,4 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style rel="stylesheet/less" lang="less">
 @import "myGiftBox";
-</style>
 \ No newline at end of file
+</style>