// category.js
import { API_HOST, SERVICE_HOST } from '../../libs/config';
import { GET, POST } from '../../libs/request';
import objectAssign from '../../vendors/object-assign';
import { shouldDiscardTap } from '../../utils/util';
import {
  logEvent,
  YB_CATEGORY_FL,
  YB_MAIN_TAB_C,
  YB_PAGE_OPEN_L
} from '../../libs/analytics.js'
//获取应用实例
let app = getApp();

const windowWidth = app.globalData.systemInfo.windowWidth;
const windowHeight = app.globalData.systemInfo.windowHeight;
const scrollHeight = windowHeight - 44;

let PV_ID = new Date().getTime() + '';

Page({


  /**
   * 页面的初始数据
   */
  data: {
    scrollHeight,
    lastTapTimeStamp: 0,

    isFetching: false,
    categoryError: null,

    currentChannelId: "1",
    categoryList: null,

    currentCateId: 0,
    currentCateValue: '',

    currentSubCateData: null,
    cacheSubCateData: {},

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let channelId = options.channelId;
    if (!channelId) {
      channelId = app.globalData.cid;
    }
    this.setData({ currentChannelId: channelId });

    this.fetchCategoryList();
  },

  onShow:function(options){
    // let cid = app.globalData.cid
    // if (cid != this.data.currentChannelId) {
    //   this.setData({ currentChannelId: cid });
    //   if (this.data.categoryList) {
    //     this.updateChannelData(cid);
    //   }
    // }
    
    logEvent(YB_MAIN_TAB_C, { TAB_ID: 3 });

    var pages = getCurrentPages()
    var currentPage = pages[pages.length - 1]
    var url = currentPage.route

    let params = {
      PAGE_NAME: 'category',
      PAGE_PARAM: '',
      FROM_PAGE_NAME: '',
      FROM_PAGE_PARAM: '',
      PV_ID: PV_ID,
      PAGE_PATH: url        
    };
    logEvent(YB_PAGE_OPEN_L, params);
  },

  /**
   * 获取品类列表
   */
  fetchCategoryList: function () {
    let param = {
      method: 'app.sort.get',
      yh_channel: this.data.currentChannelId,
      fromPage: 'aFP_Category'
    }
    this.setData({
      isFetching: true,
    });
    GET(API_HOST, param)
      .then(data => {
        if (!data || !data.code || data.code != 200) {
          this.setData({
            isFetching: false,
            categoryError: { code: data.code, message: data.message },
          });
          return;
        }

        //处理返回结果，1: boy  2: girl 3: kids 解析一级分类
        let category = data.data;
        let categoryList = {
          "1": category.boy,
          "2": category.girl,
          "3": category.kids,
        };
        
        this.setData({
          isFetching: false,
          categoryList: categoryList,
        }, () => {
          this.updateChannelData(this.data.currentChannelId);
        });
      })
      .catch(error => {
        this.setData({
          isFetching: false,
          categoryError: error,
        });
      });
  },



  /**
   *	获取子分类的KEY值
   **/
  getSubDetailCacheKey: function (channelId, categoryId) {
    let key = "CHA_" + channelId + "_CAT_" + categoryId;
    return key;
  },

  /**
   * 获取品类一级分类的数据信息
   */
  getSubCategoryInfo: function (categoryId) {

    let cacheSubCateData = this.data.cacheSubCateData;

    //检查缓存是否存在数据，如果不存在则获取
    let key = this.getSubDetailCacheKey(this.data.currentChannelId, categoryId);
    let categoryData = cacheSubCateData ? cacheSubCateData[key] : "";

    //命中，则将缓存数据赋给当前分类数据
    if (categoryData) {
      this.setData({
        currentSubCateData: categoryData,
      });
    }
    //未命中，访问网络数据
    else {
      this.fetchSubCategoryInfoFromServer(categoryId);
    }
  },

  /**
   * 从服务器获取一级分类数据信息
   */
  fetchSubCategoryInfoFromServer: function (categoryId) {
    let param = {
      method: 'app.sort.fromBigData',
      channel_id: this.data.currentChannelId,
      msort: categoryId,
      contentCode: 'daaa8b1a5103a30419ebd79c06e6feac',
      fromPage: 'aFP_Category'
    }
    this.setData({
      isFetching: true,
    });
    GET(API_HOST, param)
      .then(data => {
        if (!data || !data.code || data.code != 200) {
          this.setData({
            isFetching: false,
            contentError: { code: data.code, message: data.message },
          });
          return;
        }

        //处理返回的数据，主要是替换图片的宽高信息
        let subCategoryData = data.data;
        //处理分类数据
        if (subCategoryData.sortInfo){
          subCategoryData.sortInfo.map((item, index) => {
            let default_images = item.default_images ? item.default_images.replace(/{width}/g, 144).replace(/{height}/g, 192).replace('{mode}', 2) :'';
            item.default_images = default_images;
          });
        }
        //处理热门推荐数据
        if (subCategoryData.salesInfo) {
          subCategoryData.salesInfo.map((item, index) => {
            let default_images = item.default_images ? item.default_images.replace(/{width}/g, 144).replace(/{height}/g, 192).replace('{mode}', 2) :'';
            item.default_images = default_images;
          });
        }

        //处理热门推荐数据
        if (subCategoryData.brandInfo) {
          subCategoryData.brandInfo.map((item, index) => {
            let brand_ico = item.brand_ico ? item.brand_ico.replace(/{width}/g, 210).replace(/{height}/g, 87).replace('{mode}', 2) : '';
            item.brand_ico = brand_ico;
          });
        }

        //记录缓存数据
        let key = this.getSubDetailCacheKey(this.data.currentChannelId, categoryId);
        let cacheSubCateData = this.data.cacheSubCateData;
        cacheSubCateData[key] = subCategoryData;

        //将分类列表赋值给data
        this.setData({
          isFetching: false,
          currentSubCateData: data.data,
          cacheSubCateData: cacheSubCateData,
        });

      })
      .catch(error => {
        this.setData({
          isFetching: false,
          contentError: error,
        });
      });
  },


  /**
   *  用户点击左边分类
   **/ 
  onCategoryItemSelected: function (event) {
    let currentCateData = event.currentTarget.dataset;
    let currentCateId = currentCateData.id

    let param = {
      L1_CATE_ID: currentCateId,
    }
    logEvent(YB_CATEGORY_FL,param);

    let currentChannel = this.data.categoryList[this.data.currentChannelId];
    let cateData = currentChannel && currentChannel[currentCateData.index];

    if (cateData && cateData.sub && cateData.sub.length > 0) {
      this.setData({ currentCateId: currentCateId, currentCateValue: currentCateData.name });
      this.getSubCategoryInfo(currentCateId);
    } else {
      let categoryName = '全部' + cateData.category_name;
      let categoryId = cateData.category_id;
      let parentCategoryId = cateData.parent_id;
      let gender = this.data.currentChannelId == '1' ? '1,3' : '2,3';
      let sort = cateData.relation_parameter && cateData.relation_parameter.sort ? cateData.relation_parameter.sort : ''
      //拼接url
      let queryString = "?gender=" + gender + "&sort=" + sort + "&title=" + categoryName +
        "&categoryId=" + parentCategoryId + "&subCategoryId=" + categoryId;
      wx.navigateTo({
        url: '../goodsList/goodsList' + queryString
      });
    }
  },

  /**
   *  点击热门推荐
   **/
  onHotRecommendItemTapped: function(event){
    if (shouldDiscardTap(event.timeStamp, this.data.lastTapTimeStamp)) {
      return;
    }
    this.setData({ lastTapTimeStamp: event.timeStamp });

    let url = event.currentTarget.dataset.url;
    if (!url) {
      return;
    }
    let start = url.indexOf('?');
    if (start == -1) {
      return;
    }
    let queryString = url.substring(start);
    if (!queryString) {
      return;
    }
    let c2id = event.currentTarget.dataset.cate_id;
    let c1id = this.data.currentCateId;
    let F_ID = event.currentTarget.dataset.f_id;
    let param={
      F_ID,
      L1_CATE_ID: c1id,
      L2_CATE_ID:c2id
    }
    logEvent(YB_CATEGORY_FL,param);
    wx.navigateTo({
      url: '../goodsList/goodsList' + queryString
    });

  },

  /**
   *  点击二级分类信息
   **/
  onCategoryItemTapped: function (event) {
    if (shouldDiscardTap(event.timeStamp, this.data.lastTapTimeStamp)) {
      return;
    }
    this.setData({ lastTapTimeStamp: event.timeStamp });

    let data = event.currentTarget.dataset.data;
    let categoryName = data.category_name;
    let categoryId = data.category_id;
    let parentCategoryId = data.parent_id;
    let firstProductSkn = data.product_skn;
    let gender = this.data.currentChannelId == '1' ? '1,3' : '2,3';
    let sort = data.relation_parameter && data.relation_parameter.sort ? data.relation_parameter.sort : ''

    let c1id = this.data.currentCateId;
    let param = {
      F_ID:'1002',
      L1_CATE_ID: c1id,
      L2_CATE_ID: categoryId
    }
    logEvent(YB_CATEGORY_FL, param);

    //拼接url
    let queryString = "?gender=" + gender + "&sort=" + sort + "&title=" + categoryName + 
      "&categoryId=" + parentCategoryId + "&subCategoryId=" + categoryId + "&firstProductSkn=" + firstProductSkn;
    wx.navigateTo({
      url: '../goodsList/goodsList' + queryString
    });
  },

  /**
   *  点击二级分类MORE
   **/
  onCategoryMoreTapped: function (event) {
    let currentCateId = event.currentTarget.dataset.id;
    let currentCategory = null;

    this.data.categoryList[this.data.currentChannelId].map((item, index) => {
      let category_id = item.category_id;
      if (category_id == currentCateId){
        currentCategory = item;
      }
    });

    if (!currentCategory){
      return;
    }

    let categoryName = currentCategory.category_name;
    let categoryId = currentCategory.category_id;
    let gender = this.data.currentChannelId == '1' ? '1,3' : '2,3';
    let sort = currentCategory.relation_parameter && currentCategory.relation_parameter.sort ? currentCategory.relation_parameter.sort : ''

    let c1id = this.data.currentCateId;
    let param = {
      F_ID: '1002',
      L1_CATE_ID: c1id,
      L2_CATE_ID: "0"
    }
    logEvent(YB_CATEGORY_FL, param);

    //拼接url
    let queryString = "?gender=" + gender + "&sort=" + sort + "&title=" + categoryName + "&categoryId=" + categoryId + "&subCategoryId=";
    wx.navigateTo({
      url: '../goodsList/goodsList' + queryString
    });

  },

  
  /**
   *  点击热门品牌
   **/
  onHotBrandItemTapped: function(event) {
    if (shouldDiscardTap(event.timeStamp, this.data.lastTapTimeStamp)) {
      return;
    }
    this.setData({ lastTapTimeStamp: event.timeStamp });

    let data = event.currentTarget.dataset.data;
    let c1id = this.data.currentCateId;
    let param = {
      F_ID: '1003',
      L1_CATE_ID: c1id,
      L2_CATE_ID: data.id
    }
    logEvent(YB_CATEGORY_FL, param);
    wx.navigateTo({
      url: '../goodsList/brandStore?shopId=' + data.shop_id + '&shopName=' + data.brand_name
    });
  },


  switchChannel: function(event) {
    let currentChannelId = event.currentTarget.dataset.channel;
    this.updateChannelData(currentChannelId);
  },

  updateChannelData: function (currentChannelId) {
    if (!this.data.categoryList) {
      return;
    }
    
    let currentCateId = this.data.categoryList[currentChannelId][0].category_id;
    let currentCateValue = this.data.categoryList[currentChannelId][0].category_name;
    // 获取品类一级分类的数据信息
    this.getSubCategoryInfo(currentCateId);

    this.setData({
      currentChannelId,
      currentCateId,
      currentCateValue,
    });
  }

})