Mina/pages/city/index.js

var city = require('./city.js');
var $ = require('../../libs/gdconf.js');
var app = getApp()
Page({
  data: {
    searchLetter: [],
    showLetter: "",
    winHeight: 0,
    tHeight: 0,
    bHeight: 0,
    startPageY: 0,
    cityList: [],
    cityNameList: [],
    isShowLetter: false,
    scrollTop: 0,
    city: "",
    hotList: [],
    inputValue: "",
    searchList: []
  },
  onLoad: function(options) {
    var pcity = wx.getStorageSync('city') || '无锡'
    var hotList = ['北京', '上海', '南京', '杭州', '厦门', '南昌', '武汉']
    this.setData({
      city: pcity,
      hotList: hotList
    })
    // 生命周期函数--监听页面加载
    var searchLetter = city.searchLetter;
    var cityList = city.cityList();
    this.data.cityNameList = city.cityNameList();

    // console.log(cityInfo);

    var sysInfo = wx.getSystemInfoSync();
    console.log(sysInfo);
    var winHeight = sysInfo.windowHeight;

    //添加要匹配的字母范围值
    //1、更加屏幕高度设置子元素的高度
    var itemH = (winHeight - 50) / searchLetter.length;
    var tempObj = [];
    for (var i = 0; i < searchLetter.length; i++) {
      var temp = {};
      temp.name = searchLetter[i];
      temp.tHeight = i * itemH;
      temp.bHeight = (i + 1) * itemH;

      tempObj.push(temp)
    }


    this.setData({
      winHeight: winHeight,
      itemH: itemH,
      searchLetter: tempObj,
      cityList: cityList,
    })

  },
  searchStart: function(e) {
    var showLetter = e.currentTarget.dataset.letter;
    var pageY = e.touches[0].pageY;
    this.setScrollTop(this, showLetter);
    this.nowLetter(pageY, this);
    this.setData({
      showLetter: showLetter,
      startPageY: pageY,
      isShowLetter: true,
    })
  },
  searchMove: function(e) {
    var pageY = e.touches[0].pageY;
    var startPageY = this.data.startPageY;
    var tHeight = this.data.tHeight;
    var bHeight = this.data.bHeight;
    var showLetter = 0;
    // console.log(pageY);
    if (startPageY - pageY > 0) { //向上移动
      if (pageY < tHeight) {
        // showLetter=this.mateLetter(pageY,this);
        this.nowLetter(pageY, this);
      }
    } else { //向下移动
      if (pageY > bHeight) {
        // showLetter=this.mateLetter(pageY,this);
        this.nowLetter(pageY, this);
      }
    }
  },
  searchEnd: function(e) {
    // console.log(e);
    // var showLetter=e.currentTarget.dataset.letter;
    var that = this;
    setTimeout(function() {
      that.setData({
        isShowLetter: false
      })
    }, 1000)

  },
  nowLetter: function(pageY, that) { //当前选中的信息
    var letterData = this.data.searchLetter;
    var bHeight = 0;
    var tHeight = 0;
    var showLetter = "";
    for (var i = 0; i < letterData.length; i++) {
      if (letterData[i].tHeight <= pageY && pageY <= letterData[i].bHeight) {
        bHeight = letterData[i].bHeight;
        tHeight = letterData[i].tHeight;
        showLetter = letterData[i].name;
        break;
      }
    }

    this.setScrollTop(that, showLetter);

    that.setData({
      bHeight: bHeight,
      tHeight: tHeight,
      showLetter: showLetter,
      startPageY: pageY
    })
  },
  bindScroll: function(e) {
    // console.log(e.detail)
  },
  setScrollTop: function(that, showLetter) {
    var scrollTop = 0;
    var cityList = that.data.cityList;
    var cityCount = 0;
    var initialCount = 0;
    for (var i = 0; i < cityList.length; i++) {
      if (showLetter == cityList[i].initial) {
        scrollTop = initialCount * 30 + cityCount * 41;
        break;
      } else {
        initialCount++;
        cityCount += cityList[i].cityInfo.length;
      }
    }
    that.setData({
      scrollTop: scrollTop - 1558
    })
  },
  bindCity: function(e) {
    var city = e.currentTarget.dataset.city;
    this.setData({
      city: city
    })
  },
  wxSortPickerViewItemTap: function(e) {
    var city = e.target.dataset.text;
    console.log('选择了城市：', city);
    wx.setStorageSync('city', city)
    this.setData({
      city: city
    })
    wx.navigateBack()
  },
  cxgps: function(e) {
    var that = this;
    wx.showLoading({
      title: 'loading',
      mask: true
    });
    wx.getSetting({
      success: function(res) {
        if (!res.authSetting['scope.userInfo'] || !res.authSetting['scope.userLocation']) {
          wx.hideLoading();
          wx.showModal({
            title: '授权提示',
            content: '当前服务需要获取您的位置信息，请确认授权',
            confirmText: '去授权',
            cancelText: '暂不授权',
            success: function (res) {
              if (res.confirm) {
                wx.openSetting();
              } else if (res.cancel) {

              }
            }
          })
        } else {
          $.map.getRegeo({
            success(data) {
              wx.hideLoading();
              var data = data[0],
                city = data.regeocodeData.addressComponent.city || "无锡";
              that.setData({
                city: city
              })
              wx.setStorageSync('city', city)
            }
          })
        }
      }
    });

  },
  bindKeyInput(e) {
    var value = e.detail.value.trim()
    if (value == "") {
      this.setData({
        inputValue: value,
        searchList: []
      })
      return '';
    }
    this.setData({
      inputValue: value
    })
    this.serach(value)
  },
  serach(text) {
    var searchList = this.data.cityNameList.filter(function(name) {
      // console.log(name)
      return name.indexOf(text) !== -1
    })
    console.log(searchList)
    this.setData({
      searchList: searchList
    })
  },
  onError(err) {
    app.aldstat.sendEvent('报错', {
      'err': err
    });
  },
})

//经纬度定位获取站点
function ajaxGes(lat, lng) {
  //TODO:自己的定位接口
  var url = '';

  return new Promise(function(resolve, reject) {
    wx.request({
      url: url,
      header: {
        'content-type': 'application/json'
      },
      success: function(res) {
        resolve(res.data);
      },
      fail: function(err) {
        reject(err);
      }
    })
  })

}