import {
  request
} from "../../request/index.js"
const a = getApp()
var WxParse = require('../../wxParse/wxParse.js');
var timerPageA; // 计时器
var intPageATime = 0
Page({
  data: {
    baseUrl: a.globalData.baseUrl,
    statusTop: a.globalData.statusHeight,
    imagesUrl: a.globalData.imagesUrl,
    four: 4,
    msg: '',
    time: 30 * 60 * 60 * 1000,
    timeData: {},
    pingList: [],
    _num: 1,
    share: 2, // 1 热卖详情，2  分享他人点进来展示
    id: '',
    tuan_data: [],
    tuanDetail: {},
    imgs: [],
    content: '',
    changedShop: {},
    goodsPrice: '',
    tuanGui: [],
    tuanCount: 1,
    tuanId: [],
    showDialog: false,
    typePress: 4,
    tuan_id: '',
    shop_id: '',
    onclick: 1,
    is_share: 0,
    s4_id: '',
    // 新增抽奖
    drawid: '',
    drawimg: '',
    menuTop: '', //导航初始距离顶部
    menuFixed: '',
    // 分享团购的私人状态
    private:0
  },

  onLoad: function (options) {
    let that = this
    console.log(that.data.private, 'options分享传递的参数', '页面首次加载');
    if (options.scene) {
      that.setData({
        id: options.scene,
      })
    } else {
      if (options.is_share == 1) {
        that.setData({
          is_share: options.is_share,
          id: options.id,
        })
        wx.setStorageSync('is_share', options.is_share)
        wx.setStorageSync('s4_id', options.s4_id)
        wx.setStorageSync('s4_name', options.s4_name)
      } else {
        that.setData({
          id: options.id,
          tuan_id:options.tuanid,
        })
        if(options.tuanid){
          that.setData({
            private:1
          })
        }
      }
    }
    this.getTuanDetail()
    // 分享朋友圈
    wx.showShareMenu({
      menus: ['shareAppMessage', 'shareTimeline'],
      success(res) {},
      fail(e) {}
    })
    // 吸顶
    var query = wx.createSelectorQuery()
    query.select('#affix').boundingClientRect();
    query.selectViewport().scrollOffset();
    query.exec(function (res) {
      that.setData({
        menuTop: res[0].top
      })
    })
  },

  onShow: function () {
    let token = wx.getStorageSync('token')
    if (token) {
      this.getPingList()
    }
    this.countTime()
  },
  onPageScroll: function(e) {
    if (this.data.menuFixed === (e.scrollTop > this.data.menuTop)) return;
    // 当页面滚动距离scrollTop > menuTop菜单栏距离顶部的距离时，菜单栏固定定位
    this.setData({
      menuFixed: (e.scrollTop > this.data.menuTop)
    })
  },
  // 分享朋友圈
  onShareAppMessage: function (res) {
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline'],
    })
    return {
      title: '汽车互联网4S店全面的汽车电商服务体验，邀您一起参与',
      path: '/pages/details/details'
    }
  },

  onShareTimeline() {
    return {
      title: '汽车互联网4S店全面的汽车电商服务体验，邀您一起参与',
      path: '/pages/details/details'
    }
  },
  goback() {
    // if (this.data.is_share == 1) {
    //   wx.reLaunch({
    //     url: '/pages/home/home'
    //   })
    // } else {
    //   wx.navigateBack()
    // }
    wx.reLaunch({
      url: '/pages/home/home'
    })
  },
  onChange(e) {
    this.setData({
      timeData: e.detail,
    });
  },

  async getTuanDetail() {
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: '/api/shop2/tuanDetail',
        data: {
          id: that.data.id
        }
      })
       console.log(data);
      that.setData({
        tuanDetail: data,
        imgs: data.imgs,
        content: data.content,
        tuan_data: data.tuan_data,
        s4_id: data.s4_id
      })
      if (that.data.is_share == 1 && data.is_guan == 0) {
        that.clickAttentn(data.s4_id)
      }
      if (data.activity_id) {
        let draw_id = data.jump_url
        let draw_pos = draw_id.indexOf('id')
        let draw_length = draw_id.length
        let result = draw_id.substring(draw_pos + 3, draw_length)
        that.setData({
          drawid: result,
          drawimg: data.jump_img
        })
      }
      console.log(that.data.drawimg, that.data.drawid, '抽奖数据')
      WxParse.wxParse('content', 'html', that.data.content, that, 5);
    } catch (err) {
      console.log(err);
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }
  },
  async clickAttentn(s4_id) { // 点击关注
    let that = this
    try {
      const {
        data
      } = await request({
        url: 'api/index2/guan',
        data: {
          id: s4_id
        }
      })
      if (data.code == 1) {
        // a.popSuccessTest(data.msg)
      } else {
        a.popTest(data.msg)
      }

    } catch (err) {
      //  console.log(err);
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }
  },
  async clickme() {
    let that = this
    let token = wx.getStorageSync("token")
    if (token) {
      that.showModal();
      try {
        const {
          data: {
            data
          }
        } = await
        request({
          url: 'api/shop/goodGui',
          data: {
            id: that.data.shop_id
          }
        })
        //  console.log(data);
        if (data.gui.length != 0) {
          data.gui.forEach(item => {
            item.is_choose = 0;
            item.value.forEach(item1 => {
              item1.is_choose = 0;
            })
          })
        }
        that.setData({
          changedShop: data,
          goodsPrice: data.price,
          tuanGui: data.gui
        })
      } catch (err) {
        //  console.log(err);
        that.setData({
          msg: err.msg
        })
        that.popTest()
      }
    } else {
      wx.showModal({
        title: '提示',
        content: '您尚未登录，请登录后操作',
        success: function (res) {
          if (res.confirm) {
            wx.navigateTo({
              url: '/pages/authorization/authorization?num=1'
            })
          } else {
            //  console.log('点击取消回调')
          }
        }
      })
    }
  },
  async onclickitem(e) {
    let that = this
    //  console.log(e);
    // 修改拼团私有
    // if(that.data.private){
    //   let tuan_id = that.data.tuan_id
    // }else{
       
    // }
    console.log(that.data.private,that.data.tuan_id,'拼团')
    let tuan_id = e.currentTarget.dataset.tuan_id || ''
    let shop_id = e.currentTarget.dataset.id
    let onclick = e.currentTarget.dataset.onclick
    if(that.data.private == 1){
      that.setData({
        shop_id,
        onclick
      })
    }else{
      that.setData({
        tuan_id,
        shop_id,
        onclick
      })
    }
    console.log(tuan_id,that.data.tuan_id,)
    // that.setData({
    //   tuan_id,
    //   shop_id,
    //   onclick
    // })
    try {
      const {
        data
      } = await request({
        url: 'api/shop2/checkPin',
        data: {
          tuan_id: that.data.private?that.data.tuan_id:tuan_id,
        }
      })
      //  console.log(data);
      if (data.code == 1) {
        that.clickme()
      }
    } catch (err) {
      //  console.log(err);
      a.popTest(err.msg)
    }

  },
  pingdanOn(e) {

    let tuan_id = e.currentTarget.dataset.tuan_id || ''
    let shop_id = e.currentTarget.dataset.id
    this.setData({
      tuan_id,
      shop_id,

    })
    this.toggleDialog()
    this.clickme() // 展开弹窗

  },
  changeguige(e) {
    let that = this
    let list = that.data.tuanId;
    let ary = that.data.tuanGui; // 全部规格数组
    let send1 = e.currentTarget.dataset.index1; // 当前点击索引
    let send = e.currentTarget.dataset.index; // 父级index
    ary.forEach((item, index) => {
      if (index == send) {
        if (item.is_choose == 0) {
          item.is_choose = 1;
          item.value.forEach((item2, index2) => {
            if (index2 == send1) {
              item2.is_choose = 1
              list.push(item2.id)
            } else {
              item2.is_choose = 0
            }
          })

        } else {
          // 当前规格一维数组已选中
          item.value.forEach((item3, index3) => {
            if (index3 == send1) {
              item3.is_choose = 1
              list.push(item3.id)
            } else {
              item3.is_choose = 0;
              let x = list.indexOf(item3.id)
              if (x != -1) {
                list.splice(x, 1)
              }
            }
          })

        }
      }

    })
    that.setData({
      tuanGui: ary,
      tuanId: list
    })
    if (list.length == ary.length) {
      that.getMoney()
    }
  },
  async getMoney() { //获取选中规格的金额
    let that = this
    let tuanId = that.data.tuanId
    const {
      data: {
        data
      }
    } = await request({
      url: 'api/shop/guiPrice',
      data: {
        gui_arr: tuanId,
        id: that.data.id
      }
    })
    that.setData({
      goodsPrice: data.goods_price
    })
  },
  payStore(e) {
    let that = this
    let id = e.currentTarget.dataset.id
    let arr = that.data.tuanGui
    let num = that.data.tuanCount
    let list = [];
    if (arr.length != 0) {
      arr.forEach(item => {
        if (item.is_choose == 0) {
          that.setData({
            msg: '请选择规格'
          })
          that.popTest()
          return false
        } else {
          item.value.forEach(ite => {
            if (ite.is_choose == 1) {
              list.push(ite.id)
            }
          })
          that.setData({
            tuanGui: list
          })
        }
      })
      if (list.length == 0 || list.length < arr.length) {
        // 提示请选择规格
        that.setData({
          msg: '请选择规格'
        })
        that.popTest()
        return false
      } else {
        that.hideModal()
        let str = list.join(',')
        console.log(that.data.drawid, that.data.drawimg, '传递抽奖数据')
        wx.navigateTo({
          url: '/pages/VtuanConfirm/VtuanConfirm?id=' + id + '&num=' + num + '&gui_arr=' + str + '&tuan_id=' + that.data.tuan_id + '&s4id=' + that.data.s4_id + '&drawid=' + that.data.drawid + '&drawimg=' + that.data.drawimg
        })

      }
    } else {
      that.hideModal()
      wx.navigateTo({
        url: '/pages/VtuanConfirm/VtuanConfirm?id=' + id + '&num=' + num + '&tuan_id=' + that.data.tuan_id + '&s4id=' + that.data.s4_id + '&drawid=' + that.data.drawid + '&drawimg=' + that.data.drawimg
      })
    }


  },
  changeTitle(e) { //  详情 评价 切换
    let that = this
    that.setData({
      _num: e.currentTarget.dataset.num
    })
  },
  previewImage: function (e) {
    var current = e.target.dataset.src;
    var imgList = e.target.dataset.list
    //图片预览
    wx.previewImage({
      current: current, // 当前显示图片的http链接
      urls: imgList // 需要预览的图片http链接列表
    })
  },
  countMinus() { //  商品数量减
    let that = this
    let a = that.data.tuanCount - 1
    if (a >= 1) {
      that.setData({
        tuanCount: a
      })
    } else {
      that.setData({
        tuanCount: 1
      })
    }
  },
  countPlus() { //  商品数量加
    let that = this
    let a = that.data.tuanCount + 1
    that.setData({
      tuanCount: a
    })
  },
  showModal() { //显示对话框
    // 显示遮罩层
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
      showModalStatus: true
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export()
      })
    }.bind(this), 200)
  },
  hideModal() { //隐藏对话框
    // 隐藏遮罩层
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export(),
        showModalStatus: false
      })
    }.bind(this), 200)
  },
  text(details) { // 详情的内容规格

    var texts = ''; //待拼接的内容

    while (details.indexOf('<img') != -1) { //寻找img 循环

      texts += details.substring('0', details.indexOf('<img') + 4); //截取到<img前面的内容

      details = details.substring(details.indexOf('<img') + 4); //<img 后面的内容

      if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) {

        texts += details.substring(0, details.indexOf('style="') + 7) + "max-width:100%;height:auto;margin:0 auto; display:block; "; //从 <img 后面的内容 截取到style= 加上自己要加的内容

        details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接

      } else {

        texts += ' style="max-width:100%;height:auto;margin:0 auto; display:block;" ';

      }
    }

    while (details.indexOf('<td') != -1) { //寻找img 循环

      texts += details.substring('0', details.indexOf('<td') + 4); //截取到<img前面的内容

      details = details.substring(details.indexOf('<td') + 4); //<img 后面的内容

      if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) {

        texts += details.substring(0, details.indexOf('style="') + 7) + "width:750rpx!important;height:auto;margin:0 auto;"; //从 <img 后面的内容 截取到style= 加上自己要加的内容

        details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接

      } else {

        texts += ' style="width:750rpx;height:auto;margin:0 auto;" ';
      }
    }
    texts += details; //最后拼接的内容
    // //  console.log(texts)
    return texts;


  },
  onShareAppMessage(options) {
    var that = this;
    let s4_id = wx.getStorageSync('s4_id')
    let s4_name = wx.getStorageSync('s4_name')
    var shareObj = {
      title: that.data.tuanDetail.goods_name, // 默认是小程序的名称(可以写slogan等)
      path: '/pages/VtuanDetail/VtuanDetail?id=' + that.data.id + '&is_share=1' + '&s4_id=' + s4_id + '&s4_name=' + s4_name, // 默认是当前页面，必须是以‘/’开头的完整路径
      imageUrl: '', //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
    };
    // 返回shareObj
    return shareObj;

  },
  //记录流量
  record() {
    let that = this
    request({
      url: '/api/new2/userOperateShare',
      data: {
        type: 1,
        goods_id: that.data.id
      }
    })
  },
  // 记录用户浏览时间
  countTime() {
    let that = this
    // 计时过程
    timerPageA = setTimeout(function () {
      intPageATime = intPageATime + 1
      wx.setStorage({
        key: "timerPageA",
        data: intPageATime
      })
      that.countTime();
    }, 1000);
  },
  // 发送浏览时间
  sendCountTime() {
    request({
      url: '/api/new2/userOperateTime',
      data: {
        type: 1,
        goods_id: this.data.id,
        time: intPageATime
      }
    })
  },
  GOcanvas() {
    let id = this.data.id
    let token = wx.getStorageSync("token")
    if (token) {
      wx.navigateTo({
        url: '/pages/canvasA/canvasA?id=' + id + '&type=6'
      })
    } else {
      this.goLogin()
    }

  },
  async getPingList() { // 获取评价
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: 'api/ping/pingList',
        data: {
          type: that.data.typePress,
          id: that.data.id
        }
      })
      //  console.log(data);
      that.setData({
        pingList: data
      })
    } catch (err) {
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }

  },
  toggleDialog() {
    this.setData({
      showDialog: !this.data.showDialog
    })
  },













  async public() {
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: '',
        data: {
          goods_id: that.data.goods_id
        }
      })
      //  console.log(data);
      that.setData({
        public: data
      })
    } catch (err) {
      //  console.log(err);
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }
  },
  popTest() {
    wx.showToast({
      title: this.data.msg,
      icon: 'none', //如果要纯文本，不要icon，将值设为'none'
      duration: 1300
    })
  },

  popSuccessTest() {
    wx.showToast({
      title: this.data.msg,
      icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success
      duration: 1300, //停留时间
    })
  },
  goLogin() {
    wx.showModal({
      title: '提示',
      content: '您尚未登录，前往登录',
      success: function (res) {
        if (res.confirm) {
          wx.navigateTo({
            url: '/pages/authorization/authorization?num=1'
          })

        } else {
          // wx.switchTab({
          //   url: '/pages/home/home'
          // })
        }
      }
    })
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    clearTimeout(timerPageA);
    this.sendCountTime()
    intPageATime = 0

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    clearTimeout(timerPageA);
    this.sendCountTime()
    intPageATime = 0

  },
})