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: "",
    cityCode: "",
    hotList: [],
    hotCodeList: [],
    inputValue: "",
    searchList: []
  },
  onLoad: function(options) {
    var pcity = wx.getStorageSync('city') || '无锡'
    var hotList = ['北京', '上海', '南京', '杭州', '厦门', '南昌', '武汉']
    var hotCodeList = ['110000', '310000', '320100', '330100', '350200', '360100', '420100']
    this.setData({
      city: pcity,
      hotList: hotList,
      hotCodeList: hotCodeList
    })
    // 生命周期函数--监听页面加载
    var searchLetter = city.searchLetter;
    var cityList = city.cityList();
    this.data.cityNameList = city.cityNameList();

    // console.log("cityinfo", cityList);

    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].firstNameLetter) {
        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;
    var cityCode = e.target.dataset.code;
    if (city.indexOf("市") != -1) {
      city = city.substring(0, city.lastIndexOf('市'));
    }
    if (city.indexOf("地区") != -1) {
      city = city.substring(0, city.lastIndexOf('地区'));
    }
    if (city.indexOf("自治州") != -1) {
      city = city.substring(0, city.lastIndexOf('自治州'));
    }
    if (city.indexOf("特别行政区") != -1) {
      city = city.substring(0, city.lastIndexOf('特别行政区'));
    }
    console.log('选择了城市：', city);
    console.log('选择了城市的code：', cityCode);
    wx.setStorageSync('city', city)
    wx.setStorageSync('cityCode', cityCode)
    this.setData({
      city: city,
      cityCode: cityCode
    })
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1]; //当前页面
    var prevPage = pages[pages.length - 2]; //上一个页面

    prevPage.setData({
      hasLocation1: true
    })
    wx.navigateBack()
  },

  cxgps: function(e) {
    var that = this;
    wx.showLoading({
      title: 'loading',
      mask: true
    });
    wx.getSetting({
      success: function(res) {
        if (!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 || "无锡",
                cityCode = data.regeocodeData.addressComponent.adcode.substring(0, 4) + "00";
              if (city.indexOf("市") != -1) {
                city = city.substring(0, city.lastIndexOf('市'));
              }
              that.setData({
                city: city,
                cityCode: cityCode
              })
              wx.setStorageSync('city', city)
              wx.setStorageSync('cityCode', cityCode)
            }
          })
        }
      }
    });

  },
  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
    })
    var cityList = this.data.cityList;
    var resultList = [];
    for (var k = 0; k < searchList.length; k++) {
      for (var i = 0; i < cityList.length; i++) {
        for (var j = 0; j < cityList[i].cityInfo.length; j++) {
          var resultArr = {};
          if (searchList[k] == cityList[i].cityInfo[j].cityName) {
            resultArr.cityCode = cityList[i].cityInfo[j].cityCode
            resultArr.cityName = cityList[i].cityInfo[j].cityName
            resultList.push(resultArr)
          }
        }
      }
    }
    console.log("searchList", resultList)
    this.setData({
      searchList: resultList
    })
  },
  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);
      }
    })
  })

}