助力分享

后端开发-许程
1 parent efb8f64a
Showing 3 changed files with 274 additions and 263 deletions
pages/user/assistance/task_assistance.js
pages/user/assistance/task_assistance.wxml
pages/user/assistance/task_assistance.wxss
@@ -32,10 +32,11 @@ Page({
     dismantle: null, //帮拆记录数据集
     is_user_task: null, //判断是不是领取的任务
     zzjx_id: "", //真正进行的任务id
-    is_show:0,//任务的加载更多
-    is_bc_show:0,//帮拆的加载更多
-    bc_page:1,//帮拆的页码
-    rw_page:1,//任务的页码
+    is_show: 0, //任务的加载更多
+    is_bc_show: 0, //帮拆的加载更多
+    bc_page: 1, //帮拆的页码
+    rw_page: 1, //任务的页码
+    block: 0, //阻断助力的用户图片多次添加
     //*********************************************start钱
     canvasHidden: 0, //分享图片是否已经生成
     is_share: 0, //是否显示画布
@@ -46,12 +47,12 @@ Page({
       "miniapp/images/friendhelp/check.png", "miniapp/images/friendhelp/unfinished.png",
       "/public/upload/libao/temp/2019/12-20/51f251f44ea0f67b8efdc5bfa3a434b0.jpg"
     ], //固的分享图片
-     
-	dynamic: null, //已助力的微信头像数组
-    head_pic_arr:[],//助力的头像
-    share_lb_img:"",//分享的礼包图片
-	
-	
+
+    dynamic: null, //已助力的微信头像数组
+    head_pic_arr: [], //助力的头像
+    share_lb_img: "", //分享的礼包图片
+
+
     is_generate: 0, //是否重复点击拆一拆
     already: 0, //已有几人助力
     lack: 0, //还差几人助力
@@ -80,7 +81,7 @@ Page({
     th.close();
     th.syinfo();
     th.imageinfo();
-   
+
   },
@@ -100,7 +101,7 @@ Page({
       function(res) {
         if (res.data.code == 0) {
           getApp().my_warnning(res.data.data, 1, th);
-           //判断是不是领取的任务
+          //判断是不是领取的任务
           th.get_user_task();
           //会员任务列表
           th.user_task_list();
@@ -146,11 +147,11 @@ Page({
           //任务时间 设置全局定时器
           th.setData({
-            timer:setInterval(function () {
+            timer: setInterval(function() {
               th.countDown();
             }, 1000)
           })
-          
+
         }
       }
@@ -206,7 +207,7 @@ Page({
     //会员任务列表
     this.user_task_list();
-     //获取助力活动参与的人数
+    //获取助力活动参与的人数
     this.get_user_task_num();
   },
@@ -244,15 +245,16 @@ Page({
       success: function(res) {
         if (res.data.code == 0) {
           var dismantle = res.data.data.pageData[0].zlHelpUser;
-          if(res.data.data.total>5){
+          if (res.data.data.total > 5) {
             var bc_page = th.data.bc_page + 1;
-            th.data({ bc_page: bc_page,
-              is_bc_show:1
+            th.data({
+              bc_page: bc_page,
+              is_bc_show: 1
             })
-          }else{
-            getApp().showWarning("暂无更多内容", 0,th);
+          } else {
+            getApp().showWarning("暂无更多内容", 0, th);
           }
-         
+
           th.setData({
             dismantle: dismantle
           });
@@ -267,7 +269,7 @@ Page({
   },
   // 领取礼包
   get_libao: function(e) {
-    var libao_id = e.currentTarget.dataset.libaoid;//礼包id
+    var libao_id = e.currentTarget.dataset.libaoid; //礼包id
     getApp().goto("/pages/user/assistance/giftpacklist?libao_id=" + libao_id + "&is_libao=" + 1);
   },
   //查看礼包id
@@ -321,18 +323,18 @@ Page({
     });
     var help_id = th.data.help_id;
     var user_id = getApp().globalData.user_id;
-    var rw_page=th.data.rw_page;
+    var rw_page = th.data.rw_page;
     rq.get("/api/weshop/marketing/help/help/user/page", {
       data: {
-        page:rw_page,
-        pageSize:5,
+        page: rw_page,
+        pageSize: 5,
         helpId: help_id,
         storeId: os.stoid,
         userId: user_id
       },
       success: function(su) {
         if (su.data.code == 0) {
-          if (su.data.data.total > 5){
+          if (su.data.data.total > 5) {
             var rw_page = th.data.rw_page + 1;
             th.setData({
               rw_page: rw_page,
@@ -341,7 +343,7 @@ Page({
             getApp().my_warnning();
             getApp().showWarning("暂无更多内容", 0);
           }
-          
+
           var user_list = su.data.data.pageData;
           th.setData({
             user_task_list: user_list
@@ -522,7 +524,7 @@ Page({
         sec: '00'
       }
     }
-    var txt = "aitem[" +0+ "].djs";
+    var txt = "aitem[" + 0 + "].djs";
     th.setData({
       [txt]: obj
     });
@@ -573,163 +575,166 @@ Page({
       }
     })
   },
- 
-  
-  
+
+
+
   //************************ */
-    shareFrends: function(e) {
-      var th = this;
-  	  if(th.data.is_generate) return ;
-  	  th.data.is_generate=1;
-  	  
-        var scene = 1;
-        ///二微码
-        var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" +
-            os.stoid + "?sceneValue=" + scene + "&pageValue=pages/index/index/index";
-  	  //读取文件成功则OK--
-  	  wx.getImageInfo({
-  	   src: path3,
-  	   success: function(res) {	  
-  		  
-  		  var ewm_path=res.path; //    
-  		  //var act_time="2019.06.26 - 2019.07.02";  //活动的时间
-  		  var bg_time=ut.formar_no_full(th.data.dynamic.beginDate);
-  		  var end_time=ut.formar_no_full(th.data.dynamic.endDate);
-  		  var act_time=bg_time+"-"+end_time;
-  		  
-  		   
-  		  var iurl = th.data.iurl; //图片地址前缀
-  		  const ctx = wx.createCanvasContext('share_id'); //绘图上下文
-  		  var unit = th.data.screenWidth / 750 * 1.35;
-  		  var numsize = 20 * unit; //几人助力字体大小
-  		  
-  		  var num = th.data.head_pic_arr.length; //已有几位好友助力
-  		  
-  		  var aitem = th.data.aitem; //任务的数据集
-  		  var sw_index = th.data.sw_index; //轮播的下标
-  		  //任务id
-  		  var help_num = aitem[sw_index].helpNum;
-  		 	  
-  		  var q_num = help_num-num; //还差几位好友助力
-  		  var already = num.toString().length + 1; //已有几位好友助力
-  		  var lack = q_num.toString().length + 1; //还差几位好友助力
-  		  
-  		  var size=15 * unit;
-  		  var imagesize = 40 * unit; //助力人的图片大小
-  		  var left = 74 * unit; //助力人头像跟左边的距离
-  		  var spacing = 12 * unit; //助力人图片间距 
-  		  var images = th.data.images;
-  		  ctx.drawImage(images[0], 0, 0, 445 * unit, 700 * unit); //分享的背景图片
-  		  ctx.drawImage(images[1], 37 * unit, 185 * unit, 370 * unit, 377 * unit); //分享的背景图片
-  		  
-  		  
-  		  ctx.drawImage(th.data.share_lb_img, 90 * unit, 231 * unit, 266 * unit, 160 * unit); //分享的礼包的背景图片
-  		  
-  		  ctx.setFillStyle("rgb(221,153,116)");
-  		  ctx.setFontSize(size)
-  		  ctx.fillText("已有", 77 * unit, 430 * unit);
-  		  ctx.setFillStyle("#FF4746");
-  		  ctx.setFontSize(numsize)
-  		  ctx.fillText(num + "位", 108 * unit, 430 * unit);
-  		  ctx.setFillStyle("rgb(221,153,116)");
-  		  ctx.setFontSize(size)
-  		  ctx.fillText("好友助力，还差", 116 * unit + already * numsize * unit, 430 * unit);
-  		  ctx.setFillStyle("#FF4746");
-  		  ctx.setFontSize(numsize);
-  		  ctx.fillText(q_num + "位", 223 * unit + already * numsize * unit, 430 * unit);
-  		  ctx.setFillStyle("rgb(221,153,116)");
-  		  ctx.setFontSize(size);
-  		  ctx.fillText("达成助力", 230 * unit + lack * numsize * unit + already * numsize * unit, 430 * unit);
-  		  
-  		  var c =num / help_num;
-  		  ctx.drawImage(images[2], 65 * unit, 445 * unit, 320 * unit, 12 * unit);
-  		  ctx.drawImage(images[3], 65 * unit, 445 * unit, 320 * unit * c, 12 * unit);
-  		  	  
-  		  
-  		  for (var i = 0; i < 6; i++) {
-  			if (i < 0) {
-  			  ctx.save();
-  			  ctx.beginPath(); //开始绘制
-  			  ctx.arc(left + imagesize / 2, 505 * unit, imagesize / 2, 0, 2 * Math.PI);
-  			  ctx.setLineWidth(4 * unit);
-  			  ctx.setStrokeStyle('red');
-  			  ctx.setFillStyle("white");
-  			  ctx.fill();
-  			  ctx.clip();
-  			  ctx.drawImage(head_pic_arr.headPic, left, 505 * unit - imagesize / 2, imagesize, imagesize);
-  			  ctx.restore(); //恢复之前保存的绘图上下文 恢复之前保存的绘图上下午即状态 还可以继续绘制
-  			} else {
-  			  // 助力人的头像
-  			  ctx.drawImage(images[4], left, 505 * unit - imagesize / 2, imagesize, imagesize); //分享的背景图片
-  
-  			}
-  			left += imagesize + spacing;
-  		  }
-  		  
-  		  
-  		  
-  		  ctx.setFillStyle("rgb(255,255,255)");
-  		  ctx.setFontSize(size);
-  		  ctx.fillText("优惠乐翻天，精彩就在你身边!", 37 * unit, 595 * unit);
-  		  ctx.setFillStyle("rgb(255,255,255)");
-  		  ctx.setFontSize(size);
-  		  
-  		  ctx.fillText(act_time, 37 * unit, 620 * unit);  //绘制活动是时间
-  		  ctx.setFillStyle("rgb(255,255,255)");
-  		  ctx.setFontSize(size);
-  		  ctx.fillText("长按识别二维码，可帮我助力!", 37 * unit, 660 * unit);
-  		  ctx.drawImage(ewm_path, 325 * unit, 585 * unit, 77 * unit, 77 * unit); //分享的背景图片
-  		  ctx.save();
-  		  //读取文件成功则OK--
-  		  // wx.getImageInfo({
-  		  //   src: path3,
-  		  //   success: function (res) {
-  		  //把画板内容绘制成图片，并回调 画板图片路径
-  		  ctx.draw(false, function() {
-  			setTimeout(function() {
-  			  wx.canvasToTempFilePath({
-  				x: 0,
-  				y: 0,
-  				width: 300,
-  				height: 500,
-  				destWidth: 400 * 2,
-  				destHeight: 720 * 2,
-  				canvasId: 'share_id',
-  				success: function(res) {
-  				  wx.hideLoading();
-  				  var shareImgPath = th.data.shareImgPath;
-  				  shareImgPath[0] = res.tempFilePath;
-  
-  				  th.setData({
-  					shareImgPath: shareImgPath,
-  					canvasHidden: 1,
-  					is_share: 1,
-  					is_generate: 0,
-  					canvasHidden: 1
-  				  })
-  				  if (!res.tempFilePath) {
-  					wx.showModal({
-  					  title: '提示',
-  					  content: '图片绘制中，请稍后重试',
-  					  showCancel: false
-  					})
-  					return false;
-  				  }
-  
-  				},
-  				fail(r) {
-  
-  				}
-  			  }, 500)
-  			})
-  		  })
-  		}
-       })
-  	  
-     
-    },
-  
-  
+  shareFrends: function(e) {
+    var th = this;
+    if (th.data.is_generate) return;
+    th.data.is_generate = 1;
+
+    var scene = 1;
+    ///二微码
+    var path3 = os.url + "/api/wx/open/app/user/getWeAppEwm/" +
+      os.stoid + "?sceneValue=" + scene + "&pageValue=pages/index/index/index";
+    //读取文件成功则OK--
+    wx.getImageInfo({
+      src: path3,
+      success: function(res) {
+
+        var ewm_path = res.path; //    
+        //var act_time="2019.06.26 - 2019.07.02";  //活动的时间
+        var bg_time = ut.formar_no_full(th.data.dynamic.beginDate);
+        var end_time = ut.formar_no_full(th.data.dynamic.endDate);
+        var act_time = bg_time + "-" + end_time;
+
+
+        var iurl = th.data.iurl; //图片地址前缀
+        const ctx = wx.createCanvasContext('share_id'); //绘图上下文
+        var unit = th.data.screenWidth / 750 * 1.35;
+        var numsize = 20 * unit; //几人助力字体大小
+        var head_list_img = th.data.head_pic_arr;
+        var num = th.data.head_pic_arr.length; //已有几位好友助力
+
+        var aitem = th.data.aitem; //任务的数据集
+        var sw_index = th.data.sw_index; //轮播的下标
+        //任务id
+        var help_num = aitem[sw_index].helpNum;
+        var q_num = help_num - num; //还差几位好友助力
+        var already = num.toString().length + 1; //已有几位好友助力
+        var lack = q_num.toString().length + 1; //还差几位好友助力
+
+        var size = 15 * unit;
+        var imagesize = 40 * unit; //助力人的图片大小
+        var left = 74 * unit; //助力人头像跟左边的距离
+        var spacing = 12 * unit; //助力人图片间距 
+        var images = th.data.images;
+        ctx.drawImage(images[0], 0, 0, 445 * unit, 700 * unit); //分享的背景图片
+        ctx.drawImage(images[1], 37 * unit, 185 * unit, 370 * unit, 377 * unit); //分享的背景图片
+
+
+        ctx.drawImage(th.data.share_lb_img, 90 * unit, 231 * unit, 266 * unit, 160 * unit); //分享的礼包的背景图片
+
+        ctx.setFillStyle("rgb(221,153,116)");
+        ctx.setFontSize(size)
+        ctx.fillText("已有", 77 * unit, 430 * unit);
+        ctx.setFillStyle("#FF4746");
+        ctx.setFontSize(numsize)
+        ctx.fillText(num + "位", 108 * unit, 430 * unit);
+        ctx.setFillStyle("rgb(221,153,116)");
+        ctx.setFontSize(size)
+        ctx.fillText("好友助力，还差", 116 * unit + already * numsize * unit, 430 * unit);
+        ctx.setFillStyle("#FF4746");
+        ctx.setFontSize(numsize);
+        ctx.fillText(q_num + "位", 223 * unit + already * numsize * unit, 430 * unit);
+        ctx.setFillStyle("rgb(221,153,116)");
+        ctx.setFontSize(size);
+        ctx.fillText("达成助力", 230 * unit + lack * numsize * unit + already * numsize * unit, 430 * unit);
+        var c = num / help_num;
+        ctx.drawImage(images[2], 65 * unit, 445 * unit, 320 * unit, 12 * unit);
+        ctx.drawImage(images[3], 65 * unit, 445 * unit, 320 * unit * c, 12 * unit);
+        var head_list_num = 30;
+        var is_head_list = 0;
+        if (help_num < 8) {
+          //  判断已助力的人数
+
+          for (var a = 0; a < head_list_img.length; a++) {
+            ctx.save();
+            ctx.beginPath(); //开始绘制
+            ctx.arc(left + imagesize / 2, 505 * unit, imagesize / 2, 0, 2 * Math.PI);
+            ctx.setLineWidth(4 * unit);
+            ctx.setStrokeStyle('red');
+            ctx.setFillStyle("white");
+            ctx.fill();
+            ctx.clip();
+            ctx.drawImage(head_list_img[a], left , 505 * unit - imagesize / 2, imagesize, imagesize);
+            ctx.restore();
+            left += imagesize + spacing;
+
+          }
+          //这个是还未助力的位置
+          for (var i = 0; i < q_num; i++) {
+            // 助力人的头像
+            ctx.drawImage(images[4], left , 505 * unit - imagesize / 2, imagesize, imagesize); //分享的背景图片
+            left += imagesize + spacing;
+          }
+        }
+
+
+
+        ctx.setFillStyle("rgb(255,255,255)");
+        ctx.setFontSize(size);
+        ctx.fillText("优惠乐翻天，精彩就在你身边!", 37 * unit, 595 * unit);
+        ctx.setFillStyle("rgb(255,255,255)");
+        ctx.setFontSize(size);
+
+        ctx.fillText(act_time, 37 * unit, 620 * unit); //绘制活动是时间
+        ctx.setFillStyle("rgb(255,255,255)");
+        ctx.setFontSize(size);
+        ctx.fillText("长按识别二维码，可帮我助力!", 37 * unit, 660 * unit);
+        ctx.drawImage(ewm_path, 325 * unit, 585 * unit, 77 * unit, 77 * unit); //分享的背景图片
+        ctx.save();
+        //读取文件成功则OK--
+        // wx.getImageInfo({
+        //   src: path3,
+        //   success: function (res) {
+        //把画板内容绘制成图片，并回调 画板图片路径
+        ctx.draw(false, function() {
+          setTimeout(function() {
+            wx.canvasToTempFilePath({
+              x: 0,
+              y: 0,
+              width: 300,
+              height: 500,
+              destWidth: 400 * 2,
+              destHeight: 720 * 2,
+              canvasId: 'share_id',
+              success: function(res) {
+                wx.hideLoading();
+                var shareImgPath = th.data.shareImgPath;
+                shareImgPath[0] = res.tempFilePath;
+
+                th.setData({
+                  shareImgPath: shareImgPath,
+                  canvasHidden: 1,
+                  is_share: 1,
+                  is_generate: 0,
+                  canvasHidden: 1
+                })
+                if (!res.tempFilePath) {
+                  wx.showModal({
+                    title: '提示',
+                    content: '图片绘制中，请稍后重试',
+                    showCancel: false
+                  })
+                  return false;
+                }
+
+              },
+              fail(r) {
+
+              }
+            }, 500)
+          })
+        })
+      }
+    })
+
+
+  },
+
+
   preview: function() {
     var th = this;
     var shareImgPath = th.data.shareImgPath;
@@ -761,85 +766,89 @@ Page({
       }
     })
   },
-  
+
   //把固定的图片加载到本地
-    imageinfo:async function() {
-      var th = this;
-      var images = th.data.images;
-      var iurl = th.data.iurl;	
-  	for(var i in images){
-  				  var img_path=iurl + images[i];
-  				  await getApp().request.promise_downimg(img_path).then(res=>{
-  					   images[i] = res;
-  				  })
-          }
-  		
-      th.data.images=images;
-    },
-  
-  
-   //好友猜一猜
-     save_share: function(e) {
-       var th = this;
-       var aitem = this.data.aitem; //任务的数据集
-       var sw_index = this.data.sw_index; //轮播的下标
-   	var sw_item=aitem[sw_index];
-       //任务id
-       var taskid = sw_item.id;
-       th.setData({
-         is_share: 1
-       })
-       var url = "/api/weshop/marketing/help/help/task/involve/page";
-       getApp().request.promiseGet(url, {
-         isShowLoading: true,
-         data: {
-           storeId: os.stoid,
-           taskId: taskid,
-           userId: getApp().globalData.user_id
-         }
-       }).then(res => {
-         if (res.data.code == 0) {
-   		  var data = res.data.data.pageData; //帮拆数组
-   		  if (data.length > 0) {
-   			      th.data.dynamic=data[0];
-   				  var path=th.data.iurl+sw_item.giftBagUrl;
-   				  //先获取礼包分享时的本地路径 
-   		          getApp().request.promise_downimg(path).then(res=>{		
-   			           th.data.share_lb_img= res;
-   				       //先获取会员的头像
-   			           th.info_head(th.shareFrends);      
-   		    	 });
-   	  	 }		 
-         } else {
-           wx.hideLoading();
-           getApp().my_warnning(res.data.msg, 0, th);
-         }
-       })
-     },
-     
-     //把已助力好友头像下载到本地
-     info_head:async function(func) {
-       var th = this;
-       var images = th.data.dynamic.zlHelpUser;
-   	var arr=new Array();
-       if (images) {
-            for(var i in images){
-   			  var img_path=images[i].headPic;
-   			  await getApp().request.promise_downimg(img_path).then(res=>{
-   				  th.data.head_pic_arr.push(res);
-   			  })
-   		 } 
-       }
-   	func();
-     }, 
- 
- 
- 
+  imageinfo: async function() {
+    var th = this;
+    var images = th.data.images;
+    var iurl = th.data.iurl;
+    for (var i in images) {
+      var img_path = iurl + images[i];
+      await getApp().request.promise_downimg(img_path).then(res => {
+        images[i] = res;
+      })
+    }
+
+    th.data.images = images;
+  },
+
+
+  //好友猜一猜
+  save_share: function(e) {
+    var th = this;
+    var aitem = this.data.aitem; //任务的数据集
+    var sw_index = this.data.sw_index; //轮播的下标
+    var sw_item = aitem[sw_index];
+    //任务id
+    var taskid = sw_item.id;
+    th.setData({
+      is_share: 1
+    })
+    var url = "/api/weshop/marketing/help/help/task/involve/page";
+    getApp().request.promiseGet(url, {
+      isShowLoading: true,
+      data: {
+        storeId: os.stoid,
+        taskId: taskid,
+        userId: getApp().globalData.user_id
+      }
+    }).then(res => {
+      if (res.data.code == 0) {
+        var data = res.data.data.pageData; //帮拆数组
+        if (data.length > 0) {
+          th.data.dynamic = data[0];
+          var path = th.data.iurl + sw_item.giftBagUrl;
+          //先获取礼包分享时的本地路径 
+          getApp().request.promise_downimg(path).then(res => {
+            th.data.share_lb_img = res;
+            //先获取会员的头像
+            th.info_head(th.shareFrends);
+          });
+        }
+      } else {
+        wx.hideLoading();
+        getApp().my_warnning(res.data.msg, 0, th);
+      }
+    })
+  },
+
+  //把已助力好友头像下载到本地
+  info_head: async function(func) {
+    var th = this;
+    var images = th.data.dynamic.zlHelpUser;
+    var arr = new Array();
+    var block = th.data.block;
+    if (images && block == 0) {
+      th.setData({
+        block: 1
+      });
+      for (var i in images) {
+        var img_path = images[i].headPic;
+        await getApp().request.promise_downimg(img_path).then(res => {
+          th.data.head_pic_arr.push(res);
+        })
+      }
+    }
+    func();
+  },
+
+
+
   //礼包的详情 轮播图
   libao_details: function(e) {
     var th = this;
-    var help_id = th.data.help_id;//活动id
-    var taskId = th.data.taskid;//任务id
+    var help_id = th.data.help_id; //活动id
+    var taskId = th.data.taskid; //任务id
     getApp().goto("/pages/user/assistance/giftpacklist?help_id=" + help_id + "&is_libao=" + 0 + "&taskId=" + taskId);
   },
   //正在进行任务
@@ -52,13 +52,13 @@
   <view wx:if="{{is_user_task!=null}}" class="task_clike fs40 t-c flex-center" bindtap="save_share">
     好友拆一拆
   </view>
-  <!-- <view wx:if="{{is_user_task!=null}}" class="task_clike fs40 t-c flex-center"data-taskid="{{is_user_task.id}}"  bindtap="test">
+  <view wx:if="{{is_user_task!=null}}" class="task_clike fs40 t-c flex-center"data-taskid="{{is_user_task.id}}"  bindtap="test" >
     测试专用
-  </view> -->
+  </view>
 </view>
 <!-- 底部列表 -->
-<view style="margin-top:50rpx">
+<view style="margin-top:{{is_user_task!=null?100:50}}rpx">
   <!-- 标题 -->
   <view class="flex-vertical-between fs28 padding head">
@@ -2,8 +2,10 @@ page {
   background: #d01119;
   width: 100%;
   height: 100%;
+
 }
+
 .top-back {
   width: 100%;
   height: 60%;
@@ -189,7 +191,7 @@ page {
   position: fixed;
   width: 100%;
   height: 100%;
-  background-color: red;
+  background-color: #d01119;
   z-index: 10;
 }