// pages/selectcity/selectcity.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    letter: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
    newcity: ['北京', '上海', '广州', '深圳', '成都', '杭州'],
    citylist: [{ "letter": "A", "data": [{ "id": "v7", "cityName": "安徽" }] }, { "letter": "B", "data": [{ "id": "v10", "cityName": "巴中" }, { "id": "v4", "cityName": "包头" }, { "id": "v1", "cityName": "北京" }] }, { "letter": "C", "data": [{ "id": "v15", "cityName": "成都" }] }, { "letter": "D", "data": [{ "id": "v21", "cityName": "稻城" }] }, { "letter": "G", "data": [{ "id": "v17", "cityName": "广州" }, { "id": "v29", "cityName": "桂林" }] }, { "letter": "H", "data": [{ "id": "v9", "cityName": "海南" }, { "id": "v3", "cityName": "呼和浩特" }] }, { "letter": "L", "data": [{ "id": "v24", "cityName": "洛阳" }, { "id": "v20", "cityName": "拉萨" }, { "id": "v14", "cityName": "丽江" }] }, { "letter": "M", "data": [{ "id": "v13", "cityName": "眉山" }] }, { "letter": "N", "data": [{ "id": "v27", "cityName": "南京" }] }, { "letter": "S", "data": [{ "id": "v18", "cityName": "三亚" }, { "id": "v2", "cityName": "上海" }] }, { "letter": "T", "data": [{ "id": "v5", "cityName": "天津" }] }, { "letter": "W", "data": [{ "id": "v12", "cityName": "乌鲁木齐" }, { "id": "v25", "cityName": "武汉" }] }, { "letter": "X", "data": [{ "id": "v23", "cityName": "西安" }, { "id": "v28", "cityName": "香港" }, { "id": "v19", "cityName": "厦门" }] }, { "letter": "Z", "data": [{ "id": "v8", "cityName": "张家口" }] }],

    currentCity:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    this.getcity()
  },

  //获取用户当前位置
  getcity() {
    let that = this;
    wx.getLocation({
      type: 'gcj02',
      success: function (res) {
        // 经纬度
        var latitude = res.latitude
        var longitude = res.longitude


        var aK = that.data.aK
        wx.request({
          url: 'https://api.map.baidu.com/geocoder/v2/?ak=y8jPDTMIuAnaVscUztce1RKfNx8v5sok&location=' + latitude + ',' + longitude + '&output=json',
          data: {},
          header: {
            'content-type': 'application/json'
          },
          success: function (res) {
            console.log('1234567890', res)
            var province = res.data.result.addressComponent.province;
            let district = res.data.result.addressComponent.district
            that.setData({
              currentCity: province
            })
           
          }
        })

      },
      fail: function () {
        wx.showToast({
          title: '授权失败,请打开GPS重新进入页面授权',
          icon: 'none',
          duration: 2000
        })
      }
    })
  },

  reseatweizhi(){
    this.getcity()
  },

  letterTap(e) {
    console.log(e)
    const Item = e.currentTarget.dataset.item;
    this.setData({
      cityListId: Item
    });
    // let scrollHeight = wx.getSystemInfoSync().windowHeight;
    // this.setData({
    //    scrollHeight: scrollHeight
    // })

    // var query = wx.createSelectorQuery();

    // var that = this;
    // query.select('.city_left').boundingClientRect(function (rect) {
    //    console.log('66666',rect)

    // }).exec();


    //滚动到某一位置
    // var me = this;
    // var query = wx.createSelectorQuery().in(me);
    // query.selectViewport().scrollOffset()
    // query.select("#comment").boundingClientRect();
    // query.exec(function (res) {
    //   console.log(res);
    //   var miss = res[0].scrollTop + res[1].top - 10;
    //   wx.pageScrollTo({
    //     scrollTop: miss,
    //     duration: 300
    //   });

    // });


    // if (Item == '#') {
    //   this.setData({
    //     scrollHeight: this.data.len
    //   });


    // } else {
      
    // }
    // console.log('77777', Item)

    // console.log('909090', this.data.scrollHeight)

    // console.log("..............." + this.data.cityListId);
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})