<!--pages/shenghuo/SelectedGoods/SelectedGoods.wxml-->
<!--<text>pages/shenghuo/SelectedGoods/SelectedGoods.wxml</text>-->

<import src="SelectedGoodsGridCell/SelectedGoodsGridCell.wxml" />

<view class="top-container">
  <scroll-view class="scroll-view_container selected" scroll-x="true" bindscroll="scroll">
    <block wx:for="{{prdFirstCategoryList}}" wx:for-item="item" wx:key="key">
      <view class="flex-sub-box-5 {{ currentTabIndex == item.id ? 'active' : '' }}" bindtap="clickOrderTab" data-index="{{item.id}}">{{item.cateName}}</view>
    </block>
  </scroll-view>
  <image class="search_lb" src="/images/icon/search_lb.png"></image>
</view>

<scroll-view class="scroll-Goods-list-container" scroll-y="true">

  <swiper catchtap="onSwiperTap" vertical="{{false}}" indicator-dots="true" autoplay="true" interval="5000">

    <block wx:for="{{advertCaroucelsAr}}" wx:for-item="item" wx:for-index="index" wx:key="key">
      <swiper-item>
        <image class="caroucels" src="http://m.jointem.com/{{item.imageUrl}}" data-postId="{{id}}"></image>
      </swiper-item>
    </block>
  </swiper>

  <view class="selectGoods-list">
    <block wx:for="{{prdSearchList}}" wx:for-item="item" wx:for-index="index" wx:key="key">
      <template is="SelectedGoodsGridCell" data="{{...item}}"></template>
    </block>
  </view>

</scroll-view>

/* pages/shenghuo/SelectedGoods/SelectedGoods.wxss */
@import "SelectedGoodsGridCell/SelectedGoodsGridCell.wxss";

.top-container {
  top: 0px;
  width: 100%;
  height: 40px;
  flex-direction: row;
  display: flex;
  background: #0164a6;
  position: fixed;
  z-index: 99;
}

.scroll-view_container {
  position: fixed;
  margin-right: 120rpx;
  margin-top: 0;
  white-space: nowrap;
  background-color: white;
  line-height: 40px;
  height: 40px;
  width: 630rpx;
  background: #0164a6;
  text-align: center;
  font-size: 30rpx;
}

.search_lb {
  width: 40px;
  height: 30px;
  position: absolute;
  right: 0px;
  top: 5px;
}

.selected {
  color: #fff;
}

.selected view {
  color: #fff;
}

.selected view.active {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.flex-sub-box-5 {
  display: inline-block;
  width: 25%;
  height: 36px;
  align-items: center;
}

/******************** 列表数据  ********************/

.scroll-Goods-list-container {
  display: block;
  margin-top: 40px;
  width: 100%;
  height: 100% - 40px;

}

.caroucels {
  width: 100%;
  height: 300rpx;
}

.selectGoods-list {
  background: #efefef;
  padding-bottom: 8px;
}

// pages/shenghuo/SelectedGoods/SelectedGoods.js

const config = require('../../../config')
var util = require('../../../utils/util.js')

Page({

  /**
   * 页面的初始数据
   */
  data: {
    prdFirstCategoryList: [], /** 分类种类数据 */
    advertCaroucelsAr: [], /** 轮播数据 */
    prdSearchList: [], /** 好商品搜索列表 */
    currentTabIndex: 0,
  },
  clickOrderTab: function (e) {
    //data = {};
    var index = parseInt(e.target.dataset.index)

    this.setData({ currentTabIndex: index })

    // /** 选中的分类名字 */
    // selectedCategoryName = this.data.couponCategoryList[index]["CategoryName"];
    // /** 选中的具体类型名字 */
    // selectedfcName = this.data.couponCategoryList[index]["cateName"];


    // if (this.data.couponSearchList[index]) {
    //   //有数据
    //   //nothing
    // } else {
    //   //没有数据
    //   /** 网络请求: 按条件搜索 */
    //   this.loadNewData(selectedCategoryName, selectedfcName, this.data.localCtiyName)
    // }

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.requestprdFirstCategoryList()
    this.requestAdvertCaroucels()
    this.requestPrdSearchList()
  },
  /**获取好商品所有一级分类*/
  requestprdFirstCategoryList: function () {
    var that = this;
    let url = config.PrdFirstCategoryUrl

    var para = {}

    wx.showLoading({ title: '加载中...' })

    util.RequestManager(url, para, function (res, fail) {

      wx.hideLoading()

      var tempAr = res.data[0].facetValues;
      var resultAr = new Array();
      var index = 0;
      for (var i = 0; i < tempAr.length; i++ ){
        var model = tempAr[i];
        var dic = {};
        dic["id"] = index;
        dic["count"] = model["count"];
        dic["cateName"] = model["name"];
        
        resultAr.push(dic)

        index++;
      }

      that.setData({ prdFirstCategoryList: resultAr })

    })

  },
  /**获取广告轮播 */
  requestAdvertCaroucels: function (e) {
    var that = this;
    let url = config.AdvertCaroucelsUrl

    var para = {
      "category": 4
    }

    wx.showLoading({ title: '加载中...' })

    util.RequestManager(url, para, function (res, fail) {

      wx.hideLoading()
      that.setData({ advertCaroucelsAr: res.data })

    })
  },
  /**获取好商品搜索数据 */
  requestPrdSearchList: function () {
    var that = this;
    let url = config.PrdSearchListUrl

    var para = {
      "pageNum": 1,
      "pageSize": 20,
      "doorCateId": ["13285", "13286", "13619"],
      "fcName": "生活美食"
    }

    wx.showLoading({ title: '加载中...' })

    util.RequestManager(url, para, function (res, fail) {

      wx.hideLoading()
      that.setData({ prdSearchList: res.data.dataList })

    })

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

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

  },

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

  },

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

  },

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

  }
})