import config from '../../common/config'
let plugin = requirePlugin("yoho-utils");
import { jumpByUrl } from '../../libs/urlRoute';
import { getQRCodeSource } from '../../libs/miniQRCodeRoute.js'
import {
  logEvent,
  YB_PAGE_OPEN_L,
  YB_GROUP_BUY_BANNER_C,
} from '../../libs/analytics.js'


let app = getApp();
const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;
const DEVICE_WIDTH_RATIO = windowWidth / 320;
let listWidth = Math.ceil(137.5 * DEVICE_WIDTH_RATIO);
let listHeight = Math.ceil(254 * DEVICE_WIDTH_RATIO);
const screenHeight = app.globalData.systemInfo.screenHeight;

const IMAGE_WIDTH = 145;
const IMAGE_HEIGHT = 193;
const IMAGE_RATIO = IMAGE_HEIGHT / IMAGE_WIDTH;
let listImageWidth = listWidth;
let listImageHeight = Math.ceil(listWidth * IMAGE_RATIO);

const shareViewWidth = windowWidth;
// const ratio = windowWidth / windowWidth;
const shareViewHeight = screenHeight;


const SC = screenHeight / shareViewHeight;

Page({

  data: {
    loading: false,
    loginFailded: false,
    activityId: '',
    activityList: [],
    bannerHeight:windowHeight * 0.182,
    tabHeight:windowHeight * 0.068,
    selectorHeight:windowHeight * 0.06,
    tabLineWidth:windowWidth * 0.24,
    tabLineHeight:windowHeight*0.003,

    isLoadingMore:false,
    currentPage:1,
    canLoadMore:false,
    banner:{
      imageUrl:'',
      imagePath:''
    },

    isHome:true,

    sharerData: {
      isShow: false,
      defaultImage:'',
      showPage:1, // 1 活动列表页 2 拼团结果页
      showType: 1, // 1 : 分享页  2 ： 截图页
      // goodDetail: {},
      shareViewWidth: shareViewWidth,
      shareViewHeight: shareViewHeight,
      windowWidth,
      screenHeight,
      SC: SC,
      qrCode: '',
      shareTitle:'',
      shareContent:'',
      buttonIcon: {
        wechat: '../../images/share_wechat@2x.png',
        wechatP: '../../images/share_wxpeng@2x.png'
      },
  },
  },
  onReachBottom:function(){
    let canLoad = this.data.canLoadMore
    let isLoadingMore = this.data.isLoadingMore
    if(canLoad && !isLoadingMore){
      this.setData({
        isLoadingMore:true
      })
      this.fetchactivityList();
    }
  },
  onLoad: function (options) {
    let that = this;
    if (options.scene && options.scene.length == 32) {
      getQRCodeSource(options.scene)
      .then(json=>{
          if(json){
            // console.log('zjj-get',json)
            that.loadElement(json);
          }else{
            that.loadElement(options);
          }
      })
      .catch(error=>{
        that.loadElement(options);
      })
    }else{
      that.loadElement(options);
    }
  },
  loadElement:function(options){
    let activityId = options.activityId;
    if(!activityId || activityId == undefined || activityId.length<0){
      activityId = options.activity_id;
    }
    if (options.title && options.title.length > 0) {
      wx.setNavigationBarTitle({
        title: options.title,
      })
    }
    this.setData({
      activityId,
    });

    let unionType = options.union_type ? options.union_type : '';
    //解析 渠道号
    if (unionType) {
      app.updateUnionType(unionType);
    }

    this.fetchactivityList();
    // this.fetchSourceData();
    this.getShareInfo();

    var pages = getCurrentPages()
    var currentPage = pages[pages.length - 1]
    var url = currentPage.route
    let params = {
      PAGE_NAME: 'groupPurchase',
      PAGE_PARAM: this.data.activityId ? this.data.activityId : 0,
      FROM_PAGE_NAME: 'home',
      PAGE_PATH: url
    };

    logEvent(YB_PAGE_OPEN_L, params);
  },
  onShow:function(){
    if (app.globalData.user_union_type) {
      let buttonIcon = {
        wechat: '../../images/share_union_wechat@2x.png',
        wechatP: '../../images/share_union_wxpeng@2x.png'
      }
      let sharerData = this.data.sharerData;
      sharerData.buttonIcon = buttonIcon
      this.setData({
        sharerData
      })
    }
    try{
      let cache = wx.getStorageSync("from_detail");
      if (cache && cache =='groupPurchaseDetail'){
        console.log('跳转回来')
        this.fetchactivityList(true);
        // this.fetchSourceData();
        wx.clearStorageSync("from_detail")
      }
    }catch(error){

    }
  },
  getShareInfo:function(){
    // console.error('--zjj--切换线上测试share_id 切换线上测试share_id 切换线上测试share_id')
    let share_id = 5409; //线上：5409 ；测试：1124
    let param = {
      share_id,
    }
    let that = this;
    plugin.get({
      url: '/operations/api/v5/webshare/getShare',
      data: param
    }).then(data => {
        // console.log('--getShareInfo--',data)
        if (data && data.code == 200 && data.data) {
          // that.globalData.shareInfo = data.data;
          let netData = data.data;
          let sharerData = that.data.sharerData;
          sharerData.defaultImage = netData.bigImage ? netData.bigImage : netData.pic;
          sharerData.shareTitle = netData.title;
          sharerData.shareContent = netData.content;
          that.setData({
            sharerData
          })
        }else{
          let sharerData = that.data.sharerData;
          let shareInfo = app.globalData.shareInfo;
          let defaultImage = shareInfo.bigImage ? shareInfo.bigImage : shareInfo.pic;
          sharerData.shareTitle = shareInfo.title;
          sharerData.shareContent = shareInfo.content;
          if (!defaultImage) {
            defaultImage = 'http://img12.static.yhbimg.com/taobaocms/2018/07/02/10/02c8621044d03d0ae0dd87fef9e124436d.jpg'
          }
          sharerData.defaultImage = defaultImage;
          that.setData({
            sharerData
          })
        }
      })
      .catch(error => {
        // console.log('--getShareInfo--',error)
        let sharerData = that.data.sharerData;
        let shareInfo = app.globalData.shareInfo;
        let defaultImage = shareInfo.bigImage ? shareInfo.bigImage : shareInfo.pic;
        sharerData.shareTitle = shareInfo.title;
        sharerData.shareContent = shareInfo.content;
        if(!defaultImage){
          defaultImage = 'http://img12.static.yhbimg.com/taobaocms/2018/07/02/10/02c8621044d03d0ae0dd87fef9e124436d.jpg'
        }
        sharerData.defaultImage = defaultImage;
        that.setData({
          sharerData
        })
      });
  },
  fetchactivityList: function (clearList = false) {
    var that = this
    let currentPage = this.data.currentPage;
    let param = {
      // method: 'app.collage.productList',
      method:'app.collage.productList.page',
      limit:20,
      page: currentPage,
      activityId: this.data.activityId,
      // debug:'XYZ',
    }
    
    plugin.get({data: param})
      .then(function (data) {
        if (!data ||!data.data){
          wx.showToast({
            title: '未查询到商品信息，请稍后再试',
            icon: 'none',
            duration: 3000
          })
          return
        }
        if (data.data.banner && data.data.banner.length > 0){
          let imagePath = data.data.banner.replace(/{width}/g, 750).replace(/{height}/g, 243).replace('{mode}', 2);
          let bannerHeight = windowWidth * 243 / 750;
          let imageUrl = data.data.jumpUrl;
          let banner = {
            imageUrl,
            imagePath
          };
          that.setData({
            banner,
            bannerHeight
          })
        }
        // data.data && data.data.map((item, index) => {
        data.data && data.data.collageProductVoList && data.data.collageProductVoList.map((item, index) => {
          item.defaultImages = item.defaultImages ? item.defaultImages.replace(/{width}/g, listImageWidth * 2).replace(/{height}/g, listImageHeight * 2).replace('{mode}', 2) : '';
          // item.salesPrice = item.salesPrice ? item.salesPrice.toFixed(2) : '';
          // item.marketPrice = item.marketPrice ? item.marketPrice.toFixed(2): '';
          // item.collagePrice = item.collagePrice ? item.collagePrice.toFixed(2): '';
        });
        let pageTotal = data.data.page_total
        let currentPage = that.data.currentPage
        let canLoadMore = currentPage < pageTotal
        if(canLoadMore){
          currentPage = currentPage + 1
        }
        let activityList = that.data.activityList;
        if(clearList){
          activityList = activityList.clear();
        }
        if (data.data.collageProductVoList && data.data.collageProductVoList != undefined){
          activityList = activityList.concat(data.data.collageProductVoList)
        }
        that.setData({
          activityList,
          canLoadMore,
          currentPage,
          isLoadingMore:false
        });
      })
      .catch(function (error) {
        that.setData({
          isLoadingMore:false
        })
        this.wetoast.toast({
          title: error.code + error.message + '',
          titleClassName: 'wetoast-title',
          duration: 1000
        });
      });
  },

  fetchSourceData:function(){
    let that = this
    //content_code 测试环境：f99fa98a01fdadb09012bbd2b4a28e91
    //             正式环境：ab4ca2161bada40fe7335dce51b8e196
    let param = {
      content_code:'ab4ca2161bada40fe7335dce51b8e196',
    }
    plugin.get({
      url: '/operations/api/v5/resource/get',
      data: param
    }).then(function(data){
        if(data.code == 200 && data.data.length>0 && data.data[0].data){
          let image= data.data[0].data;
          if(image.list && image.list.length >0){
            let imageData = image.list[0]
            let imagePath = imageData.src ? imageData.src.replace(/{width}/g, image.imageWidth).replace(/{height}/g, image.imageHeight).replace('{mode}', 2):'';
            let bannerHeight = windowWidth * image.imageHeight/image.imageWidth
            let banner= {
              imageUrl: imageData.url,
              imagePath
            };
            that.setData({
              banner,
              bannerHeight
            })
          }
        }
      });
  },
  bannerTab:function(event){
    let url = this.data.banner.imageUrl
    jumpByUrl(url,'groupPurchase')
    let param={
      TO_PATH:url
    }
    logEvent(YB_GROUP_BUY_BANNER_C,param)
  },
  groupListCellTapped: function (event) {
    let data = event.currentTarget.dataset;
    let productSkn = data.productSkn;
    let activityId = data.activityId;

    wx.navigateTo({
      url: './groupPurchaseDetail?productSkn=' + productSkn + '&activityId=' + activityId + '&page_name=' + 'groupPurchase' + '&page_param=' + activityId,
    });
  },
  jumpMyGroup:function(event){
    if (!app.isLogin()) {
      wx.showToast({
        title: '请先完成登录/注册，再查看!',
        duration:1500,
        icon:'none'
      })
      return;
    }
    wx.navigateTo({
      url: '../orders/groupOrders?page_name=groupPurchase',
    })
  },
  share:function(options){
    // console.log('--share--')
    let that = this;
    let sharerData = that.data.sharerData;

    let param = {
      activityId: this.data.activityId,
    }
    if(app.globalData.user_union_type){
      param.union_type = app.globalData.user_union_type
    }
    let qrCode = config.domains.api + '/wechat/miniapp/img-check.jpg?param=' + encodeURIComponent(JSON.stringify(param)) + '&miniQrType=15';
    // console.log('--qrcode--',qrCode)
    // let shareInfo = app.globalData.shareInfo;
    // let defaultImage = shareInfo.bigImage ? shareInfo.bigImage : shareInfo.pic;
    // if(!defaultImage){
    //   defaultImage = 'http://img12.static.yhbimg.com/taobaocms/2018/07/02/10/02c8621044d03d0ae0dd87fef9e124436d.jpg'
    // }
    sharerData.isShow = true;
    sharerData.qrCode = qrCode;
    // sharerData.defaultImage = defaultImage;
    that.setData({
      sharerData
    })
  },

  shareHide: function (e) {
    // console.log('shareHide');
    let sharerData = this.data.sharerData;
    sharerData.isShow = false;
    sharerData.showType = 1;

    this.setData({
      sharerData,
    });
  },
  showImage: function (e) {
    let that = this;
    if (wx.getSetting) {
      wx.getSetting({
        success(res) {
          if (!res.authSetting['scope.writePhotosAlbum']) {
            wx.authorize({
              scope: 'scope.writePhotosAlbum',
              success: function (res) {
                that.saveSnapShoot();
              },
              fail: function (error) {
                if (res.authSetting['scope.writePhotosAlbum'] == false) {
                  wx.showModal({
                    title: '',
                    content: '需要打开小程序的设置，重新授权访问您的系统相册',
                    confirmText: "去开启",
                    confirmColor: "#000000",
                    success: function (res) {
                      if (res.confirm) {
                        that.shareHide();
                        wx.openSetting({
                          success: function (res) {

                          }
                        });
                      }
                    }
                  });
                }
              },
            })
          } else {
            that.saveSnapShoot();
          }
        }
      })
    } else {
      wx.showModal({
        title: '提示',
        content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
      })
    }
   
  },
  saveSnapShoot: function (e) {
    let sharerData = this.data.sharerData;
    sharerData.showType = 2;

    this.setData({
      sharerData,
    });

    this.drawShareSnap('originalCanvasenlargeList', 3)
  },

  drawShareSnap: function (canvasId, num) {
    let that = this;
    let sharerData = that.data.sharerData;

    let scale = SC * num;
    let snapWidth = (shareViewWidth) * scale;
    let snapHeight = (shareViewHeight) * scale;
    const ctx = wx.createCanvasContext(canvasId);
    ctx.setFillStyle('black');
    ctx.fillRect(0,0,snapWidth,snapHeight);
    let contentWidth = snapWidth*0.973;
    let contentHeight = snapHeight * 0.985;
    let contentLeft = (snapWidth - contentWidth)/2;
    let contentTop = (snapHeight - contentHeight)/2;
    ctx.setFillStyle('white');
    ctx.fillRect(contentLeft,contentTop,contentWidth,contentHeight);

    let logoWidth = snapWidth * 0.299;
    let logoHeight = snapHeight * 0.033;
    let logoTop = snapHeight * 0.055;
    let logoLeft = (snapWidth - logoWidth)/2;

    let bigImageWidth = snapWidth * 0.867;
    let bigImageHeight = 0.649 * snapHeight;
    let bigImageTop = logoTop + logoHeight + 0.036 * snapHeight;
    let bigImageLeft = (snapWidth - bigImageWidth) / 2;

    let qrCodeWidth = snapWidth * 0.213;
    if(qrCodeWidth < snapHeight * 0.12){
      qrCodeWidth = snapHeight * 0.12;
    }
    let qrCodeLeft = bigImageLeft;
    let qrCodeTop = bigImageHeight + bigImageTop + snapHeight * 0.045;

    // let tipLeft = qrCodeLeft + qrCodeWidth + 0.072 * scale;
    let tipLeft =contentLeft + snapWidth * 0.339;
    let tip1FontSize = 14 * scale;
    let tip2FontSize = 12 * scale;

    // let tip1Top = qrCodeTop + qrCodeWidth - tip1FontSize - tip2FontSize - 8 * scale)

    let tip1Top = bigImageHeight + bigImageTop + snapHeight * 0.069;
    let tip2Top = bigImageHeight + bigImageTop + snapHeight * 0.111;

    ctx.setFillStyle('#444444');
    ctx.setFontSize(tip1FontSize);
    ctx.setTextBaseline('top');
    ctx.fillText("有货友拼团，潮人的专属福利团",tipLeft,tip1Top);

    ctx.setFillStyle("#b0b0b0");
    ctx.setFontSize(tip2FontSize);
    ctx.setTextBaseline('top');
    ctx.fillText('长按图片识别小程序查看详情',tipLeft,tip2Top);

    ctx.drawImage('./images/logo.png',logoLeft,logoTop,logoWidth,logoHeight);
    ctx.draw(true);

    var defaultImage = sharerData.defaultImage;
    if (defaultImage.indexOf("https://") == -1) {
      defaultImage = defaultImage.replace('http://', 'https://');
    }
    wx.getImageInfo({
      src: defaultImage,
      success:function(result){
          ctx.drawImage(result.path,bigImageLeft,bigImageTop,bigImageWidth,bigImageHeight);
          ctx.draw(true);
      }
    })

    let qrCode = sharerData.qrCode;
    if (qrCode.indexOf("https://") == -1) {
      qrCode = qrCode.replace('http://', 'https://');
    }
    wx.getImageInfo({
      src: qrCode,
      success: function (result) {
        ctx.drawImage(result.path, qrCodeLeft, qrCodeTop, qrCodeWidth, qrCodeWidth);
        ctx.draw(true);
      }
    })
    ctx.draw(true);
  },
  shareSaveImage: function (e) {
    // console.log('shareSaveImage');

    // let params = {
    //   PRD_SKN: this.data.yourJoinItem ? this.data.yourJoinItem.productSkn : '0',
    //   GRP_ID: this.data.group_no ? this.data.group_no + '' : '0',
    // };
    // logEvent(YB_INVITE_PICTURE_SAVE_C, params);
    wx.showLoading({
      title: '图片保存中...',
    })
    var that = this
    wx.canvasToTempFilePath({
      x: 0,
      y: 10000,
      width: (shareViewWidth ) * SC * 3,
      height: (shareViewHeight ) * SC* 3,
      destWidth: (shareViewWidth ) * SC * 6,
      destHeight: (shareViewHeight) *  SC * 6,
      canvasId: 'originalCanvasenlargeList',
      success: function (result) {
        wx.saveImageToPhotosAlbum({
          filePath: result.tempFilePath,
          success(res) {
            // console.log("保存图片成功");
            // let params = {
            //   PRD_SKN: that.data.yourJoinItem ? that.data.yourJoinItem.productSkn : '0',
            //   GRP_ID: that.data.group_no ? that.data.group_no + '' : '0',
            // };
            // logEvent(YB_SHARE_PICTURE_RESULT_L, params);
            wx.hideLoading();
            wx.showToast({
              title:
                '保存成功',
              icon:
                'success',
              duration:
                2000
            })
            that.shareHide();
          },
          fail(err) {
            wx.hideLoading();
            that.shareHide();
          }
        });
      },
    });
  },

  onShareAppMessage: function (options) {//options.from 判断来源
    var that = this;
    let shareInfo = that.data.sharerData;
    let path = '/pages/groupPurchase/groupPurchase?activityId=' + that.data.activityId;
    if (app.globalData.user_union_type) {
      path = path + "&union_type=" + app.globalData.user_union_type;
    }
    // 用户点击右上角分享
    return {
      title: shareInfo.shareTitle, // 分享标题
      //imageUrl: imageUrl,
      desc: shareInfo.shareContent ? shareInfo.shareContent:'', // 分享描述
      path, // 分享路径
    }
  },
})