import {
  getDictData,
  getMemberInfo,
  getZSZXCatalogs,
  getCustomizedNewsList,
  getHomeBanner,
  actionDo,
  getZhongTaiVideoPage,
  getZhongTaiProductNewsPage
} from '../../api/index'
import {
  eventBus
} from '../../utils/eventBus'
const app = getApp()
var touchDot = 0; //触摸时的原点 
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 顶部nav
    topHeadStyle: 1,
    top: 0,
    open: false,
    desc: true,
    font_color: '#ffffff',
    ZSZXCata: {},

    showWhiteHead: false,
    topHeadBorder: false,
    member: {},

    bannerList: [],
    bannerImgHeight: 0,
    consultList: [],
    consultImgHeight: 0,

    videoTop: 0,
    windowHeight: 0,
    videoPlay: true,

    productVideo: {},
    bannerSwiperOption: {
      indicatorDots: true,
      vertical: false,
      autoplay: true,
      interval: 3000,
      duration: 500
    },
    serviceList: [],
    testUrl: '',
    HOME_CLASS_A: '',
    HOME_CLASS_B: '',
    HOME_CLASS_B2: '',
    HOME_CLASS_C: '',
  },
  onLoadLogin(options) {
    // 已经登录，可以走依赖token的逻辑了
    console.log('首页的onLoadLogin', options, `{"token":"${app.globalData.token}"}`);
    this.initData()
    const member = wx.getStorageSync('member')
    this.setData({
      member
    })
  },
  onReady() {
    const windowInfo = wx.getWindowInfo()
    setTimeout(() => {
      const query = wx.createSelectorQuery()
      query.select('.product_video').boundingClientRect(function (rect) {
        rect.top // 节点的上边界坐标
        rect.bottom // 节点的下边界坐标
      }).exec(res => {
        console.log(windowInfo.windowHeight)
        this.setData({
          videoTop: res[0].top,
          windowHeight: windowInfo.windowHeight
        })
      })
    }, 3000)
  },
  onShow() {
    const member = wx.getStorageSync('member')
    this.setData({
      member
    })
    eventBus.once("reloadHome", () => {
      console.log('reloadHome');
      this.onLoad()
      this.initData()
    })
  },
  onLoad(options) {
    this.initDictData()
    // this.initData()
  },
  changePath(e) {
    let index = e.currentTarget.dataset.type
    const member = this.data.member
    let that = this
    switch (index) {
      case '0':
        if (member && member.phone) {
          wx.navigateTo({
            url: '/pages/webView/index',
            success: function (res) {
              // 通过eventChannel向被打开页面传送数据
              res.eventChannel.emit('acceptDataFromOpenerPage', {
                link: that.data.testUrl
              })
            }
          })
        } else {
          wx.setStorageSync('tempPath', '/pages/webView/index')
          wx.navigateTo({
            url: '/pages/auth/auth',
          })
        }
        break;

      case '1':
        wx.navigateTo({
          url: '/pages/calculator/index'
        })
        break;
      case '2':
        if (member && member.phone) {
          wx.navigateTo({
            url: '/pages/design/design'
          })
        } else {
          wx.setStorageSync('tempPath', '/pages/design/design')
          wx.navigateTo({
            url: '/pages/auth/auth',
          })
        }

        // wx.navigateTo({
        //   url: '/pages/wonderful_activity/index',
        //   success: function(res) {
        //     // 通过eventChannel向被打开页面传送数据
        //     res.eventChannel.emit('acceptDataFromOpenerPage', { type: 1 })
        //   }
        // })
        break;

      default:
        console.log('error')
        break;
    }
  },
  changeStrategy(e) {
    let item = e.currentTarget.dataset.item
    wx.navigateTo({
      url: `/pages/homeId/index?code=${item.code}&name=${item.name}`,
    })
  },
  initData() {
    // 轮播
    getHomeBanner().then(res => {
      if (res.data) {
        this.setData({
          bannerList: res.data
        })
      }
    })
    // 产品视频
    getZhongTaiVideoPage({
      pageSize: 1,
      pageNum: 1
    }).then(res => {
      if (res.data && res.data.records && res.data.records.length > 0) {
        this.setData({
          productVideo: res.data.records
        })
      }
    })
    getZSZXCatalogs().then(res => { //志说装修
      this.setData({
        ZSZXCata: res.data || {}
      })
    })
    // 资讯
    getZhongTaiProductNewsPage({
      catalogCode: 'product_info',
      pageSize: 6,
      pageNum: 1
    }).then(res => {
      if (res.data && res.data.records) {
        this.setData({
          consultList: res.data.records
        })
      }
    })
    getCustomizedNewsList().then(res => { // 定制服务
      this.setData({
        serviceList: res.data || []
      })
    })
  },
  initDictData() {
    // 风格测试
    getDictData({
      code: 'WX_MINI_CONFIG',
      label: 'ZBOM_STYLE_TEST_URL'
    }).then(res => {
      if (res.data) {
        this.setData({
          testUrl: res.data.code
        })
        wx.setStorageSync('testUrl', res.data.code)
      }
    })
    getDictData({
      code: 'WEIXIN_DEFAULT_IMGS',
      label: 'HOME_CLASS_A'
    }).then(res => {
      this.setData({
        HOME_CLASS_A: res.data.code
      })
    })
    getDictData({
      code: 'WEIXIN_DEFAULT_IMGS',
      label: 'HOME_CLASS_B'
    }).then(res => {
      this.setData({
        HOME_CLASS_B: res.data.code
      })
    })
    getDictData({
      code: 'WEIXIN_DEFAULT_IMGS',
      label: 'HOME_CLASS_B2'
    }).then(res => {
      this.setData({
        HOME_CLASS_B2: res.data.code
      })
    })
    getDictData({
      code: 'WEIXIN_DEFAULT_IMGS',
      label: 'HOME_CLASS_C'
    }).then(res => {
      this.setData({
        HOME_CLASS_C: res.data.code
      })
    })
  },
  jumpProVideo() {
    wx.navigateTo({
      url: '/pages/productVideo/index',
    })
  },
  videoClick(e) {
    const {
      videourl,
      id
    } = e.currentTarget.dataset
    actionDo({
      actionType: 'view',
      id
    })
    let videoPlay = this.selectComponent('.videoPlay');
    if (videoPlay) {
      videoPlay.startPlayVideo(videourl, this);
    }
    // wx.previewMedia({
    //   sources: [{
    //     url: videourl,
    //     type: 'video'
    //   }]
    // })
  },
  goserHeight: function (e) {
    const serviceHeight = e.detail.height
    this.setData({
      serviceHeight: serviceHeight
    })
  },
  bannerbindload(e) {
    const {
      height,
      width
    } = e.detail
    let activeHeight = height * 670 / width
    this.setData({
      bannerImgHeight: activeHeight
    })
  },
  consultbindload(e) {
    const {
      height,
      width
    } = e.detail
    let activeHeight = height * 670 / width
    this.setData({
      consultImgHeight: activeHeight + 100
    })
  },
  consultClick(e) {
    const item = e.currentTarget.dataset.id
    actionDo({
      actionType: 'view',
      id: item.id
    })
    if (item.contentType == 'link') {
      wx.navigateTo({
        url: '/pages/webView/index',
        success: function (res) {
          // 通过eventChannel向被打开页面传送数据
          res.eventChannel.emit('acceptDataFromOpenerPage', {
            link: item.content,
            title: item.title
          })
        }
      })
    } else {
      wx.navigateTo({
        url: '/pages/consult/detail?id=' + item.id,
      })
    }
    // wx.navigateTo({
    //   url: '/pages/consult/detail?id=' + id
    // })
  },
  bannerClick(e) {
    const {
      id
    } = e.currentTarget.dataset
    const item = e.currentTarget.dataset.item
    console.log('item', item);
    if (item.openType) {
      actionDo({
        actionType: 'view',
        id: item.id
      })
    }
    if (item.openType == 'video') {
      wx.previewMedia({
        sources: [{
          url: item.openContent,
          type: 'video'
        }]
      })
    }
    if (item.openType == 'link') {
      wx.navigateTo({
        url: '/pages/webView/index',
        success: function (res) {
          res.eventChannel.emit('acceptDataFromOpenerPage', {
            link: item.openContent || item.content
          });
        }
      })
    }
    if (item.openType == 'page') {
      getApp().globalData.catalogCode = item.openContent
      wx.switchTab({
        url: '/pages/discover/discover'
      })
    }
    // getHomeBannerDetail({id})
  },
  seriveClick(e) {
    const {
      id,
      title
    } = e.currentTarget.dataset
    if (title === '专属客服') {
      wx.navigateTo({
        url: `/pages/kefu/index?title=${title}&id=${id}`,
      })
    } else {
      wx.navigateTo({
        url: `/pages/kefu/service?title=${title}&id=${id}`,
      })
    }
  },
  jumpProConsult() {
    wx.switchTab({
      url: '/pages/consult/consult',
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  bindVideoPlay() {
    const {
      id
    } = this.data.productVideo[0]
    actionDo({
      actionType: 'view',
      id
    })
  },
  hdBtn() {
    this.setData({
      showWhiteHead: true,
      open: true,
      font_color: "#000000",
      sty: '',
      topHeadStyle: 1,
      desc: false
    })
  },
  touchStart: function (e) {
    touchDot = e.touches[0].pageY;
  },
  touchMove: function (e) {
    var touchMove = e.touches[0].pageY;
    if (touchMove - touchDot <= 0 && this.data.top <= 1 && this.data.desc) {
      this.setData({
        showWhiteHead: true,
        open: false,
        desc: false
      })
      setTimeout(() => {
        this.setData({
          open: true,
          sty: ''
        })
      }, 1000)
    }
    if (touchMove - touchDot >= 50 && this.data.top <= 1 && !this.data.desc) {
      this.setData({
        showWhiteHead: false,
        open: false,
        desc: true,
        sty: 'overflow: hidden;'
      })
    }
  },
  onPageScroll(e) {
    const {
      videoTop,
      windowHeight,
      videoPlay
    } = this.data
    if (e.scrollTop + 100 > videoTop - (windowHeight / 2) && videoPlay) {
      this.setData({
        videoPlay: false
      })
      let videoplay = wx.createVideoContext('myvideo', this)
      videoplay.play();
    }

    let scrollTop = e.scrollTop / 100
    if (scrollTop <= 0.1) {
      this.setData({
        font_color: '#ffffff'
      })
    } else if (scrollTop >= 0.1 && scrollTop < 0.2) {
      this.setData({
        font_color: '#d0d0d0'
      })
    } else if (scrollTop >= 0.2 && scrollTop < 0.3) {
      this.setData({
        font_color: '#bdbdbd'
      })
    } else if (scrollTop >= 0.3 && scrollTop < 0.4) {
      this.setData({
        font_color: '#a1a1a1'
      })
    } else if (scrollTop >= 0.4 && scrollTop < 0.5) {
      this.setData({
        font_color: '#878787'
      })
    } else if (scrollTop >= 0.5 && scrollTop < 0.6) {
      this.setData({
        font_color: '#6d6d6d'
      })
    } else if (scrollTop >= 0.6 && scrollTop < 0.7) {
      this.setData({
        font_color: '#535353'
      })
    } else if (scrollTop >= 0.7 && scrollTop < 0.8) {
      this.setData({
        font_color: '#3b3b3b'
      })
    } else if (scrollTop >= 0.8 && scrollTop < 0.9) {
      this.setData({
        font_color: '#282828'
      })
    } else if (scrollTop >= 0.9) {
      this.setData({
        font_color: '#000000'
      })
    }
    if (scrollTop > 0) {
      this.setData({
        showWhiteHead: true
      })
    } else {
      this.setData({
        showWhiteHead: false
      })
    }
    this.setData({
      topHeadStyle: scrollTop,
      top: scrollTop
    })
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})