送礼订单操作

zhiyangdu
1 parent 46ccd7d1
Showing 1 changed file with 32 additions and 19 deletions
src/pages/myGiftBox/myGiftBox.vue
@@ -45,8 +45,12 @@
             </div>
         </div>
         <!-- 弹出框 -->
-        <van-popup :style="{ height: '160px' }" position="bottom" v-model="actionSheetShow">
-            <van-picker :columns="orderOperation.causes" @change="onSelect" />
+        <van-popup
+            :style="{ height: '160px' }"
+            position="bottom"
+            v-model="actionSheetShow"
+        >
+            <van-picker show-toolbar :columns="orderOperation.causes" :default-index="2" @cancel="onCancel" @confirm="confirm"/>
         </van-popup>
     </div>
 </template>
@@ -77,10 +81,11 @@ export default {
             },
             tipText: null, // 是否已加载完
             actionSheetShow: false,
-            orderOperation: {// 存取取消订单的信息
-                causes:[],// 取消原因
-                id:''//订单id
-            } 
+            orderOperation: {
+                // 存取取消订单的信息
+                causes: [], // 取消原因
+                item: null //订单id
+            }
         };
     },
     components: {
@@ -94,7 +99,7 @@ export default {
         this.getorderGiveGiftList();
         // 赠礼规则
         this.orderGiftContent();
-        // 取消订单元原因获取
+        // 取消订单原因获取
         this.cancelPayment();
     },
     methods: {
@@ -418,24 +423,27 @@ export default {
                 // 获取到的数组存到this.causes中去
                 if (datas.group && datas.group.length > 0) {
                     this.orderOperation.causes = datas.group;
-                    console.log(this.orderOperation)
                 }
             }
         },
         // 取消支付子组件事件传递
-        onCancelPayment(item){
+        onCancelPayment(item) {
             this.actionSheetShow = true; // 显示底部取消订单原因弹框
-            this.orderOperation.id = item.id // 获取当前操作订单ID
+            this.orderOperation.item = item; // 获取当前操作订单ID
         },
-         // 取消订单选择框
-        onSelect(picker, value, index) {
+        // 确认，取消订单
+        confirm(picker, value, index) {
             this.actionSheetShow = false;
             // Toast(`当前值：${value}, 当前索引：${index}`);
             // 调用取消订单原因填写
-            this.cancelorder(this.orderOperation.id,value)
+            this.cancelorder(this.orderOperation.item, value);
+        },
+        // 取消，取消订单
+        onCancel(){
+             this.actionSheetShow = false;
         },
-         // 取消支付填写原因
-        cancelorder(orderId,content) {
+        // 取消支付填写原因
+        cancelorder(item, content) {
             // 加载中提示
             Indicator.open("加载中...");
@@ -443,12 +451,13 @@ export default {
             this.http(
                 "/Api/" + this.getApiVersion().index + "/cancel_order",
                 {
-                  id:orderId, // 订单ID
-                  content:content  // 取消订单ID
+                    id: item.id, // 订单ID
+                    content: content // 取消订单ID
                 },
                 this.cancelorderCallback,
                 {
-                    method: "post"
+                    method: "post",
+                    item
                 }
             );
         },
@@ -460,7 +469,11 @@ export default {
         cancelorderCallback(res, ext) {
             // 加载完成
             Indicator.close();
-
+            // 设置已关注
+            if (ext.item.status == "0") {
+                // 关注达人
+                this.$set(ext.item, "status", "3");
+            }
             // 返回处理
             if (res.code == 200) {
                 this.actionSheetShow = true;