积分兑换，线下领取，我得订单添加领取按钮~

王强
1 parent 028f0237
Showing 3 changed files with 155 additions and 37 deletions
src/pages/partyBuildingGoodDetails/partyBuildingGoodDetails.vue
src/pages/pointsExchangeRecords/pointsExchangeRecords.less
src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
@@ -362,15 +362,6 @@ export default {
    */
     addLuckIntegralOrder (addressId) {
  
-      console.log('addLuckIntegralOrder', addressId);
-      console.log('uid', this.getStore("uid"));
-      console.log('id', this.$route.query.goodsId);
-      console.log('addressId', addressId || (this.currentAddress && this.currentAddress.id ? this.currentAddress.id : ''));
-
-      // return false;
-
-
-
       // 加载中提示
       Indicator.open("加载中...");
  
@@ -96,6 +96,17 @@
             line-height: 60px;
             text-align: center;
           }
+          .gray{
+            width: 160px;
+            height: 60px;
+            border: 1px solid #9B9B9B;
+            border-radius: 30px;
+            font-size: 30px;
+            font-weight: 400;
+            color: #9B9B9B;
+            line-height: 60px;
+            text-align: center;
+          }
           img{
             display: block;
             width: 22px;
@@ -7,7 +7,7 @@
  
                 <!--返回按钮-->
                 <img @click="goback" class="goback" src="static/img/icon_back.png" />
-                <div class="text">我的订单</div>
+                <div class="text">{{ title }}</div>
             </div>
         </div>
  
@@ -29,7 +29,7 @@
                         <span v-show="item.price>0"> + {{item.price}}元</span>          
                     </div>
                     <div class="exchange_time">
-                        兑换时间 {{item.create_time*1000 | datetime('yyyy-MM-dd hh:mm:ss')}}
+                        兑换时间 {{item.create_time * 1000 | datetime('yyyy-MM-dd hh:mm:ss')}}
                     </div>
                     <div v-show="item.shop_type == 1 && !item.address_name && !item.address_address && !item.address_phone" class="btn-box">
  
@@ -42,6 +42,12 @@
                         <!-- 已填写地址等待发货状态 -->
                         <div v-show="item.sendtime && item.sendtime>0" class="look_logistics">查看物流</div>
                     </div>
+                    <div v-show="item.shop_type == 4" class="btn-box">
+                        
+                        <!-- 已填写地址等待发货状态 -->
+                        <div class="gray" v-show="item.sendtime && item.sendtime>0">已领取</div>
+                        <div class="look_logistics" v-show="item.sendtime && item.sendtime==0">确认领取</div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -49,7 +55,7 @@
         <!-- 暂无记录展示 -->
         <div v-show="list.length == 0 && isCall" class="no_gift_tip">
             <img src="static/img/no_gift_tip.png" alt=""/>
-            <div class="text">暂无我的订单</div>
+            <div class="text">暂无订单</div>
         </div>
         <div v-show="list.length>0 && isMore ==0" class="is_more">
             没有更多了
@@ -67,7 +73,8 @@ import { Toast, Indicator } from &quot;mint-ui&quot;;
 export default {
   data () {
     return {
-      list: [], // 中奖记录列表
+      title: "", // 标题
+      list: [], // 订单列表记录列表
       page: 0,
       isMore: 1, // 0没有更多1有更多
       addressInfo: null, // 暂存已选商品发货地址信息
@@ -130,8 +137,91 @@ export default {
         this.$set(this.$parent, "showOptions", options);
         // 显示通用浮层
         this.$parent.$refs.showModal.showLayer();
+      } else if (item.shop_type == 4 && item.sendtime == 0) {
+        // 线下领取商品
+        // 校验登录
+        if (this.$parent.checkLogin()) {
+          // 提示用积分值兑换兑换
+          let options = {
+            title: "",
+            message: "确认领取？",
+            confirmButtonText: "确定",
+            confirmButtonCallback: this.finishLuckIntegralOrder,
+            showCancelButton: true,
+            cancelButtonText: "取消",
+            params:item
+          };
+          // 调用showModal层参数
+          this.$set(this.$parent, "showOptions", options);
+          // 显示通用浮层
+          this.$parent.$refs.showModal.showLayer();
+        }
       }
     },
+
+    /**
+     * 确认领取
+     * @param {object} item [订单信息]
+     */
+    finishLuckIntegralOrder(item) {
+      
+      // 加载中提示
+      Indicator.open("确认中...");
+        
+        // 请求接口
+        this.http("/Api/" + this.getApiVersion().LuckDraw + "/finishLuckIntegralOrder", {
+          id: item.id,
+          uid: this.getStore("uid")
+        }, this.finishLuckIntegralOrderCallback, {
+          method: "POST",
+          item
+        });
+    },
+    
+    /**
+     * 确认领取回调
+     * @param {Object} res [服务器返回数据]
+     * @param {Object} ext [扩展参数]
+     */
+     finishLuckIntegralOrderCallback (res, ext) {
+
+      console.log('finishLuckIntegralOrderCallback', res, ext);
+
+      // 加载完成
+      Indicator.close();
+
+      // 提示标题
+      let title = '';
+
+      // 返回处理
+      if (res.code == 200) {
+        
+        // 领取成功
+        title = '领取成功';
+
+        // 设置领取成功状态
+        ext.item.sendtime = new Date().getTime();
+      } else {
+
+        // 领取失败
+        title = '领取失败';
+      }
+
+      // 显示查看地址弹框
+      let options = {
+          title: title,
+          message: "",
+          messageAlign: "center",
+          confirmButtonText: "我知道了",
+          confirmButtonCallback: ""
+        };
+
+        this.$set(this.$parent, "showOptions", options);
+
+        // 显示通用浮层
+        this.$parent.$refs.showModal.showLayer();
+     },
+
     // 填写地址
     // addAddressInfo (item) {
     //   // 如果是实物弹起填写地址弹窗
@@ -184,41 +274,43 @@ export default {
       this.page++;
       this.getmyLuckDraw(this.page);
     },
-    // 抽奖记录
+
     /**
-     * 获取活动详情页信息
-     * @param {string} id [活动id]
-     * * @param {string} uid [用户id]
+     * 获取订单列表
+     * @param {String} page [页码]
      */
-    getmyLuckDraw (page) {
+    getmyLuckDraw(page) {
+
+      // 判断是否有更多
       if (this.isMore == 1) {
+        
         // 加载中提示
         Indicator.open("加载中...");
+        
         // 请求接口
-        this.http(
-          "/Api/" + this.getApiVersion().LuckDraw + "/myLuckIntegralOrder",
-          {
-            uid: this.getStore("uid"),
-            page: page,
-            type: this.$route.query.type // 1亲子嘉年华 2 康疫健步 3 积分商城 4 脐橙 7 健康商城
-          },
-          this.myLuckDrawCallback,
-          {
-            method: "POST"
-          }
-        );
+        this.http("/Api/" + this.getApiVersion().LuckDraw + "/myLuckIntegralOrder", {
+          uid: this.getStore("uid"),
+          page: page,
+          type: this.$route.query.type // 1亲子嘉年华 2 康疫健步 3 积分商城 4 脐橙 7 健康商城 11 积分兑换订单列表
+        }, this.myLuckDrawCallback, {
+          method: "POST"
+        });
       }
     },
+
     /**
      * 获取抽奖记录信息回调
      * @param {object} res [服务器返回数据]
      * @param {object} ext [扩展参数]
      */
     myLuckDrawCallback (res, ext) {
+      
       this.loading = false;
+      
       // 加载完成
       Indicator.close();
       this.isCall = true;
+      
       // 返回处理
       if (res.code == 200) {
         // 解构数据
@@ -226,18 +318,22 @@ export default {
         if (datas.list.length == 0) {
           this.isMore = 0;
         } else {
-          /* 获取活动详情页数据 开始 */
+          
+          /* 获取积分兑换订单数据 开始 */
           for (let i = 1; i <= datas.list.length; i++) {
             this.list.push(datas.list[i - 1]);
           }
         }
-        /* 获取抽奖记录 结束 */
+
+        /* 获取积分兑换订单数据 结束 */
       } else if (res.code == 400) {
-        // 获取抽奖记录失败
+        
+        // 获取订单失败
         Toast(res.message);
       } else {
-        // 获取抽奖记录失败
-        Toast("获取抽奖记录失败");
+        
+        // 获取订单失败
+        Toast("获取订单失败");
       }
     },
     /**
@@ -287,6 +383,9 @@ export default {
   },
   //请求数据
   created () {
+    // 设置标题
+    this.$set(this, "title", "我的订单");
+
     if (this.isiPhone.value || this.isiPad.value) {
       this.pointsToast_control = this.$route.query.pointsToast_control;
     } else {
@@ -297,6 +396,24 @@ export default {
       );
     }
   },
+  //对象内部的属性监听，也叫深度监听
+  head: {
+    title () {
+      return {
+        inner: this.title
+      }
+    }
+  },
+  watch: {
+    // 设置页面标题
+    title (newVal) {
+      if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
+        this.$iFrame.insertIFrame(newVal);
+      } else {
+        this.$emit("updateHead");
+      }
+    }
+  },
   mounted () {
     // 地址回选原生回调
     var that = this;
@@ -336,5 +453,4 @@ export default {
  
 <style rel="stylesheet/less" scoped lang="less">
 @import 'pointsExchangeRecords';
-</style>
-
+</style>
 \ No newline at end of file