取消订单

zhiyangdu
1 parent b14462e3
Showing 2 changed files with 63 additions and 20 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="$parent.actionSheetShow = true" class="btn">取消支付</div>
+                    <div v-on:click.stop="onCancelPayment(item)" class="btn">取消支付</div>
                     <div v-on:click.stop="jumpToPay(item)" class="active">立即支付</div>
                 </div>
             </div>
@@ -69,6 +69,10 @@ export default {
         jumpToPay(item){
              this.$emit('jumpToPay',item)
         },
+        // 取消订单
+        onCancelPayment(item){
+            this.$emit('onCancelPayment',item)
+        }
     }
 };
 </script>
@@ -34,6 +34,7 @@
                 <!-- 送礼列表 -->
                 <giftGivingItem
                     @onGiftGiving="onGiftGiving"
+                    @onCancelPayment="onCancelPayment"
                     @jumpToPay="jumpToPay"
                     v-show="active != 0 && active == 1"
                     :giftGivingItem="giftGivingItem"
@@ -44,8 +45,8 @@
             </div>
         </div>
         <!-- 弹出框 -->
-        <van-popup position="bottom" v-model="actionSheetShow">
-            <van-picker :columns="causes" @change="onSelect" />
+        <van-popup :style="{ height: '160px' }" position="bottom" v-model="actionSheetShow">
+            <van-picker :columns="orderOperation.causes" @change="onSelect" />
         </van-popup>
     </div>
 </template>
@@ -76,7 +77,10 @@ export default {
             },
             tipText: null, // 是否已加载完
             actionSheetShow: false,
-            causes: [] // 取消原因
+            orderOperation: {// 存取取消订单的信息
+                causes:[],// 取消原因
+                id:''//订单id
+            } 
         };
     },
     components: {
@@ -113,11 +117,6 @@ export default {
                 this.setGiftBottomVisibleBySwitchTab(0);
             }
         },
-        // 取消订单选择框
-        onSelect(picker, value, index) {
-            this.actionSheetShow = false;
-            Toast(`当前值：${value}, 当前索引：${index}`);
-        },
         /**
          * 下啦滑动加载更多
          */
@@ -390,10 +389,9 @@ export default {
             }
         },
         // 取消支付
-        cancelPayment(item) {
+        cancelPayment() {
             // 加载中提示
             Indicator.open("加载中...");
-
             // 获取送礼礼物列表接口
             this.http(
                 "/Api/" + this.getApiVersion().index + "/cancel_order_group",
@@ -415,21 +413,62 @@ export default {
             // 返回处理
             if (res.code == 200) {
+                // 解构数据
+                let { data: datas } = res;
+                // 获取到的数组存到this.causes中去
+                if (datas.group && datas.group.length > 0) {
+                    this.orderOperation.causes = datas.group;
+                    console.log(this.orderOperation)
+                }
+            }
+        },
+        // 取消支付子组件事件传递
+        onCancelPayment(item){
+            this.actionSheetShow = true; // 显示底部取消订单原因弹框
+            this.orderOperation.id = item.id // 获取当前操作订单ID
+        },
+         // 取消订单选择框
+        onSelect(picker, value, index) {
+            this.actionSheetShow = false;
+            // Toast(`当前值：${value}, 当前索引：${index}`);
+            // 调用取消订单原因填写
+            this.cancelorder(this.orderOperation.id,value)
+        },
+         // 取消支付填写原因
+        cancelorder(orderId,content) {
+            // 加载中提示
+            Indicator.open("加载中...");
+
+            // 获取送礼礼物列表接口
+            this.http(
+                "/Api/" + this.getApiVersion().index + "/cancel_order",
+                {
+                  id:orderId, // 订单ID
+                  content:content  // 取消订单ID
+                },
+                this.cancelorderCallback,
+                {
+                    method: "post"
+                }
+            );
+        },
+        /**
+         * 取消订单回调获取取消原因数据
+         * @param {object} res [服务器返回数据]
+         * @param {object} ext [扩展参数]
+         */
+        cancelorderCallback(res, ext) {
+            // 加载完成
+            Indicator.close();
+
+            // 返回处理
+            if (res.code == 200) {
                 this.actionSheetShow = true;
                 // 解构数据
                 let { data: datas } = res;
                 // 获取到的数组存到this.causes中去
                 if (datas.group && datas.group.length > 0) {
                     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))
                 }
             }
         },