import {
  request
} from "../../request/index.js"
const a = getApp()
var WxParse = require('../../wxParse/wxParse.js');
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,

  },
  onLoad: function (options) {
    let that = this
    console.log(options);
    if (options.is_share == 1) {
      console.log('是分享进入');
      this.setData({
        is_share: options.is_share,
        id: options.id,
      })
    } else {
      that.setData({
        id: options.id,
      })
    }
    this.getTuanDetail()
  },
  onShow: function () {
    let token = wx.getStorageSync('token')
    if (token) {
      this.getPingList()
    }

  },
  goback() {
    if (this.data.is_share == 1) {
      wx.reLaunch({
        url: '/pages/home/home'
      })
    } else {
      wx.navigateBack()
    }
  },
  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
      })
      WxParse.wxParse('content', 'html', that.data.content, that, 5);
    } 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);
    let tuan_id = e.currentTarget.dataset.tuan_id
    let shop_id = e.currentTarget.dataset.id
    let onclick = e.currentTarget.dataset.onclick
    that.setData({
      tuan_id,
      shop_id,
      onclick
    })
    try {
      const {
        data
      } = await request({
        url: 'api/shop2/checkPin',
        data: {
          tuan_id: tuan_id,
        }
      })
      console.log(data);
      if (data.code == 1) {
        that.clickme()
      }
    } catch (err) {
      console.log(err);
      a.popTest(err.msg)
    }

    console.log(tuan_id, "我是团id");
  },
  pingdanOn(e) {

    let tuan_id = e.currentTarget.dataset.tuan_id || ''
    let shop_id = e.currentTarget.dataset.id
    console.log(tuan_id, shop_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
      }
    })
    console.log(data, "消tuanId情");
    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
          })
          console.log(that.data.tuanGui, "tuanGui");
        }
      })
      if (list.length == 0 || list.length < arr.length) {
        // 提示请选择规格
        that.setData({
          msg: '请选择规格'
        })
        that.popTest()
        return false
      } else {
        that.hideModal()
        let str = list.join(',')
        wx.navigateTo({
          url: '/pages/VtuanConfirm/VtuanConfirm?id=' + id + '&num=' + num + '&gui_arr=' + str + '&tuan_id=' + that.data.tuan_id
        })

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


  },
  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 {
        //  console.log(34449898) 

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


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

  },
  GOcanvas() {
    let id = this.data.id
    let token = wx.getStorageSync("token")
    if (token) {
      wx.navigateTo({
        url: '/pages/canvasA/canvasA?id=' + id
      })
    } 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'
          // })
        }
      }
    })
  },
})