等级卡购买~~

yvan.ni
1 parent 3f3bc4b2
Showing 8 changed files with 449 additions and 448 deletions
images/share/mackground.png
pages/user/Detailed/Detailed.js
pages/user/Detailed/Detailed.wxml
pages/user/cardinfo/cardinfo.js
pages/user/cardinfo/cardinfo.json
pages/user/cardinfo/cardinfo.wxml
pages/user/cardinfo/cardinfo.wxss
utils/util.js
@@ -19,19 +19,93 @@ Page({
     isDetailed: 0,
     total: 0,
     ismore: 0,//数据是否加载完毕
+	screenWidth:0,
+	
+	head_pic:"",//会员头像
+	img_money:"",//缓存VIP的图片
+	img_Ancrown:"",//会员权益
+	img_Identification:"",//缓存标识的图片
+	img_square:"",//缓存方块的图片
+	privilege_o:"",//卡的勋章图
+	bas_ming:"",   //卡的图片
+	big_card:null, //最大卡的信息
+	
+	imagePath:"",  //分享的生成图片
+	
+	canvasHidden:true,
   },
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function(options) {
-	   var img_money = url + "/miniapp/images/plus/share/money.png";
-	   var img_Ancrown = url + "/miniapp/images/plus/share/Ancrown.png";
-	   var img_Identification = url + "/miniapp/images/plus/share/Identification.png";
-	   var img_square = url + "/miniapp/images/plus/share/square.png";
-	   var privilege_o = url + "/miniapp/images/plus/share/privilege_o.png";
+	    var ee=this;
+	    var img_money = this.data.url + "/miniapp/images/plus/share/money.png";
+	    var img_Ancrown = this.data.url + "/miniapp/images/plus/share/Ancrown.png";
+	    var img_Identification = this.data.url + "/miniapp/images/plus/share/Identification.png";
+	    var img_square = this.data.url + "/miniapp/images/plus/share/square.png";
+	    var privilege_o = this.data.url + "/miniapp/images/plus/share/privilege_o.png";	   
+	    var user=getApp().globalData.userInfo;
+		//--获取用户设备信息，屏幕宽度--
+		wx.getSystemInfo({
+		  success: res => {
+		    ee.data.screenWidth=res.screenWidth;		    
+		  }
+		})
+	     
+		//--------------------缓存vip价格的图片---------------
+		wx.getImageInfo({
+		  src:img_money,
+		  success: function (res) {
+		    //回调写法
+		    var img_money = res.path;
+		    ee.setData({ img_money: img_money});
+		  }
+		})
+		 //--------------------缓存权益的图片---------------
+		wx.getImageInfo({
+		  src: img_Ancrown,
+		  success: function (res) {
+		    //回调写法
+		    var img_Ancrown = res.path;
+		    ee.setData({ img_Ancrown: img_Ancrown });
+		  }
+		})
+		 //--------------------缓存标识的图片---------------
+		wx.getImageInfo({
+		  src: img_Identification,
+		  success: function (res) {
+		    //回调写法
+		    var img_Identification = res.path;
+		    ee.setData({ img_Identification: img_Identification });
+		  }
+		})
+		  
+		//--------------------卡的勋章---------------
+		wx.getImageInfo({
+		  src: privilege_o,
+		  success: function (res) {
+		    //回调写法
+		    var privilege_o = res.path;
+		    ee.setData({ privilege_o: privilege_o });
+		  }
+		})
+				
+		//--------------------方块图---------------
+		wx.getImageInfo({
+		  src: img_square,
+		  success: function (res) {
+		    //回调写法
+		    var img_square = res.path;
+		    ee.setData({ img_square: img_square});
+		  }
+		})
+		
+		//-----------获取最大值的卡--------------
+		ee.getPlusCardType();
   },
+  
   selectDetailed: function() {
     var th = this, e = th;
     getApp().request.promiseGet("/api/weshop/plus/vip/mem/referee/page", {
@@ -49,10 +123,8 @@ Page({
           var arr1 = th.data.arrayDetailed;//获取明细数组
           var arr2 = res.data.data.pageData;//获取当前查询数据
           var arr3 = [...arr1, ...arr2];//把当前查询数组拼接到原本数组后面
-
           var ismore = 0;
           if (arr3.length == res.data.data.total) ismore = 1 //数据已加载完判断
-
           th.setData({
             arrayDetailed: arr3,
             total: res.data.data.total,
@@ -60,9 +132,8 @@ Page({
             isDetailed: 1
           })
         }
-      }),
-      wx.stopPullDownRefresh();
-
+      })
+    
   },
   /**
    * 生命周期函数--监听页面初次渲染完成
@@ -93,237 +164,275 @@ Page({
   saveImageToPhotosAlbum: function () {
     if (this.data.imagePath != "") {
-      wx.previewImage({
-        urls: [this.data.imagePath],
-      })
+      wx.previewImage({ urls: [this.data.imagePath], })
       return;
     }
-  //   if(this.data.is_loading) return false ;
-    this.data.is_loading=1;
-  
-    wx.showLoading({
-      title: '生成中...',
-    })
-  
-    this.setData({
-      canvasHidden: false
-    })
+
+    this.data.is_loading=1; 
+    wx.showLoading({ title: '生成中...',})  
     var th = this;
+	
     //设置画板显示，才能开始绘图
     var card_ming=th.data.bas_ming;//卡的图片
-    var user = th.data.user;//会员资料；
     var big_card= th.data.big_card;//获取最大的卡
     var user_head = th.data.head_pic;//会员头像
     var img_money = th.data.img_money;//缓存vip的价格
     var img_Ancrown = th.data.img_Ancrown;//会员权益的图片
     var img_Identification = th.data.img_Identification;//会员标识
     var privilege_o = th.data.privilege_o;//勋章图片
-    var img_square=th.data.img_square;
-   
+    var img_square=th.data.img_square; 
     var app = getApp();
+	  var user=app.globalData.userInfo;
     var unit = th.data.screenWidth / 750 * 1.35;
     var scene = getApp().globalData.user_id;
-    console.log("用户头像", th.data.head_pic);
-    ///二微码
+    //---二微码---
     var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" +
       os.stoid + "?sceneValue=" + scene + "&pageValue=pages/user/index/index";
-    wx.getImageInfo({
+   
+	wx.getImageInfo({
       src: path3,
-      success: function (res) {
-        //回调写法
-        th.get_head_temp(th.get_goods_temp, function () {
-         var  vpath=res.path;
-    
-    console.log("生成二维码", path3);
-     //开启画布
-    const ctx = wx.createCanvasContext('myCanvas');
-    
-   //先画背景
-    ctx.drawImage("../../../images/plus/share/mackground.png", 0, 0, 554 * unit, 930 * unit);
-    ctx.setFontSize(26 * unit);
-    ctx.setFillStyle("rgb(0,0,0)");
-    ctx.fillText(user.nickname, 155 * unit, 75 * unit, 200 * unit);
-  
-    var tj_path = "../../../images/userinfo/q_tj.png";
-    ctx.drawImage(tj_path, 385 * unit, 45 * unit, 90 * unit, 30 * unit);
-    ctx.setFontSize(18 * unit);
-    ctx.setFillStyle("rgb(255,255,255)");
-    ctx.fillText("强烈推荐", 394 * unit, 65 * unit);
-  
-    ctx.setStrokeStyle("rgb(255,255,255)");
-    ctx.setLineDash([5 * unit, 5 * unit], 5 * unit);
-    ctx.beginPath();
-    ctx.moveTo(0, 125 * unit);
-    ctx.lineTo(554 * unit, 125 * unit);
-    ctx.stroke();
-  
-    var x = 55 * unit, y = 165 * unit,w = 444 * unit, h = 220 * unit,r = 14 * unit;
-    ut.draw_randon_rect(ctx,x,y,r,w,h);
-    ctx.clip(); //画了圆 再剪切 原始画布中剪切任意形状和尺寸。一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内
-    ctx.drawImage(card_ming, x, y, 444 * unit, 220 * unit); // 推进去图片
-    ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 可以继续绘制
-  
-    ctx.beginPath();
-    // 卡图片
-    //  ctx.drawImage("../../../images/plus/share/one.jpg", 55 * unit, 165 * unit, 444 * unit, 220 * unit,);
-    ctx.setFontSize(26 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fillText(big_card.CardName, 80 * unit, 215 * unit);
-    ctx.setFontSize(18 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fillText("开通会员年卡仅" + big_card.CardFee+"元", 80 * unit, 240 * unit);
-  
-    ctx.drawImage(privilege_o, 80 * unit, 343 * unit, 20 * unit, 20 * unit);
-  
-    ctx.setFontSize(14 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fillText("根据大家购买数据，您成为超级会员预计可省￥3031元", 105 * unit, 360 * unit);
-  
-    ctx.rect(70 * unit, 425 * unit, 182 * unit, 1 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fill();
-  
-    ctx.drawImage(img_square, 267 * unit, 420 * unit, 13 * unit, 13 * unit);
-  
-    ctx.beginPath();
-    ctx.rect(295 * unit, 425 * unit, 182 * unit, 1 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fill();
-  
-    ctx.drawImage(img_square, 80 * unit, 470 * unit, 10 * unit, 10 * unit);
-    ctx.setFontSize(24 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("超级VIP权益", 100 * unit, 475 * unit);
-  
-    ctx.setFontSize(20 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("超级会员专属权益", 100 * unit, 505 * unit);
-    ctx.drawImage(img_Ancrown, 355 * unit, 440 * unit, 65 * unit, 65 * unit);
-  
-    ctx.rect(85 * unit, 530 * unit, 375 * unit, 1 * unit)
-    ctx.setFillStyle('rgb(218,194,169)')
-    ctx.fill();
-  
-    ctx.drawImage(img_square, 80 * unit, 575 * unit, 10 * unit, 10 * unit);
-    ctx.setFontSize(24 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("超级VIP标识", 100 * unit, 580 * unit);
-  
-    ctx.setFontSize(20 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("彰显尊贵身份的象征", 100 * unit, 610 * unit);
-    ctx.drawImage(img_Identification, 355 * unit, 548 * unit, 65 * unit, 65 * unit);
-  
-    ctx.rect(85 * unit, 635 * unit, 375 * unit, 1 * unit);
-    ctx.setFillStyle('rgb(218,194,169)');
-    ctx.fill();
-  
-    ctx.drawImage(img_square, 80 * unit, 695 * unit, 10 * unit, 10 * unit);
-    ctx.setFontSize(24 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("超级VIP价格", 100 * unit, 695 * unit);
-  
-    ctx.setFontSize(20 * unit);
-    ctx.setFillStyle("rgb(198,165,126)");
-    ctx.fillText("享受专属会员超低价", 100 * unit, 725 * unit);
-    ctx.drawImage(img_money, 355 * unit, 660 * unit, 65 * unit, 65 * unit);
-  
-    ctx.rect(85 * unit, 750 * unit, 375 * unit, 1 * unit)
-    ctx.setFillStyle('rgb(218,194,169)')
-    ctx.fill();
-  
-   ctx.drawImage(vpath, 100 * unit, 780 * unit, 110 * unit, 110 * unit);
-  
-    ctx.setFontSize(20 * unit);
-    ctx.setFillStyle("#000");
-    ctx.fillText("解锁新权益 精彩享不停", 230 * unit, 825 * unit);
-  
-    ctx.setFontSize(20 * unit);
-    ctx.setFillStyle("#000");
-    ctx.fillText("长按识别二维码,立即开通!", 230 * unit, 865 * unit);
-  
-    //---绘制圆形要放在最后----
-    ctx.save();
-    ctx.beginPath();
-    var h_x = 60 * unit;
-    var h_y = 24 * unit;
-    var h_r = 40 * unit;
-    var cx = h_x + h_r;
-    var cy = h_y + h_r;
-    ctx.arc(cx, cy, h_r, 0, Math.PI * 2, false);
-    ctx.closePath();
-    ctx.fill();
-    ctx.clip();
-    ctx.drawImage(th.data.head_pic, h_x, h_y, h_r * 2, h_r * 2);
-    ctx.restore();
-  
-    x = 345 * unit,
-    y = 190 * unit,
-    w = 105 * unit,
-    h = 30 * unit,
-    r = 14 * unit;
-    ut.draw_randon_rect(ctx,x,y,r,w,h); 
-    ctx.setFontSize(18 * unit);
-    ctx.setFillStyle("#000");
-    ctx.fillText("立即开通", 362 * unit, 212 * unit);
-  
-  
- 
-    //绘制图片
-    ctx.draw(false,
-  
-     function(){
-  
-       setTimeout(function(){
-         wx.canvasToTempFilePath({
-           x: 0,
-           y: 0,
-           width: 750,
-           height: 930,
-           destWidth: 1.2 * 750 * 750 / th.data.screenWidth,
-           destHeight: 1.2 * 1217 * 750 / th.data.screenWidth,
-           canvasId: 'myCanvas',
-           success: function (res) {
-             wx.hideLoading();//关闭生成中的方法
-             th.data.is_loading = 0;
-             console.log("生成的海报");
-             console.log(res.tempFilePath);
-             var tempFilePath = res.tempFilePath;
-             th.setData({
-               imagePath: tempFilePath,
-               maskHidden: false,
-               canvasHidden: true
-             });
-             wx.previewImage({
-               urls: [res.tempFilePath],
-             })
-             if (!res.tempFilePath) {
-               wx.showModal({
-                 title: '提示',
-                 content: '图片绘制中，请稍后重试',
-                 showCancel: false
-               })
-             }
-  
-           }
-  
-         })
-       },500)
-      
-    
-     }
-    )
-     
+      success: function (res) {	  
+		   th.get_head_temp(function(){
+			      var  vpath=res.path;
+            th.setData({ canvasHidden: false })  
+			      //开启画布
+			      const ctx = wx.createCanvasContext('myCanvas');
+			      //先画背景
+			      ctx.drawImage("../../../images/share/mackground.png", 0, 0, 554 * unit, 930 * unit);
+			      ctx.setFontSize(26 * unit);
+			      ctx.setFillStyle("rgb(0,0,0)");
+			      ctx.fillText(user.nickname, 155 * unit, 75 * unit, 200 * unit);
+			          
+			      var tj_path = "../../../images/share/q_tj.png";
+			      ctx.drawImage(tj_path, 385 * unit, 45 * unit, 90 * unit, 30 * unit);
+			      ctx.setFontSize(18 * unit);
+			      ctx.setFillStyle("rgb(255,255,255)");
+			      ctx.fillText("强烈推荐", 394 * unit, 65 * unit);
+			      		  
+			      ctx.setStrokeStyle("rgb(255,255,255)");
+			      ctx.setLineDash([5 * unit, 5 * unit], 5 * unit);
+			      ctx.beginPath();
+			      ctx.moveTo(0, 125 * unit);
+			      ctx.lineTo(554 * unit, 125 * unit);
+			      ctx.stroke();
+			      		  
+			      var x = 55 * unit, y = 165 * unit,w = 444 * unit, h = 220 * unit,r = 14 * unit;
+			      ut.draw_randon_rect(ctx,x,y,r,w,h);
+			      ctx.clip(); //一旦剪切了某个区域，则所有之后的绘图都会被限制在被剪切的区域内
+			      ctx.drawImage(card_ming, x, y, 444 * unit, 220 * unit); // 推进去图片
+			      ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 可以继续绘制
+			      		  
+			      ctx.beginPath();
+			      // 卡图片
+			      //  ctx.drawImage("../../../images/plus/share/one.jpg", 55 * unit, 165 * unit, 444 * unit, 220 * unit,);
+			      ctx.setFontSize(26 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fillText(big_card.CardName, 80 * unit, 215 * unit);
+			      ctx.setFontSize(18 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fillText("开通会员年卡仅" + big_card.CardFee+"元", 80 * unit, 240 * unit);
+			      		  
+			      ctx.drawImage(privilege_o, 80 * unit, 343 * unit, 20 * unit, 20 * unit);
+			      		  
+			      ctx.setFontSize(14 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fillText("根据大家购买数据，您成为超级会员预计可省￥3031元", 105 * unit, 360 * unit);
+			      		  
+			      ctx.rect(70 * unit, 425 * unit, 182 * unit, 1 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fill();
+			      		  
+			      ctx.drawImage(img_square, 267 * unit, 420 * unit, 13 * unit, 13 * unit);
+			      		  
+			      ctx.beginPath();
+			      ctx.rect(295 * unit, 425 * unit, 182 * unit, 1 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fill();
+			      		  
+			      ctx.drawImage(img_square, 80 * unit, 470 * unit, 10 * unit, 10 * unit);
+			      ctx.setFontSize(24 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("超级VIP权益", 100 * unit, 475 * unit);
+			      		  
+			      ctx.setFontSize(20 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("超级会员专属权益", 100 * unit, 505 * unit);
+			      ctx.drawImage(img_Ancrown, 355 * unit, 440 * unit, 65 * unit, 65 * unit);
+			      		  
+			      ctx.rect(85 * unit, 530 * unit, 375 * unit, 1 * unit)
+			      ctx.setFillStyle('rgb(218,194,169)')
+			      ctx.fill();
+			      		  
+			      ctx.drawImage(img_square, 80 * unit, 575 * unit, 10 * unit, 10 * unit);
+			      ctx.setFontSize(24 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("超级VIP标识", 100 * unit, 580 * unit);
+			      		  
+			      ctx.setFontSize(20 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("彰显尊贵身份的象征", 100 * unit, 610 * unit);
+			      ctx.drawImage(img_Identification, 355 * unit, 548 * unit, 65 * unit, 65 * unit);
+			      		  
+			      ctx.rect(85 * unit, 635 * unit, 375 * unit, 1 * unit);
+			      ctx.setFillStyle('rgb(218,194,169)');
+			      ctx.fill();
+			      		  
+			      ctx.drawImage(img_square, 80 * unit, 695 * unit, 10 * unit, 10 * unit);
+			      ctx.setFontSize(24 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("超级VIP价格", 100 * unit, 695 * unit);
+			      		  
+			      ctx.setFontSize(20 * unit);
+			      ctx.setFillStyle("rgb(198,165,126)");
+			      ctx.fillText("享受专属会员超低价", 100 * unit, 725 * unit);
+			      ctx.drawImage(img_money, 355 * unit, 660 * unit, 65 * unit, 65 * unit);
+			      		  
+			      ctx.rect(85 * unit, 750 * unit, 375 * unit, 1 * unit)
+			      ctx.setFillStyle('rgb(218,194,169)')
+			      ctx.fill();
+			      		  
+			      ctx.drawImage(vpath, 100 * unit, 780 * unit, 110 * unit, 110 * unit);
+			      		  
+			      ctx.setFontSize(20 * unit);
+			      ctx.setFillStyle("#000");
+			      ctx.fillText("解锁新权益 精彩享不停", 230 * unit, 825 * unit);
+			      		  
+			      ctx.setFontSize(20 * unit);
+			      ctx.setFillStyle("#000");
+			      ctx.fillText("长按识别二维码,立即开通!", 230 * unit, 865 * unit);
+			      		  
+			      //---绘制圆形要放在最后,头像----
+			      ctx.save();
+			      ctx.beginPath();
+			      var h_x = 60 * unit;
+			      var h_y = 24 * unit;
+			      var h_r = 40 * unit;
+			      var cx = h_x + h_r;
+			      var cy = h_y + h_r;
+			      ctx.arc(cx, cy, h_r, 0, Math.PI * 2, false);
+			      ctx.closePath();
+			      ctx.fill();
+			      ctx.clip();
+			      ctx.drawImage(th.data.head_pic, h_x, h_y, h_r * 2, h_r * 2);
+			      ctx.restore();
+			      		  
+			      x = 345 * unit, y = 190 * unit,
+			      w = 105 * unit, h = 30 * unit,
+			      r = 14 * unit;
+			      ut.draw_randon_rect(ctx,x,y,r,w,h); 
+			      ctx.setFontSize(18 * unit);
+			      ctx.setFillStyle("#000");
+			      ctx.fillText("立即开通", 362 * unit, 212 * unit);
+			       
+			      //--绘制图片---
+			      ctx.draw(false,	  
+			       function(){
+			         setTimeout(function(){
+			      	 wx.canvasToTempFilePath({
+			      	   x: 0,
+			      	   y: 0,
+			      	   width: 750,
+			      	   height: 930,
+			      	   destWidth: 1.2 * 750 * 750 / th.data.screenWidth,
+			      	   destHeight: 1.2 * 1217 * 750 / th.data.screenWidth,
+			      	   canvasId: 'myCanvas',
+			      	   success: function (res) {
+			      		 wx.hideLoading();//关闭生成中的方法
+			      		 th.data.is_loading = 0;
+			      		 console.log("生成的海报");
+			      		 console.log(res.tempFilePath);
+			      		 var tempFilePath = res.tempFilePath;
+			      		 th.setData({
+			      		   imagePath: tempFilePath,
+			      		   maskHidden: false,
+			      		   canvasHidden: true
+			      		 });
+			      		 wx.previewImage({
+			      		   urls: [res.tempFilePath],
+			      		 })
+			      		 if (!res.tempFilePath) {
+			      		   wx.showModal({
+			      			 title: '提示',
+			      			 content: '图片绘制中，请稍后重试',
+			      			 showCancel: false
+			      		   })
+			      		 }
+			      		  
+			      	   }
+			      		  
+			      	 })
+			         },300)		        		      
+			      })
+		   })
+         
+            
+	
-        })
       }
+      
     }) 
   },
+  //--获取头像的本地缓存,回调写法--
+  get_head_temp: function (tt) {
+    var ee = this;
+    if (ee.data.head_pic) {
+      tt();return false;
+    }
+    //---获取分享图片的本地地址,头像和商品图片----
+    var path2 = getApp().globalData.userInfo.head_pic;
+    if (path2 == "") {
+      ee.data.head_pic = "../../../images/share/hui_hear_pic.png";tt();
+    } else {
+      path2 = path2.replace("http://thirdwx.qlogo.cn", "https://wx.qlogo.cn");
+      wx.getImageInfo({
+        src: path2,
+        success: function (res) {
+          //res.path是网络图片的本地地址
+          ee.data.head_pic= res.path;tt();
+        },
+        fail: function (res) {
+          ee.data.head_pic= "../../../images/share/hui_hear_pic.png"; //分享的图片不能用网络的
+          tt();
+        }
+      });
+    }
+  },
+  //---  获取卡类列表 ---
+  getPlusCardType: function (e) {
+    var storid = o.stoid;
+    var th = this;
+    getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => {
+      var plusCard = res.data.data;
+      var arr = [1219, 2089, 3031];
+      var new_arr = new Array();
+      for (var i = 0; i < plusCard.length; i++) {
+        //plusCard[i].free=arr[i];
+        var item = {"fee": plusCard[i].CardFee, 'index': i}
+        new_arr.push(item);
+      }
+      //根據距離遠近排序，越近在前面，升序
+      new_arr.sort(function (a, b) {
+        if (a.fee < b.fee) { return -1; } else if (a.fee == b.fee) { return 0; } else { return 1;}
+      });
+      
+	  var max_card=plusCard[new_arr[new_arr.length-1].index];  
+	  th.setData({big_card:max_card})
+  
+	  //缓存分享卡的图片
+	   wx.getImageInfo({
+	     src: max_card.CardImg,
+	     success: function (res) {	       
+	       var bas_ming = res.path; th.setData({ bas_ming: bas_ming});
+	     }
+	   })
+	  
+    })
+  },
@@ -40,9 +40,13 @@
   </view>
   <view class="flex-level fs30 xc-ash">暂无邀请明细</view>
   <view class="flex-level">
-    <navigator url="/pages/user/plus/plus?shareid=1" bindtap="goto">
+    <navigator bindtap="saveImageToPhotosAlbum">
       <view class="flex-center fs30 white">去邀请</view>
     </navigator>
   </view>
 </view>
+<warn id="warn"></warn>
+
+ <!-- 画布 -->
+<canvas canvas-id='myCanvas' style="width:750rpx;height:1260rpx; position: absolute; top:1260rpx " wx:if='{{!canvasHidden}}'></canvas>
 <warn id="warn"></warn>
 \ No newline at end of file
-var e = function (e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}(require("../../../utils/LoadMore.js")),
-  t = getApp(), 
+var t = getApp(), 
   a = t.request,
   o = t.globalData.setting,
   os = o,
   i = require("../../../utils/util.js"),
   ut = i,
-  s = require("../../../utils/common.js"),
-  w = require("../../../utils/wxParse/wxParse.js"),
-  n = new e.default();
+  s = require("../../../utils/common.js"),t_pay = require("../../../utils/pay2.js"),
+  w = require("../../../utils/wxParse/wxParse.js");
 var regeneratorRuntime = require('../../../utils/runtime.js');
-var api = require('../../../api/api.js');
 //wx.downloadFile把线上地址设为本地地址
 Page({
@@ -48,37 +41,9 @@ Page({
     user_card: null,//会员买的卡
     free:null,//分佣的数据
     expiryDate:"",//卡到期时间
-    
-   
-  },
-  // uers_card:function () {
-  //   getApp().request.get("/api/weshop/plus/vip/mem/bership/get" + os.stoid+, {
-  //     success: function (res) {
-  //       var is_cardrule = res.data.data.cardrules;
-  //       w.wxParse("content", "html", is_cardrule, that, 6);
-  //       that.setData({
-  //         is_card_rule: is_cardrule
-  //       });
-  //     }
-  //   });
-  // },
-
-  // 邀请的人及分成
-  // divide_into:function(){
-  //   var th=this;
-  //   getApp().request.get("/api/weshop/plus/vip/mem/freeze/money", {
-  //     data:{
-  //       userId: getApp().globalData.user_id,
-  //       storeId: os.stoid,
-  //      },success: function (res) {
-
-  //       var divide_into=res.data.data;
-  //       console.log("邀请的人及分成5555555",res.data);
-  //       th.setData({ divide_into: divide_into});
-  //     }
-  //   });
-  // },
+  },
+ 
@@ -86,66 +51,50 @@ Page({
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-    var that = this;
-  
-   //同步初始化
-    that.init();
+    var that = this,ee=this;
-  //获取最大的卡类
-  //  that.getPlusCardType();
-  
-    //商家配置信息 是等级卡的说明
-    // getApp().request.get("/api/weshop/storeconfig/get/"+ os.stoid, {
-    //   success: function (res) {
-    //     var is_cardrule = res.data.data.cardrules;
-    //     w.wxParse("content", "html", is_cardrule, that, 6);
-    //     that.setData({
-    //       is_card_rule: is_cardrule
-    //     });
-    //   }
-    // });
-    //会员信息
-    // getApp().request.get("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id, {
-    
-    //   success: function (res) {
-    //   //把网络图片缓存到本地
-    //     var user = res.data.data;
-    //     var url = that.data.url;
-    //     console.log("是什么东西", user);
-    //     var img_money = url + "/images/userinfo/money.jpg";
-    //     var img_Ancrown = url + "/images/userinfo/Ancrown.jpg";
-    //     var img_Identification = url + "/images/userinfo/Identification.jpg";
-    //     var img_square = url + "/images/userinfo/square.jpg";
-    //     console.log(user.head_pic, img_money, img_Ancrown, img_Identification, img_square);
-    //     var big_card = that.data.big_card;
-    //    console.log(big_card,"ssssssss");
-    //     wx.getImageInfo({
-    //       src: big_card.CardImg,
-    //       success: function (res) {
-    //         //回调写法
-    //         var bas_ming = res.path;
-    //         that.setData({ bas_ming: bas_ming});
-    //       }
-    //         })
-    //     wx.getImageInfo({
-    //       src: user.CardImg,
-    //       success: function (res) {
-    //         //回调写法
-    //         var bas_ming = res.path;
-    //         that.setData({ bas_ming: bas_ming });
-    //       }
-    //     })
-         
-   
-    //     console.log("会员数据",user);
-    //     that.setData({user: user});
-    //     var big_card= that.big_card;
-    //     if (user != null && user != "" && user != undefined && big_card != null && user != "" && user != undefined){
-    //       //画图
-    //       that.saveImageToPhotosAlbum();
-    //     }
-    //   }
-    // });
+    //-----------等级卡说明-------------------
+    getApp().request.promiseGet("/api/weshop/storeconfig/get/" + os.stoid, {
+    }).then(res => {
+      var is_cardrule = res.data.data.cardrules;
+      w.wxParse("content", "html", is_cardrule, ee, 6);
+      ee.setData({
+        is_card_rule: is_cardrule
+      });
+    })
+
+    //----------------------------获取最大的卡类-----------------------
+    getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + o.stoid, {
+
+    }).then(res => {
+      var plusCard = res.data.data;
+      var big_card = null;
+      var big_cards = null;
+      console.log(plusCard, "数据什么的", res);
+      for (var i = 0; i < plusCard.length; i++) {
+        big_cards = Math.max(plusCard[i].CardFee)
+        if (plusCard[i].CardFee == big_cards) {
+          big_card = plusCard[i]
+        }
+      }
+      console.log(big_cards, "是什么东西", big_card);
+
+      ee.setData({
+        is_plusCard: plusCard,
+        big_card: big_card
+      })
+
+      //缓存分享卡的图片
+      wx.getImageInfo({
+        src: big_card.CardImg,
+        success: function (res) {
+          //回调写法
+          var bas_ming = res.path;
+          ee.setData({ bas_ming: bas_ming });
+        }
+      })
+
+    })
     //获取用户设备信息，屏幕宽度
@@ -156,10 +105,9 @@ Page({
         })
       }
     })
+    var goods_list = this.selectComponent("#goods_list"); //组件的id
+    goods_list.get_list();
-  //  this.saveImageToPhotosAlbum();
-   // this.puls_user();
-   
   },
@@ -204,41 +152,8 @@ Page({
       console.log(user_card,"会员的卡类");
       ee.setData({user_card: user_card});
     })
-    //-----------等级卡说明-------------------
-    await getApp().request.promiseGet("/api/weshop/storeconfig/get/"+ os.stoid, {
-    }).then(res => {
-      var is_cardrule = res.data.data.cardrules;
-      w.wxParse("content", "html", is_cardrule, ee, 6);
-      ee.setData({
-          is_card_rule: is_cardrule
-        });
-
-    })
-//----------------------------获取最大的卡类-----------------------
-    await getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + o.stoid, {
-
-    }).then(res => {
-      var plusCard = res.data.data;
-      var big_card = null;
-      var big_cards = null;
-      console.log(plusCard, "数据什么的", res);
-      for (var i = 0; i < plusCard.length; i++) {
-        big_cards = Math.max(plusCard[i].CardFee)
-        if (plusCard[i].CardFee == big_cards) {
-          big_card = plusCard[i]
-        }
-      }
-      console.log(big_cards, "是什么东西", big_card);
-
-      ee.setData({
-        is_plusCard: plusCard,
-        big_card: big_card
-      })
-
-    })
-
-
-
+  
+   
     //-----------------获取会员信息-------------------------------
     await getApp().request.promiseGet("/api/weshop/users/get/" + os.stoid + "/" + getApp().globalData.user_id,{
@@ -263,15 +178,7 @@ Page({
      privilege_o, privilege_o
    });
-       //缓存分享卡的图片
-        wx.getImageInfo({
-          src: big_card.CardImg,
-          success: function (res) {
-            //回调写法
-            var bas_ming = res.path;
-            ee.setData({ bas_ming: bas_ming});
-          }
-            })
+      
              //缓存会员头像的图片
         wx.getImageInfo({
           src: user.head_pic,
@@ -320,7 +227,6 @@ Page({
       }
     })
-
     //--------------------方块图---------------
     wx.getImageInfo({
       src: ee.data.img_square,
@@ -330,31 +236,13 @@ Page({
         ee.setData({ img_square: img_square});
       }
     })
-    //初始分享图页面
-  //  ee.saveImageToPhotosAlbum();
+   
    },
-  //-----Plus会员获取-----------
-  // puls_user: function () {
-  //   var th = this;
-  //   getApp().request.get("/api/weshop/plus/vip/mem/list", {
-  //     data: {
-  //       storeId: os.stoid,
-  //       userId: getApp().globalData.user_id,
-  //     },
-  //     success: function (su) {
-  //       if (su.data.code == 0) {
-  //         var cardname = su.data.data[0].MemCardName;
-  //         console.log("卡的名字", cardname);
-  //         th.setData({ pulscardname: cardname });
-  //       }
-  //     }
-  //   });
-  // },
-
-
-         //打开分享图片
+
+
+  //-----打开分享图片----
   Share_pictures: function () {
     this.setData({
@@ -364,31 +252,6 @@ Page({
   },
-
-  // //获取最大的卡类
-  // getPlusCardType: function (e) {
-  //   var storid = o.stoid;
-  //   var th = this;
-  //   getApp().request.promiseGet("/api/weshop/plus/vip/mem/bership/list?" + "storeId=" + storid, {}).then(res => {
-  //     var plusCard = res.data.data;
-  //     var big_card=null;
-  //     var big_cards = null;
-  //     console.log(plusCard, "数据什么的", res);
-  //     for (var i = 0; i < plusCard.length; i++) {
-  //       big_cards=  Math.max(plusCard[i].CardFee)   
-  //       if (plusCard[i].CardFee ==big_cards){
-  //          big_card = plusCard[i]
-  //       }
-  //     }
-  //     console.log(big_cards, "是什么东西", big_card);
-
-  //     th.setData({
-  //       is_plusCard: plusCard,
-  //       big_card: big_card
-  //     })
-  //   })
-
-  // },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
@@ -441,15 +304,14 @@ Page({
      //开启画布
     const ctx = wx.createCanvasContext('myCanvas');
-   
-
+  
    //先画背景
-    ctx.drawImage("../../../images/plus/share/mackground.png", 0, 0, 554 * unit, 930 * unit);
+    ctx.drawImage("../../../images/share/mackground.png", 0, 0, 554 * unit, 930 * unit);
     ctx.setFontSize(26 * unit);
     ctx.setFillStyle("rgb(0,0,0)");
     ctx.fillText(user.nickname, 155 * unit, 75 * unit, 200 * unit);
-    var tj_path = "../../../images/userinfo/q_tj.png";
+    var tj_path = "../../../images/share/q_tj.png";
     ctx.drawImage(tj_path, 385 * unit, 45 * unit, 90 * unit, 30 * unit);
     ctx.setFontSize(18 * unit);
     ctx.setFillStyle("rgb(255,255,255)");
@@ -651,9 +513,7 @@ Page({
     //绘制图片
     ctx.draw(false,
-
      function(){
-
        setTimeout(function(){
          wx.canvasToTempFilePath({
            x: 0,
@@ -684,15 +544,11 @@ Page({
                  showCancel: false
                })
              }
-
            }
-
          })
        },500)
-      
-    
-     }
-    )
+       
+     })
         })
@@ -755,9 +611,10 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
+    //同步初始化
+    this.init();
+
-    var goods_list = this.selectComponent("#goods_list"); //组件的id
-    goods_list.get_list();
   },
   /**
@@ -792,23 +649,52 @@ Page({
     })
   },
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage: function () {
-
-  },
-  //开通会员
-  Opening: function () {
-    this.setData({
-      j: true
-    })
+  
+  
+  //--转到用户余额--
+  to_user_money:function(){
+	  var th=this,free=th.data.free;
+	  if(!th.data.free.RefereeMoney){
+		  getApp().my_warnning("您没有转入余额",0,th); return false;
+	  }
+	  
+	  wx.showModal({
+	    title: '提示',
+	    content: '您确定要转入余额吗？',
+	    success(res) {
+	      if (res.confirm) {
+	           getApp().request.get("/api/weshop/plus/withdrawal/referee/money",{
+				    data:{storeId:os.stoid,userId:getApp().globalData.user_id},
+					success:function(res){
+						 if(res.data.code==0){
+							 getApp().my_warnning("转入成功",0,th);
+							 free.RefereeMoney=0;
+							 th.setData({free:free});							 						 
+						 }else{
+							 getApp().my_warnning(res.data.msg ,0,th);
+						 }
+					}
+			   })
+	      } 
+	    }
+	  })
   },
-  //返回会员页面
-  OpeningClose: function () {
-    this.setData({
-      j: false
-    })
+  
+  //-----立即续费的功能------
+  xufei:function(){  
+	    var th = this;
+	    var is_card = 0; 
+	    var item = th.data.user_card;
+	    var req = {};
+	    req.cardId = item.CardId;
+	    req.rechargeType = 4;
+	    //如果不是你导购，也不是等级会员分享
+	    req.storeId = os.stoid;
+	    req.userId = getApp().globalData.user_id;    
+	    t_pay.pay(req, th.success, function () {
+		   getApp().my_warnning("支付失败", 0, th);
+	    });
+	    
   }
 })
 \ No newline at end of file
  {
   "usingComponents": {
     "pop_txt": "/components/userqy_pop_up/userqy_pop_up",
-    "goods_recommend": "/components/goods_list/goods_list"
+    "goods_recommend": "/components/goods_list/goods_list",
+	 "warn": "/components/long_warn/long_warn"
   },
     "navigationBarTitleText": "会员续费"
 } 
 \ No newline at end of file
@@ -14,7 +14,7 @@
               <view class="fs36" style="font-weight:bold">{{user_card.CardName}}</view>
               <view class="fs22">会员将在{{filters.replace_time2(expiryDate)}}到期</view>
             </view>
-            <view class="renew fs28" style="background:{{user_card.CardColor}}">立即续费
+            <view bindtap="xufei" class="renew fs28" style="background:{{user_card.CardColor}}">立即续费
             </view>
           </view>
@@ -22,7 +22,9 @@
           <view class="flex-vertical-between xs fs24">
             <view class="flex" style=" overflow:hidden">
-             <view class="Member"style="background-image:url('{{url}}/miniapp/images/plus/privilege_o.png');filter:box-shadow( 40rpx 0rpx 0rpx {{user_card.CardColor}});"></view>
+              <view class="Member"
+                style="background-image:url('{{url}}/miniapp/images/plus/privilege_o.png'); filter: drop-shadow(40px 0 0 {{user_card.CardColor}});">
+              </view>
               <view style="color:{{user_card.CardColor}}">正在享受{{user_card.CardName}}会员特权
               </view>
             </view>
@@ -46,7 +48,7 @@
           <view class="Detailed flex-center">
             <navigator url="/pages/user/Detailed/Detailed">明细</navigator>
           </view>
-          <view class="Invitation_Cash">立即提现</view>
+          <view class="Invitation_Cash" bindtap="to_user_money">转到余额</view>
         </view>
@@ -144,7 +144,6 @@
   height: 30rpx;
   margin-right: 5rpx;
   background-size: 100% 100%;
-position: relative;
-left: -40rpx;
-
+  background-blend-mode: lighten; 
+  transform: translateX(-280%);
 }
 \ No newline at end of file
@@ -388,5 +388,5 @@ module.exports = {
     measureText: measureText,//画布需要的函数
     check_mobile: check_mobile,//验证手机
     get_rand_item:get_rand_item, //随机获取元素
-   
+    draw_randon_rect:draw_randon_rect  //画图画圆角矩形
 };