1. 等级卡升降级的功能

2. 提示框的修改

1. 等级卡升降级的功能
2. 提示框的修改
yvan.ni
1 parent 94d229ba
Showing 9 changed files with 191 additions and 30 deletions
components/diy_seckill/diy_seckill.js
components/my_confirm/my_confirm.js
components/my_confirm/my_confirm.wxml
components/my_confirm/my_confirm.wxss
pages/user/cardinfo/cardinfo.js
pages/user/cardinfo/cardinfo.json
pages/user/cardinfo/cardinfo.wxml
pages/user/cardinfo/cardinfo.wxss
pages/user/plus/plus.js
@@ -57,6 +57,7 @@ Component({
         var item = {};
         goodsidlist+=val.goodsid+",";
       })
+      goodsidlist=ut.sub_last(goodsidlist);
  
       //--调用接口,读取秒杀--
       app.request.promiseGet("/api/ms/flash_sale/getGoodsList?store_id="
@@ -29,10 +29,13 @@ Component({
          })
     },
     go_sure: function() {
-      this.data.success();
+      this.setData({ yu_e_show: 0})
+      if(this.data.success) this.data.success();
+
     },
     go_cancle: function() {
-      this.data.cancle();
+      this.setData({ yu_e_show: 0})
+      if(this.data.cancle) this.data.cancle();
     },
     close_yu_e: function() {
       this.setData({
@@ -4,7 +4,7 @@
   <view> 
 		<view class="xc-qr-frame">
 		<view class="shut" bindtap="close_yu_e">ⅹ</view>
-		 <view class="fs32 xc-black3 flex jc-center ai-center" style="width:100%;height:220rpx;">{{title}}</view> 
+			<view class="fs32 xc-black3 flex jc-center ai-center" style="padding: 10rpx 20rpx;min-height:220rpx;"><text>{{title}}</text></view>
 		 <view class="flex jc-center ai_center" style="width: 100%;height: 75rpx;">
 			   <view bindtap="go_sure" class="fs30 white flex jc-center ai-center ck_btn color color" style="margin-right: 20rpx;">{{s_text}}</view>
 		     <view bindtap='go_cancle' class="fs30 xc-ash flex jc-center ai-center ck_btn"style="background:#ececea;">{{c_text}}</view>
@@ -40,7 +40,7 @@
 }
 .xc-qr-frame{ 
 	width:560rpx;
-  height: 280rpx;
+  min-zoom: 280rpx;
 	background: #fff;
 	z-index: 55;
   position: fixed;
@@ -42,7 +42,8 @@ Page({
     expiryDate:"",//卡到期时间
 	  is_guoqi:0,  //卡是不是过期
     IsStopBuy:0,  //卡是否停用
-	  yu_e_show:0,//装入余额的弹窗    
+	  yu_e_show:0,//装入余额的弹窗
+      is_show_change_pop:0,
   },
  
   /**
@@ -70,23 +71,37 @@ Page({
  
     //----------------------------获取最大的卡类-----------------------
     getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + o.stoid, {
-
     }).then(res => {
       var plusCard = res.data.data;
       var big_cards = null,big_card=null;
-      console.log(plusCard, "数据什么的", res);
+      if(!plusCard) return false;
+
+      var new_card_arr=[];
       for (var i = 0; i < plusCard.length; i++) {
         if (plusCard[i].CardImg == "") plusCard[i].CardImg = th.data.url + "/miniapp/images/plus/bg" + (i + 1) + ".jpg?v=1";
-        big_cards = Math.max(plusCard[i].CardFee)
-        if (plusCard[i].CardFee == big_cards) {
-          big_card = plusCard[i]
+        //big_cards = Math.max(plusCard[i].CardFee)
+        //if (plusCard[i].CardFee == big_cards) {
+        //  big_card = plusCard[i]
+        //}
+        if(!plusCard[i].IsStopBuy) {
+            new_card_arr.push(plusCard[i]);
         }
       }
-      
-	  console.log(big_cards, "是什么东西", big_card);
+
+       //对比函数
+        var compare = function (obj1, obj2) {
+            var val1 = obj1.CardFee;var val2 = obj2.CardFee;
+            if (val1 > val2) {
+                return -1;
+            }else if (val1 < val2) {
+                return 1;
+            }else{ return 0; }
+        }
+        new_card_arr.sort(compare);
+        big_card=  new_card_arr[0];
       ee.setData({
-        is_plusCard: plusCard,
-        big_card: big_card
+        is_plusCard: new_card_arr,
+        big_card: big_card,
       })
  
       //缓存分享卡的图片
@@ -101,7 +116,6 @@ Page({
  
     })
  
-
     //获取用户设备信息，屏幕宽度
     wx.getSystemInfo({
       success: res => {
@@ -138,12 +152,46 @@ Page({
 	  end = Date.parse(end) / 1000;
 	  var is_guoqi=0;
 	  if(end<now) is_guoqi=1;
-	  
-	  
+	  var cur_card=res.data.data[0];
+
       ee.setData({cardid: GradeCardID,
-        expiryDate: expiryDate,is_guoqi:is_guoqi,
+          expiryDate: expiryDate,is_guoqi:is_guoqi,
       });
  
+      //一秒后获取是升级还是变更卡的列表，因为是异步的关系
+      setTimeout(function () {
+          if(ee.data.is_plusCard){
+                var new_buy_list=[];
+                //如果是过期，就有变更的列表
+                if(is_guoqi){
+                    //--开始组装变更列表--
+                    for(var ii in ee.data.is_plusCard){
+                        var item=ee.data.is_plusCard[ii];
+                        if(item.CardId!=GradeCardID && !item.IsStopBuy){
+                            new_buy_list.push(item);
+                        }
+                    }
+                }else{
+                    //如果是没过期，就看是不是最高级版的卡
+                    if(GradeCardID!=ee.data.big_card.CardId){
+                        //--开始组装升级列表--
+                        for(var jj in ee.data.is_plusCard){
+                            var item=ee.data.is_plusCard[jj];
+                            //升级要那些价格比当前卡贵的卡
+                            if(item.CardId!=GradeCardID && !item.IsStopBuy && parseFloat(item.CardFee)>parseFloat(cur_card.CardFee)){
+                                new_buy_list.push(item);
+                            }
+                        }
+                    }
+                }
+
+                if(new_buy_list.length>0){
+                    th.setData({buy_list:new_buy_list});
+                }
+          }
+
+      },1800)
+
  
     })
     //-----------会员分佣-------------------
@@ -155,7 +203,6 @@ Page({
       }else{
         ee.setData({ free: 0 });
       }
-     
     })
     //-----------会员的卡类-------------------
     await getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/get?storeId=" + os.stoid + "&CardId=" + ee.data.cardid, {
@@ -164,12 +211,10 @@ Page({
       if (user_card.CardImg==""){
          var index =parseInt(user_card.CorrPrice.replace("Price",""));
          user_card.CardImg = th.data.url + "/miniapp/images/plus/bg" + index + ".jpg?v=1";
-
       }
       if (user_card.IsStopBuy==true){
         this.setData({IsStopBuy:1})
       }
-      
  
       console.log(user_card,"会员的卡类");
       ee.setData({user_card: user_card});
@@ -736,9 +781,9 @@ Page({
       return false;
     }
  
-	  
 	  end_time=ut.format(end_time,'yyyy-MM-dd');  
 	  var errmsg="";
+
       //--商家是不是有等级卡功能，开通的人数是不是够用，开通是时间是不是到期--
       await getApp().request.promiseGet("/api/weshop/plus/plus/card/register",
         { data: { storeId: os.stoid,isRenewal:1,endData: end_time,userId:getApp().globalData.user_id} }).then(res => {
@@ -746,7 +791,10 @@ Page({
 		 else errmsg=res.data.msg;
       })
  
-       if (is_card == 0){ getApp().my_warnning(errmsg?errmsg:"请联系商家升级plus功能", 0, th);}
+       if (is_card == 0){
+           getApp().my_warnning(errmsg?errmsg:"请联系商家升级plus功能", 0, th);
+           return false;
+       }
  
 	    var item = th.data.user_card;
 	    var req = {};
@@ -764,6 +812,64 @@ Page({
   //--支付成功，跳转到等级卡续费页面--
   success:function () {
       getApp().my_warnning("支付成功",0,this);
+      this.init();
   },
+
+
+ //------计算俩种卡的------
+ change_card:async function (e) {
+     var th = this,card_id =e.currentTarget.dataset.cid ,end_time=0;
+     await getApp().request.promiseGet("/store/storemoduleendtime/page?store_id="+os.stoid+"&type=3",
+         {1:1}).then(res => {
+         if (res.data.code == 0) {
+             end_time=res.data.data.pageData[0].end_time;
+         }
+     })
+     var now=ut.gettimestamp();
+     if(end_time<now){
+         getApp().my_warnning("请联系商家升级plus功能", 0, th);
+         return false;
+     }
+
+     th.data.s_card_id=card_id;
+     var days=e.currentTarget.dataset.days;
+     now=now+days*24*3600;
+     var time=ut.formar_no_full(now);
+     th.setData({is_show_change_pop:0});
+     var my_con = this.selectComponent("#my_con"); //组件的id
+
+     //如果是变更卡，就是显示提示喝到期时间
+     if(th.data.is_guoqi){
+         my_con.open(" \n 温馨提示：与原等级不符，是否变更！\n\n 有效时间："+time+"\n\n", "是", "否", th.sure_pay, null)
+     }else{
+        //如果是升级的话
+         await getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/updatePrice/get",
+             {data:{storeId: os.stoid,userId:getApp().globalData.user_id,OldCardId:th.data.user_card.CardId,NewCardId:card_id}}).then(res => {
+             if (res.data.code == 0) {
+                 my_con.open("\n 温馨提示，高于当前等级，是否立即升级！\n\n  升级价格：￥"+  res.data.data.payMoney.toFixed(2)+" \n 有效时间："+time+"\n\n", "是", "否", th.sure_pay, null)
+             }
+         })
+     }
+
+  },
+
+  sure_pay:function () {
+      var th=this;
+      var req = {};
+      req.cardId = th.data.s_card_id;
+      req.rechargeType = 5;
+      //如果不是你导购，也不是等级会员分享
+      req.storeId = os.stoid;
+      req.oldCardId=th.data.user_card.CardId;
+      req.userId = getApp().globalData.user_id;
+      t_pay.pay(req, th.success, function () {
+          getApp().my_warnning("支付失败", 0, th);
+      });
+  },
+  //显示弹出框
+  show_change:function () { this.setData({is_show_change_pop:1}); }
+  
+
+
  
 })
 \ No newline at end of file
@@ -2,8 +2,9 @@
   "usingComponents": {
     "pop_txt": "/components/userqy_pop_up/userqy_pop_up",
     "goods_recommend": "/components/goods_list/goods_list",
-	 "warn": "/components/long_warn/long_warn",
-    "nav_box": "/components/nav_box_card/nav_box"
+	"warn": "/components/long_warn/long_warn",
+    "nav_box": "/components/nav_box_card/nav_box",
+    "my_confirm": "/components/my_confirm/my_confirm"
   },
     "navigationBarTitleText": "plus会员"
 } 
 \ No newline at end of file
@@ -17,8 +17,20 @@
               <view wx:if="{{!is_guoqi}}" class="fs22 h22" style="margin-top:15rpx">会员将在{{filters.replace_time2(expiryDate)}}到期</view>
               <view wx:else class="fs22 h22" style="margin-top:15rpx">会员已在{{filters.replace_time2(expiryDate)}}过期</view>
             </view>
-            <view bindtap="xufei" class="renew fs28" style="background:{{user_card.CardColor}}">立即续费
-            </view>
+
+              <view>
+                <view bindtap="xufei" class="renew fs28" style="background:{{user_card.CardColor}}">立即续费</view>
+                <!-- 判断是不是过期，显示变更按钮，但是要看是不是多件 -->
+                <block wx:if="{{is_guoqi}}">
+                    <view  wx:if="{{buy_list.length>0}}"  bindtap="show_change" class="renew fs28" style="background:{{user_card.CardColor}}">卡类变更</view>
+                </block>
+                <block wx:else>
+                    <!-- 要判断是不是最高级的卡 -->
+                    <view  wx:if="{{cardid!=big_card.CardId}}"  bindtap="show_change" class="renew fs28" style="background:{{user_card.CardColor}}">卡类升级</view>
+                </block>
+              </view>
+
+
           </view>
  
           <view class="flex-vertical-between xs fs28">
@@ -147,4 +159,28 @@
   <!-- 画布 -->
 <canvas canvas-id='myCanvas' style="width:750rpx;height:1260rpx;"wx:if='{{!canvasHidden}}'></canvas>
  
-<warn id="warn"></warn>
 \ No newline at end of file
+<warn id="warn"></warn>
+<my_confirm id="my_con"></my_confirm>
+
+<!-- 购买更换,升级 -->
+<view class="card_change_pop" wx:if="{{is_show_change_pop==1}}">
+     <view class="cover-layer" bindtap="close_card_change_pop"></view>
+     <view class="content flex jc-center ai-center">
+            <view class="card_list">
+                  <image class="hg" src="{{url}}/miniapp/images/plus/plustopimg.png"></image>
+                  <view class="list">
+                        <view class="item flex ai-center jc_sb" wx:for="{{buy_list}}">
+                            <view class="flex ai-center"><image class="hg_img" src="{{url}}/miniapp/images/vip_hg0.png"></image>
+                                <text class="ellipsis-1 card_name">{{item.CardName}}</text></view>
+                            <view class="price_show flex ai-center">
+                                <view style="width: 100%; line-height: 24rpx" data-days="{{item.ExpiryDate}}"  bindtap="change_card" data-cid="{{item.CardId}}">
+                                   <view style="text-align: right" class="fs26">￥<text class="pri fs40">{{item.CardFee}}</text></view>
+                                   <view style="text-align: center" class="fs30" wx:if="{{is_guoqi}}">立即变更</view>
+                                   <view style="text-align: center" class="fs30" wx:else>立即升级</view>
+                                </view>
+                            </view>
+                        </view>
+                  </view>
+            </view>
+     </view>
+</view>
 \ No newline at end of file
@@ -225,4 +225,17 @@ align-items:center;
  
   width: 100%;
   height: 320rpx;
-}
 \ No newline at end of file
+}
+
+.content{ position: fixed; top: 0;left:0; width: 100%; height: 100%; z-index: 12; }
+.content  .card_list{ width: 700rpx; margin: 0 auto;  background-color: #ffe88b; border-radius: 15rpx}
+.content  .card_list .hg{ width: 100%;height: 156rpx}
+
+.content  .card_list .list{ max-height: 700rpx; padding: 0 25rpx; margin-bottom: 20rpx; overflow-y: auto}
+.content  .card_list .item{ margin-bottom: 10rpx; background: #fff; height: 150rpx; border-radius: 10rpx}
+.content  .card_list .item .hg_img{ width: 70rpx; height: 60rpx; margin-left: 40rpx; margin-right: 20rpx }
+.content  .card_list .item .price_show{ width: 200rpx; height: 110rpx; background: #ffd430;
+  border-top-left-radius: 55rpx;  border-bottom-left-radius:55rpx;  }
+ .content  .card_list .list .card_name{ max-width: 230rpx}
+
+ .price_show .thr{color: #999; text-decoration:line-through }
 \ No newline at end of file
@@ -312,7 +312,8 @@ Page({
  
   //--支付成功，跳转到等级卡续费页面--
   success:function () {
-    
+    var u_url = "/pages/user/cardinfo/cardinfo";
+    wx.reLaunch({url: u_url})
   },
  
   //--绑定邀请码的输入--