hulimall/pages/product/detail.js

//获取应用实例  
var app = getApp();
var util = require('../../utils/util.js')
var WXAPI = require('../../utils/server.js');
//引入这个插件，使html内容自动转换成wxml内容
var WxParse = require('../../wxParse/wxParse.js');
Page({
  data: {
    pop: null,
    bannerApp: true,
    maskHidden: false,
    winWidth: 0,
    winHeight: 0,
    currentTab: 0, //tab切换  
    productId: 0,
    attributeId: 0,
    itemData: {},
    wsc: 'bxs',
    sc: 'bxs',
    paytype: 'buynow',
    sizeid: '',
    remind: true,
    bannerItem: [],
    select: [],//选中
    buynum: 1,
    // 产品图片轮播
    value: false,
    autoplay: true,
    interval: 5000,
    duration: 1000,
    xefl: true,//点击选择规格显示状态
    // 属性选择
    firstIndex: -1,
    //数据结构：以一组一组来进行设定  
    commodityAttr: [],
    attrValueList: [],
    show_share: false,
    shop_list: {},
  },
  //分享朋友圈 查看保存图片
  user_share: function () {
    var that = this;
    wx.showToast({
      title: '图片生成中',
      icon: 'loading',
      duration: 1500,
    });

    // app.request.wxRequest({
    //   url: '&action=getcode&m=product_share',
    //   data: {
    //     product_img_path: that.data.itemData.photo_d,
    //     product_title: that.data.title,
    //     price: that.data.itemData.price_yh,
    //     yprice: that.data.itemData.price,
    //     scene: 'productId=' + that.data.productId + '&referee_openid=' + app.globalData.userInfo.user_id,
    //     path: 'pages/product/detail',
    //     id: app.globalData.userInfo.user_id,
    //     pid: that.data.productId,
    //     head: app.globalData.userInfo.avatarUrl,
    //     name: app.globalData.userInfo.nickName,
    //     type: 3
    //   },
    //   method: 'post',
    //   success: function (res) {
    //     that.setData({
    //       maskHidden: true,
    //       imagePath: res.url,
    //     });
    //   }
    // })

    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    });
    that.animation = animation;
    animation.translateY(300).step();
    that.setData({
      animationData: animation.export()
    })
    setTimeout(function () {
      animation.translateY(0).step()
      that.setData({
        animationData: animation,
        show_share: false
      })
    }.bind(that), 200)
  },
  //页面加载完成函数
  onReady: function () {
    this.pop = this.selectComponent("#pop")
  },
  // 下拉刷新
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading() //在标题栏中显示加载
    this.loadProductDetail();
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
  },
  // 传值
  onLoad: function (option) {
    console.log(option)
    var scene = decodeURIComponent(option.scene);
    var that = this;
    if (scene != 'undefined' && scene.length > 1 && scene != '') {
      option = scene;
    }
    that.initNavHeight();
    if (option.referee_openid != '') {
      app.globalData.userInfo['referee_openid'] = option.referee_openid;
    } else {
      app.globalData.userInfo['referee_openid'] = '';
    }
    that.setData({
      productId: option.productId,
      userid: option.userid ? option.userid : false,
      choujiangid: option.choujiangid ? option.choujiangid : '',
      type1: option.type1 ? option.type1 : '',//判断是抽奖还是其他活动
      role: option.role ? option.role : '',
      size: option.size ? option.size : '',
      earn: option.earn ? option.earn : false,
      // cart: app.globalData.userInfo.cart ? app.globalData.userInfo.cart:0//购物车数量
    });
    //显示数据
    that.loadProductDetail();
  },
  // 属性选择
  onShow: function () {
    var that = this;
    that.getUserId();
  },
  getUserId() {
    WXAPI.userIndex({
      accessId: app.globalData.accessId,
      storeId: 239,
      storeType: 1,
      mobile:'',
    }).then(res => {
      if (res.code == 200) {
        var data = res.data;
        if (!data.data) {
          wx.removeStorageSync('accessId')
          wx.removeStorageSync('isLogin');
          wx.removeStorageSync('userInfo');
        }
      }
    })
  },
  // 商品详情数据获取 
  loadProductDetail: function () {
    var that = this;
    var choujiangid = that.data.choujiangid;
    var openid = app.globalData.userInfo.openid;
    WXAPI.productIndex({
      accessId: app.globalData.accessId,
      storeId: 239,
      pro_id: that.data.productId,
      vipSource: 0
    }).then(res => {
      if (res.code == 200) {
        var data = res.data;
        var pro = data.pro;
        var content = pro.content;
        WxParse.wxParse('content', 'html', content, that, 5);
        that.setData({
          itemData: pro,
          shop_list: data.shop_list,
          kucun: pro.num,
          bannerItem: pro.img_arr,
          share: data.share,
          title: pro.name,
          is_zhekou: pro.is_zhekou,
          comments: data.comments,
          is_shou: data.type,
          collection_id: data.collection_id,
          choujiangid: that.data.choujiangid,
          role: that.data.role ? that.data.role : '',
          qj_price: pro.price,
          qj_yprice: pro.vip_yprice,
          attrList: data.attrList,
          skuBeanList: data.skuBeanList,
          zhekou: data.zhekou != '' ? data.zhekou : false,
          remind: false
        });
        // util.getUesrBgplus(that, app, true)
        //默认选中
        that.one();
      } else if (res.code == 3) {
        wx.showToast({
          title: res.message,
          duration: 2000,
        });
        wx.redirectTo({
          url: '../../pages/draw/draw'
        });
      }  else {
        // util.getUesrBgplus(that, app, true)
        // util.getUesrBgplus(that, app, false)
        wx.switchTab({
          url: '../index/index'
        })
        wx.showToast({
          title: res.message,
          duration: 2000,
        });
      }
      //判断是否收藏
      if (data.type) {
        that.setData({
          wsc: 'bxs',
          sc: 'xs',
        })
      } else {
        that.setData({
          wsc: 'xs',
          sc: 'bxs',
        })
      }
    });
  },
  // 弹窗
  setModalStatus: function (e) {
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    });
    //定义点击的类型
    var type = e.target.dataset.type ? e.target.dataset.type : false;
    //控制两种不同显示方式 
    if (type) {
      this.setData({
        xefl: false,
      })
    } else {
      this.setData({
        xefl: true,
      })
      type = this.data.paytype;
    }
    this.animation = animation
    animation.translateY(300).step();
    this.setData({
      paytype: type,
      animationData: animation.export()
    })
    if (e.currentTarget.dataset.status == 1) {
      this.setData({
        showModalStatus: true
      });
    }
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation
      })
      if (e.currentTarget.dataset.status == 0) {
        this.setData({
          showModalStatus: false
        });
      }
    }.bind(this), 200)
  },
  // 加减
  changeNum: function (e) {
    var that = this;
    var num = that.data.itemData.num;
    if (e.target.dataset.alphaBeta == 0) {
      if (this.data.buynum <= 1) {
        wx.showToast({
          title: '不能再少了',
          icon: 'none',
          duration: 1000
        })
      } else {
        this.setData({
          buynum: this.data.buynum - 1
        })
      };
    } else {
      if (that.data.buynum < num) {
        this.setData({
          buynum: this.data.buynum + 1
        })
      } else {
        wx.showToast({
          title: '不能再多了',
          icon: 'none',
          duration: 1000
        })
      }
    };
  },
  //首次进去选中
  one: function () {
    var attrListIn = this.data.attrList;
    var skuBeanListIn = this.data.skuBeanList;
    var select_list = skuBeanListIn[0];
    for (var i = 0; i < attrListIn.length; i++) {
      for (var j = 0; j < attrListIn[i].attr.length; j++) {
        for (var b = 0; b < select_list.attributes.length; b++) {
          if (select_list.attributes[b].attributeId == attrListIn[i].attr[j].attributeId && select_list.attributes[b].attributeValId == attrListIn[i].attr[j].id) {
            attrListIn[i].attr[j].select = true;
          }
        }
      }
    }
    var itemData = this.data.itemData;
    itemData.photo_x = select_list.imgurl;
    itemData.price_yh = select_list.price;
    itemData.num = select_list.count;
    var sizeid = select_list.cid;

    // 重新赋值
    this.setData({
      attrList: attrListIn,
      skuBeanList: skuBeanListIn,
      itemData: itemData,
      sizeid: sizeid,
      value: select_list.name
    })
    this.onData();
  },
  //跳转index
  t_index: function () {
    wx.switchTab({
      url: '../index/index'
    })
  },
  //跳转cart
  go_cart: function () {
    var isLogin = wx.getStorageSync('isLogin')
    if (!isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }
    // util.getUesrBgplus(this, app, false)
    wx.switchTab({
      url: '../cart/cart'
    })
  },

  /**
   * Sku核心算法
   * 根据所有出当前类别之外的选择 判断按钮的enable ？ false or true
   */
  onData: function () {
    var attrListIn = this.data.attrList;
    for (var i = 0; i < attrListIn.length; i++) {
      var attrListBig = attrListIn[i];

      //当前类别之外的选择列表
      var attrsOtherSelect = [];
      for (var j = 0; j < attrListIn.length; j++) {
        var attrListSmall = attrListIn[j];
        if (attrListSmall.id != attrListBig.id) {
          for (var k = 0; k < attrListSmall.attr.length; k++) {
            var attrListSmallAttr = attrListSmall.attr[k];
            if (attrListSmallAttr.enable && attrListSmallAttr.select) {
              attrsOtherSelect.push(attrListSmallAttr);
            }
          }
        }
      }

      var enableIds = [];

      var skuBeanListIn = this.data.skuBeanList;

      for (var z = 0; z < skuBeanListIn.length; z++) {
        var ism = true;
        var skuBean = skuBeanListIn[z];

        for (var j = 0; j < attrsOtherSelect.length; j++) {
          var enable = false;
          for (var k = 0; k < skuBean.attributes.length; k++) {

            var goodAttrBean = skuBean.attributes[k];
            if (attrsOtherSelect[j].attributeId == goodAttrBean.attributeId
              && attrsOtherSelect[j].id == goodAttrBean.attributeValId) {
              enable = true;
              break;
            }
          }
          ism = enable && ism;
        }

        if (ism) {
          for (var o = 0; o < skuBean.attributes.length; o++) {
            var goodAttrBean = skuBean.attributes[o];

            if (attrListBig.id == goodAttrBean.attributeId) {
              enableIds.push(goodAttrBean.attributeValId);
            }
          }
        }
      }

      var integers = enableIds;
      for (var s = 0; s < attrListBig.attr.length; s++) {
        var attrItem = attrListBig.attr[s];
        attrItem.enable = integers.indexOf(attrItem.id) != -1;
      }
    }

    // 重新赋值
    this.setData({
      attrList: attrListIn,
      skuBeanList: skuBeanListIn
    })

  },

  /**
   * 规格属性点击事件
   */
  onChangeShowState: function (event) {
    var that = this;
    var listItem = this.data.attrList;
    var items = listItem[event.currentTarget.dataset.idx];
    var item = items.attr[event.currentTarget.dataset.index];

    if (!item.enable) {
      return;
    }

    var select = !item.select;

    for (var i = 0; i < items.attr.length; i++) {
      items.attr[i].select = false;
    }

    item.select = select;

    // 获取点击属性列表
    var canGetInfo = [];
    for (var skuIndex = 0; skuIndex < listItem.length; skuIndex++) {
      for (var skuIndexIn = 0; skuIndexIn < listItem[skuIndex].attr.length; skuIndexIn++) {
        if (listItem[skuIndex].attr[skuIndexIn].enable && listItem[skuIndex].attr[skuIndexIn].select) {
          canGetInfo.push(listItem[skuIndex].attr[skuIndexIn]);
        }
      }
    }

    var canGetInfoLog = "";

    var skuBeanList = this.data.skuBeanList;

    var haveSkuBean = [];
    // 对应库存清单扫描
    for (var skuBeanIndex = 0; skuBeanIndex < skuBeanList.length; skuBeanIndex++) {
      var iListCount = 0;
      for (var skuBeanIndexIn = 0; skuBeanIndexIn < skuBeanList[skuBeanIndex].attributes.length; skuBeanIndexIn++) {
        if (canGetInfo.length == skuBeanList[skuBeanIndex].attributes.length) {
          if (skuBeanList[skuBeanIndex].attributes[skuBeanIndexIn].attributeValId == canGetInfo[skuBeanIndexIn].id) {
            iListCount++;
          }
        } else {
          canGetInfoLog = "库存清单不存在此属性" + " ";

        }
      }
      if (iListCount == skuBeanList[skuBeanIndex].attributes.length) {
        haveSkuBean.push(skuBeanList[skuBeanIndex]);
      }
    }

    for (var iox = 0; iox < canGetInfo.length; iox++) {
      canGetInfoLog += canGetInfo[iox].attributeValue + " ";
    }

    if (haveSkuBean.length != 0) {
      //选中设置
      var itemData = that.data.itemData;
      itemData.photo_x = haveSkuBean[0].imgurl;
      itemData.price_yh = haveSkuBean[0].price;
      itemData.num = haveSkuBean[0].count;
      var choujiangid = that.data.choujiangid;
      var sizeid = haveSkuBean[0].cid;
      that.setData({
        itemData: itemData,
        sizeid: sizeid,
        choujiangid: choujiangid,
        value: canGetInfoLog
      });
    } else {
      that.setData({
        sizeid: '',
        value: ''
      });
    }

    // 重新赋值
    this.setData({
      attrList: listItem,
      infoText: canGetInfoLog,
    })

    // 重新sku运算
    this.onData();
  },


  /* 点击确定 */
  submit: function (e) {
    var that = this;
    var type = e.currentTarget.dataset.type;
    if (type == 'buynow') {
      that.buyNow(e)
    } else {
      that.addShopCart(e)
    }
  },
  //购物车直接结算
  settlement: function () {
    console.log('-Settlement-')
    wx.switchTab({
      url: '../cart/cart'
    })
    return;
  },
  //加入购物车
  addShopCart: function (e) {
    //添加到购物车
    var that = this;
    WXAPI.productAddCart({
      accessId: app.globalData.accessId,
      storeId: 239,
      storeType: 1,
      pro_id: that.data.productId,
      attribute_id: that.data.sizeid,
      num: that.data.buynum,
      type: 'addcart',
    }).then(res => {
      if (res.code == 200) {
        //设置购物车刷新
        app.d.purchase = 1;
        wx.showToast({
          title: '加入购物车成功',
          icon: 'success',
          duration: 2000
        });
        that.setData({
          showModalStatus: false
        });
      } else {
        wx.showToast({
          icon: 'loading',
          title: res.message,
          duration: 2000
        });
      }
    });
  },
  //立即购买
  buyNow: function (e) {
    var isLogin = wx.getStorageSync('isLogin')
    if (!isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }
    //添加到购物车
    var that = this;
    var productArr = []
    productArr.push({pid: that.data.productId})
    productArr.push({cid: that.data.sizeid})
    productArr.push({num: that.data.buynum})
    // productArr.push({})
    let jsonstr = JSON.stringify(productArr)
    wx.navigateTo({
      url: '../order/pay?product=' + jsonstr + '&cartId=',
    });
  },
  bindChange: function (e) {//滑动切换tab 
    var that = this;
    that.setData({ currentTab: e.detail.current });
  },
  initNavHeight: function () {////获取系统信息
    var that = this;
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          winWidth: res.windowWidth,
          winHeight: res.windowHeight
        });
      }
    });
  },
  bannerClosed: function () {
    this.setData({
      bannerApp: false,
    })
  },
  swichNav: function (e) {//点击tab切换
    var that = this;
    if (that.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }
  },

  onShareAppMessage: function (res) {
    var that = this;
    var id = that.data.productId;
    var type1 = that.data.type1;
    var uname = app.globalData.userInfo.nickName ? app.globalData.userInfo.nickName + '超值推荐 ' : '我发现一个好的东西 推荐给你们 ';
    var title = uname + that.data.title;
    var referee_openid = app.globalData.userInfo.user_id;
    if (res.from === 'button') {
      // 来自页面内转发按钮
    }
    console.log('pages/product/detail?productId=' + id + '&referee_openid=' + referee_openid)
    return {
      title: title,
      imageUrl: that.data.bannerItem[0],
      path: 'pages/product/detail?productId=' + id + '&referee_openid=' + referee_openid,
      success: function (res) {
        console.log('转发成功');
        var animation = wx.createAnimation({
          duration: 200,
          timingFunction: "linear",
          delay: 0
        });
        that.animation = animation;
        animation.translateY(300).step();
        that.setData({
          animationData: animation.export()
        })
        setTimeout(function () {
          animation.translateY(0).step()
          that.setData({
            animationData: animation,
            show_share: false
          })
        }.bind(that), 200)
      },
      fail: function (res) {
        console.log('转发失败')
      }
    }
  },
  // 添加到收藏
  addFavorites: function (e) {
    var isLogin = wx.getStorageSync('isLogin')
    if (!isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }
    var that = this;
    WXAPI.addFavoritesIndex({
      accessId: app.globalData.accessId,
      storeId: 239,
      storeType: 1,
      pro_id: that.data.productId,
    }).then(res => {
      if (res.code == 200) {
        var data = res.data;
        wx.showToast({
          title: res.message,
          duration: 2000
        });
        that.setData({
          wsc: 'bxs',
          sc: 'xs',
          collection_id: data.collection_id
        })
        //变成已收藏，但是目前小程序可能不能改变图片，只能改样式
        that.data.itemData.isCollect = false;
      } else {
        wx.showToast({
          title: res.message,
          duration: 2000
        });
        that.setData({
          wsc: 'bxs',
          sc: 'xs',
        })
      }
    });
  },
  // 取消收藏
  delFavorites: function (e) {
    var that = this;
    WXAPI.removeFavorites({
      accessId: app.globalData.accessId,
      storeId: 239,
      storeType: 1,
      collection: that.data.collection_id,
    }).then(res => {
      if (res.code == 200) {
        var data = res;
        wx.showToast({
          title: res.message,
          duration: 2000
        });
        //变成未收藏，但是目前小程序可能不能改变图片，只能改样式
        that.setData({
          wsc: 'xs',
          sc: 'bxs',
        })
      } else {
        wx.showToast({
          title: res.message,
          duration: 2000
        });
        that.setData({
          wsc: 'xs',
          sc: 'bxs',
        })
      }
    }); 
  },
  //图片预览
  previewImage: function (e) {
    var current = e.target.dataset.src;
    // 路径和 图片的数组
    var arr = [current];
    // 图片预览函数
    wx.previewImage({
      current: current, // 当前显示图片的http链接  
      urls: arr, // 需要预览的图片http链接列表  
    })
  },
  preventTouchMove: function (e) {

  },
  showAttribute: function (e) {
    // console.log(e)
    var that = this;
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    });
    //定义点击的类型
    var type = e.currentTarget.dataset.type ? e.currentTarget.dataset.type : false;
    //控制两种不同显示方式 
    if (type) {
      this.setData({
        xefl: false,
      })
    } else {
      this.setData({
        xefl: true,
      })
      type = this.data.paytype;
    }
    this.animation = animation
    animation.translateY(300).step();
    this.setData({
      paytype: type,
      animationData: animation.export()
    })
    if (e.currentTarget.dataset.status == 1) {
      this.setData({
        showModalStatus: true
      });
    }
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation
      })
      if (e.currentTarget.dataset.status == 0) {
        this.setData({
          showModalStatus: false
        });
      }
    }.bind(this), 200);
  },
  // 弹窗
  set_share: function (e) {
    var isLogin = wx.getStorageSync('isLogin')
    if (!isLogin) {
      wx.navigateTo({
        url: '/pages/login/login'
      })
    }
    var taht = this;
    var show_share = taht.data.show_share;
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    });
    //定义点击的类型
    taht.animation = animation
    animation.translateY(300).step();
    taht.setData({
      animationData: animation.export()
    })
    if (e.currentTarget.dataset.status == 1) {
      taht.setData({
        show_share: true
      });
    }
    setTimeout(function () {
      animation.translateY(0).step()
      taht.setData({
        animationData: animation
      })
      if (e.currentTarget.dataset.status == 0) {
        taht.setData({
          show_share: false
        });
      }
    }.bind(this), 200);
  },
  //点击保存到相册
  baocun: function () {
    var that = this;

    wx.getSetting({
      success(res) {
        if (!res.authSetting['scope.writePhotosAlbum']) {

          
        } else {

        }
      }
    })

    wx.downloadFile({
      url: that.data.imagePath,
      success: function (res) {
        var tempFilePath = res.tempFilePath;

        wx.saveImageToPhotosAlbum({
          filePath: tempFilePath,
          success(res) {
            wx.showModal({
              content: '图片已保存到相册，赶紧晒一下吧~',
              showCancel: false,
              confirmText: '好的',
              confirmColor: '#333',
              success: function (res) {
                if (res.confirm) {
                  console.log('用户点击确定');
                  /* 该隐藏的隐藏 */
                  that.setData({
                    maskHidden: false
                  })
                }
              }, fail: function (res) {

              }
            })
          }
        })

      }
    })
  },
  navToStore: function (e) {
    var info = e.currentTarget.dataset.info
    wx.navigateTo({
      url: '/pages/store/store?shopId=' + info.shop_id,
    })
  },
  close_share: function (e) {
    var that = this;
    that.setData({
      maskHidden: false
    })
  }
});