礼包的购买功能实现，兑换实现

前端研发-钱巧玲
1 parent d9df84d6
Showing 6 changed files with 132 additions and 74 deletions
pages/giftpack/buygiftpack/giftpackbuy.js
pages/giftpack/buygiftpack/giftpackbuy.wxml
pages/giftpack/giftpacklist/giftpacklist.wxml
pages/giftpack/mygiftpack/mygiftpack.js
pages/giftpack/mygiftpack/mygiftpack.wxml
pages/user/index/index.wxml
@@ -18,13 +18,16 @@ Page({
       contentdown: '加载更多',
       contentrefresh: '加载中...',
       contentnomore: '已加载全部'
-    }
+    },
+    is_read:0,//礼包列表是否全部加载完毕
   },
   onLoad: function(options) {
     var th = this;
+    var my_confirm = th.selectComponent("#my_confirm"); //组件的id
+    my_confirm.open_cancel(0);
     th.setData({
       getStorageID: a.stoid,
-      getUserID: 5682130
+      getUserID: d.user_id
     })
   },
   onShow: function() {
@@ -40,7 +43,7 @@ Page({
   GetBuyPrice: function(e) {
     var that = this.data;
     var th = this;
-    var lbId = e.currentTarget.dataset.lbId;//活动id
+    var id = e.currentTarget.dataset.id;//活动id
     var my_confirm = th.selectComponent("#my_confirm"); //组件的id
     my_confirm.open(
       "是否确定购买该礼包",
@@ -50,11 +53,12 @@ Page({
         my_confirm.open_cancel(0);
       },
       function() {
+        my_confirm.open_cancel(0);
         var json = {
           "actId": '', //活动Id
           "actType": '', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
           "buyType": '2', //1=积分兑换 2=余额购买
-          "lbId": lbId, //礼包Id
+          "lbId": id, //礼包Id
           "storeId": that.getStorageID, //商家Id
           "userId": that.getUserID, //用户ID
           "buyFrom": 2
@@ -70,7 +74,20 @@ Page({
           }, // 设置请求的 header
           success: function (res) {
             if (res.data.code == 0) {
-              window.location.href = th.data.url + '/Mobile/Payment/getPay.html?stoid=' + that.getStorageID + '&order_sn=' + res.data.data.orderSn + '&recharge_type=6';
+              res=res.data.data;
+              wx.requestPayment({
+                timeStamp: String(res.timeStamp),
+                nonceStr: res.nonceStr,
+                package: res.packageValue,
+                signType: res.signType,
+                paySign: res.paySign,
+                success: function (n) {
+                        
+                },
+                fail: function (n) {
+                  
+                }
+              });
             } else {
               getApp().my_warnning(res.data.msg, 0, th);
             }
@@ -87,7 +104,7 @@ Page({
   GetBuyIntegral: function(e) {
     var that = this.data;
     var th = this;
-    var lbId = e.currentTarget.dataset.lbId;//活动id
+    var id = e.currentTarget.dataset.id;//活动id
     var my_confirm = th.selectComponent("#my_confirm"); //组件的id
     my_confirm.open(
       "是否确定兑换该礼包",
@@ -97,16 +114,25 @@ Page({
         my_confirm.open_cancel(0);
       },
       function() {
-        getApp().request.post('/api/weshop/marketing/buy/receive/gift/record/insert', {
-          data: {
-            "actId": '', //活动Id
-            "actType": '', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
-            "buyType": '1', //1=积分兑换 2=余额购买
-            "lbId": 26, //礼包Id
-            "storeId": that.getStorageID, //商家Id
-            "userId": that.getUserID //用户ID
-          },
-          success: function success(res) {
+        my_confirm.open_cancel(0);
+        var json = {
+          "actId": '', //活动Id
+          "actType": '', //活动类型 1:新人礼、2:评价有礼、3:节日营销、4:生日营销
+          "buyType": '1', //1=积分兑换 2=余额购买
+          "lbId": id, //礼包Id
+          "storeId": that.getStorageID, //商家Id
+          "userId": that.getUserID //用户ID
+        };
+        var data = JSON.stringify(json);
+        var url = that.url + "/api/weshop/marketing/buy/receive/gift/record/insert";
+        wx.request({
+          url: url,
+          data: data,
+          method: 'post',
+          header: {
+            'content-type': 'application/json'
+          }, // 设置请求的 header
+          success: function (res) {
             if (res.data.code == 0) {
               getApp().my_warnning("兑换成功！", 1, th);
             } else {
@@ -129,7 +155,7 @@ Page({
     _this.setData({
       loadingType: 1
     })
-    getApp().request.get('/api/weshop/marketing/my/giftbag/page', {
+    getApp().request.get('/api/weshop/marketing/giftbag/page', {
       data: {
         "storeId": that.getStorageID, //商家ID
         "userId": that.getUserID, //用户ID
@@ -153,30 +179,43 @@ Page({
             })
           } else {
             var wareCard = that.wareCard;
+            var is_read = 0;
             if (wareCard.length < res.data.data.total) {
               for (var i = 0; i < res.data.data.pageData.length; i++) {
                 wareCard.push(res.data.data.pageData[i]);
               }
+            }else{
+              is_read:1
             }
             _this.setData({
-              wareCard: wareCard
-            })
-            _this.setData({
+              wareCard: wareCard,
+              is_read: is_read,
               loadingType: 0
             })
           }
         } else {
-          getApp().my_warnning(res.data.msg, 0, th);
+          getApp().my_warnning(res.data.msg, 0, _this);
         }
       }
     })
   },
-  //界面跳转
-  goto: function(e) {
+  //销毁界面跳转
+  redirectTo: function(e) {
+    var th = this;
+    var url = e.currentTarget.dataset.url;
+    //销毁跳转
+    wx.redirectTo({
+      url: url
+    });
+  },
+  //不销毁界面跳转
+  navigateTo:function(e){
     var th = this;
     var url = e.currentTarget.dataset.url;
-    getApp().goto(url);
+    wx.navigateTo({
+      url: url,
+    })
   }
 })
 \ No newline at end of file
 <view class="top_img">
     <view class="top_img">
-        <image src="{{iurl+'/miniapp/images/giftbag/gift00.jpg'}}"></image>
+        <image src="{{iurl+'/miniapp/images/giftbag/gift00.jpg'}}" lazy-load="true"></image>
     </view>
     <view class="top_title">
         <view class="top_title_box">
@@ -8,18 +8,18 @@
         </view>
         <view class="top_title_box_S"></view>
         <view class="top_title_box">
-            <a data-event-opts="{{[['tap',[['MyGift',['$event']]]]]}}" class="top_title_blacktext" bindtap="goto" data-url="/pages/giftpack/mygiftpack/mygiftpack">我的礼包</a>
+            <a class="top_title_blacktext" bindtap="redirectTo" data-url="/pages/giftpack/mygiftpack/mygiftpack">我的礼包</a>
         </view>
     </view>
     <block wx:for="{{wareCard}}" wx:for-item="items" wx:for-index="index" wx:key="index">
         <view class="content_box">
-            <view class="content_box_ware" bindtap="goto" data-url="/pages/giftpack/giftpacklist/giftpacklist?isBuy=1&lbId={{items.lbId}}&orderSn={{items.orderSn}}">
-                <view data-event-opts="{{[['tap',[['GetGiftPackList',['$0','$1'],[[['wareCard','',index,'orderSn']],[['wareCard','',index]]]]]]]}}" class="content_box_img">
-                    <image src="{{iurl+items.lbUrl}}"></image>
+            <view class="content_box_ware" bindtap="navigateTo" data-url="/pages/giftpack/giftpacklist/giftpacklist?isBuy=1&lbId={{items.lbId}}&orderSn={{items.orderSn}}">
+                <view class="content_box_img">
+                    <image src="{{iurl+items.lbUrl}}" lazy-load="true"></image>
                 </view>
                 <view class="content_box_title">
                     <view class="content_ware_title">
-                        <text data-event-opts="{{[['tap',[['GetGiftPackList',['$0','$1'],[[['wareCard','',index,'lbId']],[['wareCard','',index]]]]]]]}}" bindtap="__e">{{items.giftTitle}}</text>
+                        <text bindtap="__e">{{items.giftTitle}}</text>
                     </view>
                     <view class="content_ware_type">
                         <block wx:if="{{items.payMoney>0}}">
@@ -45,32 +45,32 @@
                     <text>{{"已售:"+items.giftQty+"件"}}</text>
                 </view>
                 <block wx:if="{{items.payMoney>0}}">
-                    <view class="box_button_buy" data-lbId="{{items.lbId}}"  bindtap="GetBuyPrice">
-                        <button data-event-opts="{{[['tap',[['GetBuyPrice',['$0','$1'],[[['wareCard','',index,'lbId']],[['wareCard','',index]]]]]]]}}">立即购买{{items.lbId}}</button>
+                    <view class="box_button_buy" bindtap="GetBuyPrice"  data-id="{{items.lbId}}">
+                        <button>立即购买</button>
                     </view>
                 </block>
                 <block wx:if="{{items.payIntegral>0}}">
-                    <view class="box_button_dui" bindtap="GetBuyIntegral"  data-lbId="{{items.lbId}}">
-                        <button data-event-opts="{{[['tap',[['GetBuyIntegral',['$0','$1'],[[['wareCard','',index,'lbId']],[['wareCard','',index]]]]]]]}}">立即兑换</button>
+                    <view class="box_button_dui" bindtap="GetBuyIntegral"  data-id="{{items.lbId}}">
+                        <button>立即兑换</button>
                     </view>
                 </block>
             </view>
         </view>
     </block>
-    <block wx:if="{{isEmpty==true}}">
+    <block wx:if="{{isEmpty==true && wareCard.length<2}}">
         <view class="foot_empty">
             <view>
-                <image src="{{iurl+'/miniapp/images/giftbag/gift07.png'}}"></image>
+                <image src="{{iurl+'/miniapp/images/giftbag/gift07.png'}}" lazy-load="true"></image>
             </view>
             <view>
                 <text>当前暂无礼包</text>
             </view>
             <view class="foot_empty_button">
-                <text data-event-opts="{{[['tap',[['BuyGift',['$event']]]]]}}" bindtap="__e">去获取</text>
+                <text bindtap="__e">去获取</text>
             </view>
         </view>
     </block>
-    <view class="foot_box">
+    <view wx:if="{{is_read}}" class="foot_box">
         <text>———— 到底了 ————</text>
     </view>
 </view>
 <view class="box data-v-3a5b7e36">
     <view class="box_top data-v-3a5b7e36">
-        <image src="{{giftImage}}" class="data-v-3a5b7e36"></image>
+        <image src="{{giftImage}}" class="data-v-3a5b7e36" lazy-load="true"></image>
     </view>
     <view class="box_title data-v-3a5b7e36">
         <view class="top_title data-v-3a5b7e36">
-            <text class="data-v-3a5b7e36">{{giftTitle}}</text>
+            <text class="data-v-3a5b7e36 ellipsis-2">{{giftTitle}}</text>
         </view>
         <view class="top_time data-v-3a5b7e36">
             <text class="data-v-3a5b7e36">{{"兑换截至时间："+giftDate}}</text>
@@ -40,19 +40,19 @@
             <view class="box_ware_box data-v-3a5b7e36">
                 <view class="box_ware_img data-v-3a5b7e36">
                     <block wx:if="{{item.lbType==1}}">
-                        <image src="{{item.wareImage==''?iurl+'/miniapp/images/giftbag/gift01.png':iurl+item.wareImage}}" class="data-v-3a5b7e36"></image>
+                        <image src="{{item.wareImage==''?iurl+'/miniapp/images/giftbag/gift01.png':iurl+item.wareImage}}" class="data-v-3a5b7e36" lazy-load="true"></image>
                     </block>
                     <block wx:if="{{item.lbType==2}}">
-                        <image src="{{iurl+'/miniapp/images/giftbag/gift05.png'}}" class="data-v-3a5b7e36"></image>
+                        <image src="{{iurl+'/miniapp/images/giftbag/gift05.png'}}" class="data-v-3a5b7e36" lazy-load="true"></image>
                     </block>
                     <block wx:if="{{item.lbType==3}}">
-                        <image src="{{iurl+'/miniapp/images/giftbag/gift02.png'}}" class="data-v-3a5b7e36"></image>
+                        <image src="{{iurl+'/miniapp/images/giftbag/gift02.png'}}" class="data-v-3a5b7e36" lazy-load="true"></image>
                     </block>
                     <block wx:if="{{item.lbType==4}}">
-                        <image src="{{iurl+'/miniapp/images/giftbag/gift03.png'}}" class="data-v-3a5b7e36"></image>
+                        <image src="{{iurl+'/miniapp/images/giftbag/gift03.png'}}" class="data-v-3a5b7e36" lazy-load="true"></image>
                     </block>
                     <block wx:if="{{item.lbType==5}}">
-                        <image src="{{iurl+'/miniapp/images/giftbag/gift04.png'}}" class="data-v-3a5b7e36"></image>
+                        <image src="{{iurl+'/miniapp/images/giftbag/gift04.png'}}" class="data-v-3a5b7e36" lazy-load="true"></image>
                     </block>
                 </view>
                 <view class="box_ware_item data-v-3a5b7e36">
@@ -67,13 +67,13 @@
                     </view>
                     <view class="box_ware_code data-v-3a5b7e36">
                         <block wx:if="{{isBuy==0&item.lbType==1}}">
-                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" data-event-opts="{{[['tap',[['GetQrCode',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36"></image>
+                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" lazy-load="true" bindtap="__e" class="data-v-3a5b7e36"></image>
                         </block>
                         <block wx:if="{{isBuy==0&item.lbType==2}}">
-                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" data-event-opts="{{[['tap',[['GetWebHttp',[0]]]]]}}" bindtap="__e" class="data-v-3a5b7e36"></image>
+                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}"  bindtap="__e" class="data-v-3a5b7e36" lazy-load="true"></image>
                         </block>
                         <block wx:if="{{isBuy==0&item.lbType==3}}">
-                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}" data-event-opts="{{[['tap',[['GetWebHttp',[1]]]]]}}" bindtap="__e" class="data-v-3a5b7e36"></image>
+                            <image src="{{iurl+'/miniapp/images/giftbag/gift06.png'}}"  bindtap="__e" class="data-v-3a5b7e36" lazy-load="true"></image>
                         </block>
                         <block wx:if="{{isBuy==0&item.lbType>3}}">
                             <text class="data-v-3a5b7e36">已自动到账</text>
@@ -96,22 +96,22 @@
         <view class="foot_button data-v-3a5b7e36">
             <block wx:if="{{giftPrice>0&&giftIntegral>0}}">
                 <view class="foot_button_left data-v-3a5b7e36">
-                    <text data-event-opts="{{[['tap',[['GetBuyPrice',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36">立即购买</text>
+                    <text  bindtap="__e" class="data-v-3a5b7e36">立即购买</text>
                 </view>
             </block>
             <block wx:if="{{giftPrice>0 && giftIntegral>0}}">
                 <view class="foot_button_right data-v-3a5b7e36">
-                    <text data-event-opts="{{[['tap',[['GetBuyIntegral',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36">立即兑换</text>
+                    <text bindtap="__e" class="data-v-3a5b7e36">立即兑换</text>
                 </view>
             </block>
             <block wx:if="{{giftPrice>0 && giftIntegral<=0}}">
                 <view class="foot_button_buy data-v-3a5b7e36">
-                    <text data-event-opts="{{[['tap',[['GetBuyPrice',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36">立即购买</text>
+                    <text bindtap="__e" class="data-v-3a5b7e36">立即购买</text>
                 </view>
             </block>
             <block wx:if="{{giftPrice<=0 && giftIntegral>0}}">
                 <view class="foot_button_intalge data-v-3a5b7e36">
-                    <text data-event-opts="{{[['tap',[['GetBuyIntegral',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36">立即兑换</text>
+                    <text bindtap="__e" class="data-v-3a5b7e36">立即兑换</text>
                 </view>
             </block>
         </view>
@@ -119,7 +119,7 @@
     <block wx:if="{{isBuy==0}}">
         <view class="foot_button data-v-3a5b7e36">
             <view class="foot_button_buy data-v-3a5b7e36">
-                <text data-event-opts="{{[['tap',[['GetQrCode',['$event']]]]]}}" bindtap="__e" class="data-v-3a5b7e36">立即使用</text>
+                <text bindtap="__e" class="data-v-3a5b7e36">立即使用</text>
             </view>
         </view>
     </block>
@@ -18,7 +18,8 @@ Page({
       contentdown: '加载更多',
       contentrefresh: '加载中...',
       contentnomore: '已加载全部'
-    }
+    },
+    is_resad:0,//数据是否全部加载完成
   },
   onLoad: function(options) {
@@ -27,7 +28,7 @@ Page({
     var th = this;
     th.setData({
       getStorageID: a.stoid,
-      getUserID: 5682130
+      getUserID: d.user_id
     })
   },
   onShow: function() {
@@ -100,27 +101,28 @@ Page({
               loadingType: 2
             })
           } else {
-            // console.log(_this.wareCard.length);
-            // console.log(res.data.data.pageData.length);
             var wareCard = that.wareCard;
+            var is_resad = 0;
             // if (_this.wareCard.length < res.data.data.pageData.length) {
             if (wareCard.length < res.data.data.total) {
               for (var i = 0; i < res.data.data.pageData.length; i++) {
                 wareCard.push(res.data.data.pageData[i]);
               }
+            }else{
+              is_resad=1
             }
             _this.setData({
-              wareCard: wareCard
+              wareCard: wareCard,
+              is_resad: is_resad
             })
             // _this.loadingType = 0;
             _this.setData({
               loadingType: 0
             })
-            console.log(_this.wareCard);
           }
         } else {
-          console.log(res.data.msg);
+ 
         }
       }
     });
@@ -146,10 +148,22 @@ Page({
     var Time = new Date(TimeNum);
     return Time.getTime() / 1000;
   },
-  goto: function(e) {
+  //销毁界面跳转
+  redirectTo: function (e) {
     var th = this;
-    var url = e.currentTarget.dataset.url; 
-    getApp().goto(url);
+    var url = e.currentTarget.dataset.url;
+    //销毁跳转
+    wx.redirectTo({
+      url: url
+    });
+  },
+  //不销毁界面跳转
+  navigateTo: function (e) {
+    var th = this;
+    var url = e.currentTarget.dataset.url;
+    wx.navigateTo({
+      url: url,
+    })
   }
 });
 \ No newline at end of file
@@ -5,7 +5,7 @@
   </view>
   <view class="top_title">
     <view class="top_title_box">
-      <text data-event-opts="{{[['tap',[['BuyGift',['$event']]]]]}}" class="top_title_blacktext" bindtap="goto" data-url="/pages/giftpack/buygiftpack/giftpackbuy">礼包列表</text>
+      <text class="top_title_blacktext" bindtap="redirectTo" data-url="/pages/giftpack/buygiftpack/giftpackbuy">礼包列表</text>
     </view>
     <view class="top_title_box_S"></view>
     <view class="top_title_box">
@@ -14,13 +14,12 @@
   </view>
   <block wx:for="{{wareCard}}" wx:for-item="item" wx:for-index="index" wx:key="index">
     <view class="content_box">
-      <view class="content_box_ware">
-        <view data-event-opts="{{[['tap',[['GetGiftPackList',['$0','$1'],[[['wareCard','',index,'orderSn']],[['wareCard','',index]]]]]]]}}" class="content_box_img" bindtap="__e">
+      <view class="content_box_ware" bindtap="navigateTo" data-url="/pages/giftpack/giftpacklist/giftpacklist?isBuy=1&lbId={{item.lbId}}&orderSn={{item.orderSn}}">
+        <view class="content_box_img">
           <!-- <image src="{{$GetInfo.imgHttp+item.$orig.lbUrl}}"></image> -->
-          <image src="{{iurl+item.lbUrl}}"></image>
+          <image src="{{iurl+item.lbUrl}}" lazy-load="true"></image>
           <block wx:if="{{item.actType!=0}}">
             <view class="{{[item.actType==1?'content_box_img_title content_box_img_ground1':item.actType==2?'content_box_img_title content_box_img_ground2':item.actType==4?'content_box_img_title content_box_img_ground3':'content_box_img_title content_box_img_ground4']}}">
-              <!-- <image src="{{$GetInfo.imgHttp+'/miniapp/images/giftbag/gift01.png'}}"></image> -->
               <image src="{{iurl+'/miniapp/images/giftbag/gift01.png'}}"></image>
               <!-- <block wx:if="{{item.$orig.actType==1}}"> -->
               <block wx:if="{{item.actType==1}}">
@@ -43,7 +42,7 @@
         </view>
         <view class="content_box_title">
           <view class="content_ware_title">
-            <text data-event-opts="{{[['tap',[['GetGiftPackList',['$0','$1'],[[['wareCard','',index,'orderSn']],[['wareCard','',index]]]]]]]}}" bindtap="__e">{{item.giftTitle}}</text>
+            <text bindtap="__e">{{item.giftTitle}}</text>
           </view>
           <view class="content_ware_type">
             <block wx:if="{{item.actType==0&item.payMoney>0}}">
@@ -83,26 +82,28 @@
         </view>
       </view>
       <view class="content_box_button">
-        <button data-event-opts="{{[['tap',[['GetGiftPackList',['$0','$1'],[[['wareCard','',index,'orderSn']],[['wareCard','',index]]]]]]]}}" bindtap="__e">立即使用</button>
+        <button bindtap="__e">立即使用</button>
       </view>
     </view>
   </block>
-  <block wx:if="{{this.isEmpty==true}}">
+  <block wx:if="{{isEmpty==true}}">
     <view class="foot_empty">
       <view>
-        <image src="../../static/img/gift07.png"></image>
+        <image src="{{iurl+'/miniapp/images/giftbag/gift07.png'}}" lazy-load="true"></image>
       </view>
       <view>
         <text>当前暂无礼包</text>
       </view>
       <view class="foot_empty_button">
-        <text data-event-opts="{{[['tap',[['BuyGift',['$event']]]]]}}" bindtap="__e">去获取</text>
+        <text bindtap="__e">去获取</text>
       </view>
     </view>
   </block>
+  <block wx:if="{{is_resad}}">
   <view class="foot_box">
     <text>———— 到底了 ————</text>
   </view>
+  </block>
 </view>
 <!-- 引入提示组件 -->
 <warn id="warn"></warn>
@@ -212,10 +212,14 @@
           <image class="xc-center-img " src="{{iurl}}/miniapp/images/add2.png"></image>
           <view class="four-level-word">我的地址</view>
         </view>
-                  <view class="item t-c" data-url="/pages/user/my_service/i_service" bindtap="goto_service" >
+        <view class="item t-c" data-url="/pages/user/my_service/i_service" bindtap="goto_service" >
 					<image class="xc-center-img " src="{{iurl}}/miniapp/images/yyservice/myservice.png"></image>
 					<view class="four-level-word">我的服务</view>
 				</view>
+        <view class="item t-c" data-url="/pages/giftpack/buygiftpack/giftpackbuy" bindtap="goto">
+					<image class="xc-center-img " src="{{iurl}}/miniapp/images/yyservice/myservice.png"></image>
+					<view class="four-level-word">我的礼包</view>
+				</view>
       </view>