wxd / MShopWeApp

var t = require("../../../utils/util.js"),
  ut = t,
  e = require("../../../utils/common.js"),
  a = require("../../../utils/wxParse/wxParse.js"),
  s = getApp(),
  i = s.request,
  rq = i, 
  oo = s.globalData,
  o = s.globalData.setting,
  os = o;
  var regeneratorRuntime = require('../../../utils/runtime.js');

Page({
  data: {
    //activity_type:1,//活动类型 商家1 阶梯2 会员3
    p_status:1,//会员团的详细情况 1是正在行  2是成功  3失败
    sf_length: 1,//人数大于5

    erweima:false,
    meng:false,
    zk:true,
    stoid: o.stoid,
    hiddenName: true,
    teamlist:null,
    teamgroup:null,
    goods:null,//商品数据
    pindGoods: null,//拼单数据
    imageurl: o.imghost,
    pay_f:0,//支付是否成功
    order_sn:"",//订单编号
    canvasHidden:false,  //画画版
    screenWidth:0,

    pd_xx: 0, //弹框
    max_num:0,//最低成团人数
    min_price:0,//最低价格
    is_show:0,//加载完才显示

    share_img_localpath:"",  //分享图片的本地图片
    share_ewm_localpath: "", //分享的二维码本地图片
    share_head:"",           //分享头像的本地图片

    iurl:os.imghost,
    ct_price:0,//阶梯团成团价格
      sf_arr:null,

  },
  onLoad: function (t) {
      wx.setNavigationBarTitle({ title: "拼团订单",})
      var that=this;
      //获取用户设备信息，屏幕宽度
      wx.getSystemInfo({
         success: res => {
            that.setData({ screenWidth: res.screenWidth })
         }
       })
      var pay_f = t.payf, order_sn = t.ordersn;
      this.setData({ pay_f: pay_f, order_sn: order_sn}),
      this.init(order_sn)
  },
  //关闭展开列表
  click:function(e){
    this.setData({
      hiddenName: !this.data.hiddenName,
      zk: !this.data.zk,
    })
  },
  //打开收起拼团列表
  czk:function(e){
    this.setData({
      zk:!this.data.zk,
      hiddenName: !this.data.hiddenName,
    })
  },
 //打开蒙板提示
  cmeng:function(e){
    this.setData({
      meng:!this.data.meng,
    })
  },

  //关闭蒙板提示
  cmc:function(e){
    this.setData({
      meng: !this.data.meng,
    })
  },
//打开二维码提示
  cerweima:function(e){
    this.setData({
      meng: !this.data.meng,
      erweima: !this.data.erweima,
    })
  },

  cerc:function(e){
    this.setData({
      erweima: !this.data.erweima,
      meng: !this.data.meng,
    })
  },

  async init( order_sn) {
     
        wx.showLoading();

        var goods_id = 0,//商品ID,
        pageteam=null,//
        original_img=null ,//商品图片
        order=null,//订单编号
        id = 0,//团购id
        pt_listno = "",//团编号
        pt_prom_id = 0, //活动id
        ee = this,
        team_id = 0,//活动id
        ordertx=[],//头像图片
        share_img=null,//分享图片
        teamlist=null,//活动表
        goods=null,//商品
        teamgroup=null,//活動从表
        max_num=0,//最低价格时的成团人数
        p_status=1;

      //--如果商家团的时候---
      await  getApp().request.promisePost("/api/weshop/order/pay/vipAutoTuan", {
          data: {orderSn:order_sn,storeId:os.stoid }
      })

    //获取order信息根据订单编号order_sn
    await getApp().request.promiseGet("/api/weshop/order/page", {
      data: { store_id: o.stoid, order_sn: order_sn,}
    }).then(res => {
      order = res.data.data.pageData[0];
      pt_prom_id = order.pt_prom_id;
      pt_listno = order.pt_listno;
    })

    if (this.data.payf || order.pt_status == 3) p_status = 3;  //失败
    if (order.pt_status == 2 || order.pt_status == 4 || order.pt_status == 5)
       p_status = 2;  //成功
    if (order.pt_status < 2 && !this.data.payf)
       p_status = 1; //正在进行
    if ( order.pt_status == 6)   p_status = 4; //支付尾款失败

    //多少人参团头像
    await getApp().request.promiseGet("/api/weshop/order/pagePtList", {
      data: { store_id: o.stoid, pt_listno: pt_listno, }
    }).then(res => {
      ordertx = res.data.data.pageData;
    })


    var min_price=0;
    //获取活动表的信息根据活动pt_prom_id
    await getApp().request.promiseGet("/api/weshop/teamlist/get/" + os.stoid + "/" + pt_prom_id, {
      data: { }
    }).then(res => {
      if (res.data.code==0){
         teamlist = res.data.data;
        this.setData({teamlist: teamlist});
         //获取当前时间,并且判断剩余时间
         var nt = ut.gettimestamp();
         teamlist.status = 0;
         if (nt >= teamlist.start_time) teamlist.status = 1;

          goods_id = res.data.data.goods_id;
          id = res.data.data.id;
          share_img = ee.data.imageurl + res.data.data.share_imgurl;

           //----------查看阶梯团------------
          if (teamlist.ct_rylist != "" && teamlist.ct_rylist != null && teamlist.ct_rylist != undefined){
            var ct_rylist = JSON.parse(teamlist.ct_rylist);
            var max=0; var pri=0;
            ct_rylist.forEach(function (val,ind) {
              if(val.rynum>max){
                  max=val.rynum;
                   pri = val.price;
              }
            })
            max_num=max;
            min_price=pri;
           
          }
      }
    })


      //只装5个
      var ordertx2=[],sf_num=0,ct_nun=teamlist.ct_num;
      if(max_num){
         ct_nun=parseInt(max_num);
         if (ct_nun < ordertx.length) ct_nun = ordertx.length;
      }

      if(ct_nun>5) ct_nun=5;
      for(var i=0;i<ct_nun;i++){
          if (i >= ordertx.length) sf_num++
          else
            ordertx2.push(ordertx[i]);
      }

      var sf_arr=[];
      for (var i=0;i<sf_num;i++){
          sf_arr.push(i);
      }


      //获取商品信息
    await getApp().request.promiseGet("/api/weshop/goods/get/" + os.stoid + "/" + goods_id, {
    }).then(res => {
      //商品地址
      original_img = ee.data.imageurl+ res.data.data.original_img,
      goods = res.data.data
    })

    //获取活动从表信息team_id:305暂时
    await getApp().request.promiseGet("/api/weshop/teamgroup/page" , {
      data: { store_id: os.stoid, listno: pt_listno, team_id: pt_prom_id }
    }).then(res => {
        teamgroup = res.data.data.pageData[0];
        if (teamgroup){
			     var buy_start_date = ut.formatTime(teamgroup.buy_start_date, "yyyy-MM-dd hh:mm:ss");
		    		teamgroup.buy_start_date=buy_start_date;
        }
    })


    var ct_price = 0,
        num_0 = ordertx.length;
    if (teamlist.kttype == 3){
        var js_data = JSON.parse(teamlist.ct_rylist);
        js_data.forEach(function (val,ind) {
            if (num_0<=val.rynum && ct_price==0){
                ct_price=val.price;
            }
         })
        if(ct_price==0)  ct_price=min_price;
    }

    //获取大家都在团信息
    await getApp().request.promiseGet("/api/weshop/teamlist/pageteam/1?store_id="+ os.stoid +"&is_end=0&is_show=1" , {
      data:{page:1,pageSize:2}
    }).then(res => {
       pageteam = res.data.data.pageData;
    })

    //--当是成团的时候的操作--
    if(order.pt_status==2 || order.pt_status==4 || order.pt_status==5){
        //设置值

      ee.setData({
        ordertx2: ordertx2, ordertx: ordertx, teamlist: teamlist, teamgroup: teamgroup, goods: goods, pageteam: pageteam, min_price: min_price,
            order: order, image: original_img, share_img: share_img,max_num:max_num,
             pindGoods: teamlist,is_show:1,  zk:false,
            hiddenName: false, ct_price:ct_price,p_status:p_status,sf_arr:sf_arr});

             //--是否支付了尾款--
             if(order.pt_status==4 || order.pt_status==5){
                  ee.setData({is_pay_wk:1});
             }
    }else{
      console.log("239什么鬼", teamlist);
        //设置值
      ee.setData({
        ordertx2: ordertx2, ordertx: ordertx, teamlist: teamlist, teamgroup: teamgroup, goods: goods, pageteam: pageteam,
        order: order, image: original_img, p_status: p_status, min_price:min_price,
          share_img: share_img, max_num: max_num, pindGoods: teamlist, is_show: 1,
           ct_price: ct_price, p_status: p_status,sf_arr:sf_arr});
    }

    wx.hideLoading();

    wx.setNavigationBarTitle({
      title: "拼团详情",
    })
  
    ee.countDown2();

    //获取分享图片的本地地址
    var path2 = os.imghost + teamlist.share_imgurl;
    wx.getImageInfo({
      src: path2,
      success: function (res) {
        //res.path是网络图片的本地地址
        ee.data.share_img_localpath = res.path;
      },
      fail: function (res) {
        //失败回调
      }
    });


  },
  //---小于10的格式化函数----
  timeFormat(param) {
    return param < 10 ? '0' + param : param;
  },
  countDown2() {
        var th = this;
        // 获取当前时间，同时得到活动结束时间数组
        var newTime = ut.gettimestamp();
        var o = this.data.teamgroup;
        var endTime = o.kt_end_time;
        if (o.status == 0) endTime = o.start_time;

        //看一下，是否要支付尾款
        if(o.team_type==3 && th.data.order.pt_status==2){
            endTime = o.wk_end_time;
        }
   
        let obj = null;
        // 如果活动未结束，对时间进行处理
        if (endTime - newTime > 0) {
          let time = (endTime - newTime);
          // 获取天、时、分、秒
          let day = parseInt(time / (60 * 60 * 24));
          let hou = parseInt(time % (60 * 60 * 24) / 3600);
          let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
          let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
          obj = {
            day: this.timeFormat(day),
            hou: this.timeFormat(hou),
            min: this.timeFormat(min),
            sec: this.timeFormat(sec)
          }
        } else {
          //活动已结束，全部设置为'00'
          obj = {
            day: '00',
            hou: '00',
            min: '00',
            sec: '00'
          }
        }
        var txt = "pindGoods.djs";
        th.setData({
          obj: obj
        });
        setTimeout(th.countDown2, 1000);
  },

   //--定义的保存图片方法，分享团---
  saveImageToPhotosAlbum: function () {
        //类型  0普通商品 1秒杀商品  2商家和会员团  3阶梯团
        var type=1;
        if(this.data.teamlist.kttype==3) type=2;

        wx.showLoading({ title: '生成中...', })
        var that = this, th = that;
        //设置画板显示，才能开始绘图
        that.setData({
            canvasHidden: true,
        })

        var app = getApp();
        var unit = that.data.screenWidth / 750 * 1.35;
        var scene=th.data.teamgroup.id;
        var user_id=getApp().globalData.user_id?getApp().globalData.user_id:0;
        if(user_id>0){
           scene+="_"+user_id;
        }


        //二微码
        var path3 = os.url+ "/api/wx/open/app/user/getWeAppEwm/"+
           os.stoid+"?sceneValue="+scene+"&pageValue=pages/team/team_show/team_show";

        //读取文件成功则OK--
        wx.getImageInfo({
            src: path3,
            success:function (res) {
                //回调写法
                th.get_head_temp(th.get_goods_temp,function () {
                    var vpath = res.path;
                    var context = wx.createCanvasContext('share');

                    console.log("saveImageToPhotosAlbum");
                    console.log(vpath);

                    //先画背景
                    var pg_path = "../../../images/share/share_bg.png";
                    context.drawImage(pg_path, 0, 0, 554 * unit, 899 * unit);
                    //--昵称---
                    context.setFontSize(24 * unit)
                    context.setFillStyle("black")
                    context.fillText(app.globalData.userInfo.nickname, 152 * unit, 76 * unit);
                    var width = 24 * app.globalData.userInfo.nickname.length * unit + 2 * unit;
                    //强烈推荐
                    var tj_path = "../../../images/share/q_tj.png";
                    context.drawImage(tj_path, 152 * unit + width, 54 * unit, 110 * unit, 30 * unit);
                    context.setFontSize(18 * unit)
                    context.setFillStyle("white")
                    context.fillText('强烈推荐', 152 * unit + width + 20 * unit, 76 * unit);

                    //---产品名称---
                    context.setFontSize(21.3 * unit);
                    context.setFillStyle("black");
                    th.draw_Text(context, th.data.goods.goods_name,
                        40 * unit, 180 * unit, 200 * unit, 380 * unit);
                    //------产品的价格-------
                    context.setFontSize(24 * unit)
                    context.setFillStyle("red")
                    context.fillText("￥", 428 * unit, 180 * unit);
                    context.setFontSize(31 * unit)
                 
                    var pri0 = th.data.teamlist.price;
                    pri0=parseFloat(pri0).toFixed(2);
                    context.fillText(pri0, 456 * unit, 180 * unit);
                    //---市场价划掉---
                    context.setFillStyle("gray")
                    context.setFontSize(22 * unit)
                    context.fillText("￥" + th.data.goods.market_price, 438 * unit, 210 * unit);
                    context.setStrokeStyle('gray')
                    context.setLineWidth(1 * unit)
                    context.moveTo(438 * unit, 204 * unit)
                    context.lineTo(510 * unit, 204 * unit)
                    context.stroke();

                    console.log(th.data.share_img_localpath);


                    //---中间大图---
                    context.drawImage(th.data.share_img_localpath, 68 * unit, 242 * unit, 410 * unit, 410 * unit);

                    var g_ct=th.data.teamlist.ct_num-th.data.ordertx.length;
                    var wz= "";
                    if(g_ct>0)  wz="还差"+g_ct+"人成团，";
                    else{
                        g_ct= th.data.max_num -th.data.ordertx.length;
                        if(g_ct>0){
                            wz="还差"+g_ct+"人享受最低价，";
                        }else{
                            wz="已享受最低价，";
                        }
                    }

                    //-------大图后面就不一样了-----------
                    switch (type) {
                        case 1://会员团和商家团的展示
                            //---画线---
                            context.setLineWidth(1 * unit)
                            context.moveTo(32 * unit, 670 * unit)
                            context.lineTo(520 * unit, 670 * unit)
                            context.stroke();

                            //---文字---
                            context.setFontSize(22 * unit)
                            context.setFillStyle("black")
                            context.fillText("好物拼起来,拼拼更划算", 40 * unit, 726 * unit);

                            //绘制成团图片
                            var ct_img ="../../../images/share/ct_num.png";
                            context.drawImage(ct_img, 40 * unit, 740 * unit, 120 * unit, 30 * unit);
                            var ct_num = th.data.teamlist.ct_num;
                            context.setFontSize(14 * unit)
                         
                            context.setFillStyle("red")
                            if(ct_num<10){
                                context.fillText(ct_num+"人拼团", 92 * unit, 760 * unit);
                            }else{
                                context.fillText(ct_num+"人拼团", 86 * unit, 760 * unit);
                            }
                            context.setFontSize(22 * unit)
                            context.fillText("已拼"+th.data.teamlist.buy_num+"份", 166 * unit, 763 * unit);
                            context.setFillStyle("gray")
                            context.fillText(wz+"快来和我一起拼团吧！", 40 * unit, 826 * unit);
                            context.setFillStyle("black")
                            
                            context.setFontSize(22 * unit)
                            context.fillText("长按识别二维码，立即参团", 40 * unit, 856 * unit);
                            //---二维吗图---
                            context.drawImage(vpath, 420 * unit, 726 * unit, 120 * unit, 120 * unit);
                            break
                        case 2://阶梯团的展示
                            //---画线---
                            context.setLineWidth(1 * unit)
                            context.moveTo(32 * unit, 670 * unit)
                            context.lineTo(520 * unit, 670 * unit)
                            context.stroke();
                            //---文字---
                            context.setFontSize(22 * unit)
                            context.setFillStyle("black")
                            context.fillText("好物拼起来,拼拼更划算", 40 * unit, 726 * unit);
                            //---绘制中间阶梯的价格---
                            var list= JSON.parse(th.data.teamlist.ct_rylist);
                            for(var i=0; i<list.length;i++){
                                var item=list[i];
                                var wi=i*90*unit;
                                context.setFontSize(16 * unit)
                                context.setFillStyle("red")
                                context.fillText("￥", 40 * unit+wi, 756 * unit);
                                context.setFontSize(22 * unit)
                                var pri=parseFloat(item.price).toFixed(2);
                                context.fillText(pri, 56 * unit+wi, 756 * unit);
                                context.setFillStyle("gray")
                                context.fillText("满"+item.rynum+"人", 40 * unit+wi, 786 * unit);
                            }

                            //----------------下面部分----------------
                            context.setFillStyle("gray")
                            context.fillText(wz+"快来和我一起拼团吧！", 40 * unit, 830 * unit);
                            context.setFillStyle("black")                        
                            context.setFontSize(22 * unit)

                            context.fillText("长按识别二维码，立即参团", 40 * unit, 860 * unit);
                            //---二维吗图---
                            context.drawImage(vpath, 420 * unit, 726 * unit, 120 * unit, 120 * unit);
                            break
                    }

                    //---绘制圆形要放在最后----
                    context.save();
                    context.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;
                    context.arc(cx, cy, h_r, 0, Math.PI * 2, false);
                    context.closePath();
                    context.fill();
                    context.clip();
                    context.drawImage(th.data.share_head, h_x, h_y, h_r * 2, h_r * 2);
                    context.restore();

                    //把画板内容绘制成图片，并回调 画板图片路径
                    context.draw(false, function () {
                        setTimeout(function () {
                            wx.canvasToTempFilePath({
                                x: 0, y: 0,
                                width: 750,
                                height: 1217,
                                destWidth: 750 * 750 / that.data.screenWidth,
                                destHeight: 1217 * 750 / that.data.screenWidth,
                                canvasId: 'share',
                                success: function (res) {
                                    that.setData({
                                        shareImgPath: res.tempFilePath, canvasHidden: false,
                                    })
                                    if (!res.tempFilePath) {
                                        wx.showModal({
                                            title: '提示',
                                            content: '图片绘制中，请稍后重试',
                                            showCancel: false
                                        })
                                        return false;
                                    }
                                    wx.previewImage({
                                        //将图片预览出来
                                        urls: [that.data.shareImgPath]
                                    });
                                    wx.hideLoading();
                                }
                            })
                        },500)
                    });
                });
            }
        });
    },


  //文本换行 参数：1、canvas对象，2、文本 3、距离左侧的距离 4、距离顶部的距离 5、6、文本的宽度
  draw_Text: function (ctx, str, leftWidth, initHeight, titleHeight, canvasWidth, unit) {
    var lineWidth = 0;
    var lastSubStrIndex = 0; //每次开始截取的字符串的索引
    var han = 0;
    for (let i = 0; i < str.length; i++) {
      if (han == 2) return;
   
      //lineWidth += ctx.measureText(str[i]).width;
      lineWidth += ut.measureText(str[i], 21.3 * unit);

      if (lineWidth > canvasWidth) {
        han++;
        if (han == 2)
          ctx.fillText(str.substring(lastSubStrIndex, i) + '...', leftWidth, initHeight); //绘制截取部分
        else
          ctx.fillText(str.substring(lastSubStrIndex, i), leftWidth, initHeight);

        initHeight += 22; //22为字体的高度
        lineWidth = 0;
        lastSubStrIndex = i;
        titleHeight += 20;
      }
      if (i == str.length - 1) { //绘制剩余部分
        ctx.fillText(str.substring(lastSubStrIndex, i + 1), leftWidth, initHeight);
      }
    }
  },  

  //c点击打开拼团弹窗
  cpd: function() {
    console.log("heheh");
    this.setData({  pd_xx: 1,})
  },

  //点击关闭拼团弹窗
  close_pt_xx: function() {
    this.setData({ pd_xx: 0, })
  },

  go_goodsinfo:function (e) {
     var gid=e.currentTarget.dataset.gid;
     var url="/pages/goods/goodsInfo/goodsInfo?goods_id="+gid;
     wx.navigateTo({ url: url, })  //跳到非tabbar页
  },

    gohome:function () {
        getApp().goto("/pages/index/index/index");
    },

    //--获取头像的本地缓存,回调写法--
    get_head_temp:function (tt,func) {
        var ee=this;
        if(ee.data.share_head){
            tt(func);
            return false;
        }
        //---获取分享图片的本地地址,头像和商品图片----
        var path2 = getApp().globalData.userInfo.head_pic;
        if(path2==""){
            ee.data.share_head ="../../../images/share/hui_hear_pic.png";
            tt(func);
        }else {
            path2=path2.replace("http://thirdwx.qlogo.cn","https://wx.qlogo.cn");
            wx.getImageInfo({
                src: path2,
                success: function (res) {
                    //res.path是网络图片的本地地址
                    ee.data.share_head = res.path;
                    tt(func);;
                },
                fail: function (res) {
                    ee.data.share_head = "../../../images/share/hui_hear_pic.png"; //分享的图片不能用网络的
                    tt(func);
                }
            });
        }
    },

    //--获取商品图片的本地缓存，回调写法--
    get_goods_temp:function (tt) {
        var ee=this;
        if(ee.data.share_img_localpath) {
            tt();
            return false;
        }
        var path2 = os.imghost + ee.data.teamlist.share_imgurl;
        //获取商品是分享图信息
        wx.getImageInfo({
            src:  path2,
            success: function (res) {
                //res.path是网络图片的本地地址
                ee.data.share_img_localpath = res.path;
                tt();
            },
            fail: function (res) {
                ee.data.share_img_localpath= "../../../images/share/default_g_img.gif";  //分享的图片不能用网络的
                tt();
            }
        });
    },

    go_pay_wk:function(){
      var url = "/pages/cart/cart_wk/cart_wk?order_id=" + this.data.order.order_id;
      getApp().goto(url);
    },

    img_show_err:function(e){
        var err_img = e.currentTarget.dataset.err;
        var ob={};
        ob[err_img] = this.data.iurl + "/miniapp/images/default_g_img.gif";
        this.setData(ob);
        
    },


    //------ 分享配置 --------
    onShareAppMessage: function (e) {
        var scene=th.data.teamgroup.id;
        var url="/pages/team/team_show/team_show?tg_id="+scene;
        //--分享图片--
        img=th.data.iurl+th.data.teamlist.share_imgurl;
        //--把会员分享出去--
        if(getApp().globalData.user_id){
            if(url.indexOf("?")>0)
                url+="&first_leader="+getApp().globalData.user_id;
            else
                url+="?first_leader="+getApp().globalData.user_id;
        }

        return {
            path:url,
            title: "商品分类",
            imageUrl: img,
        }
    },

  
})