hulimall/pages/address/upaddress.js

var app = getApp();
var WXAPI = require('../../utils/server.js');
var t = 0;
var show = false;
var moveY = 200;
var index = [0, 0, 0];
var sheng = [];//省
var shi = [];//城市
var xian = [];//区县


Page({

  /**
   * 页面的初始数据
   */
  data: {
    sheng: sheng,
    shi: shi,
    xian: xian,
    value: [0, 0, 0],
  },
  // 下拉刷新
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading() //在标题栏中显示加载
    
    this.AddressManagement();
    wx.hideNavigationBarLoading() //完成停止加载
    wx.stopPullDownRefresh() //停止下拉刷新
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarColor({
      frontColor: app.d.frontColor,
      backgroundColor: app.d.bgcolor, //页面标题为路由参数
      animation: {
        duration: 400,
        timingFunc: 'easeIn'
      }
    })
    this.setData({
      bgcolor: app.d.bgcolor,
      id_arr: options.addr_id
    });

    this.AddressManagement();
  },
  /**
   * 修改地址
   */
  AddressManagement: function () {
    var that = this;
    WXAPI.addressUpAddsIndex({
      openid: app.globalData.userInfo.openid,
      id_arr: that.data.id_arr,
    }).then(res => {
      if (res.status == 1) {
        var data = res;
        var address = data.adds;
        var province = data.province;
        var city = data.city;
        var county = data.county;
        if (address == '') {
          var address = []
        }
        that.setData({
          address: address,
          province: province,
          city: city,
          county: county
        })
      }
    });
  },
  AddressManagement1: function () {
    var that = this;
    WXAPI.addressManagement({
      openid: app.globalData.userInfo.openid,
    }).then(res => {
      if (res.status == 1) {
        var data = res;
        var sheng = data.sheng;
        var shi = data.shi;
        var xian = data.xian;
        that.setData({
          sheng: sheng,
          shi: shi,
          xian: xian
        });
      } else {
        wx.showToast({
          title: '非法操作！',
          duration: 2000
        });
      }
    });
  },

  // 点击选择城市
  translate: function (e) {
    if (t == 0) {
      moveY = 0;
      show = false;
      t = 1;
    } else {
      moveY = 200;
      show = true;
      t = 0;
    }
    
    animationEvents(this, moveY, show);
    this.AddressManagement1();
  },
  //隐藏弹窗浮层
  hiddenFloatView(e) {
    moveY = 200;
    this.setData({
      show: false
    });
    t = 1;
  },
  //滑动事件
  bindChange: function (e) {
    var val = e.detail.value
    //判断滑动的是第几个column
    //若省份column做了滑动则定位到地级市和区县第一位
    if (index[0] != val[0]) {
      this.getCityArr(val[0]);//获取地级市数据
      this.getCountyInfo(val[0], val[1]);//获取区县数据
    } else {    //若省份column未做滑动，地级市做了滑动则定位区县第一位
      if (index[1] != val[1]) {
        this.getCountyInfo(val[0], val[1]);//获取区县数据
      }
    }
    index = val;
    this.Preservation(index);
  },
  // 根据省获取市
  getCityArr: function (count) {
    var that = this;
    WXAPI.getCityArr({
      count: count,
    }).then(res => {
      if (res.status == 1) {
        var data = res;
        that.setData({
          shi: data.shi
        });
      } else {
        wx.showToast({
          title: '非法操作！',
          duration: 2000
        });
      }
    });
  },
  // 根据省市获取县
  getCountyInfo: function (count, column) {
    var that = this;
    WXAPI.getCountyInfo({
      count: count,
      column: column,
    }).then(res => {
      if (res.status == 1) {
        var data = res;
          that.setData({
            xian: data.xian
          });
      } else {
        wx.showToast({
          title: '非法操作！',
          duration: 2000
        });
      }
    });
  },
  // 滑动事件结束
  Preservation: function (rew) {
    var that = this;
    WXAPI.preservation({
      sheng: rew[0],
      shi: rew[1],
      xuan: rew[2]
    }).then(res => {
      if (res.status == 1) {
        var data = res;
        var province = data.province;
        var city = data.city;
        var county = data.county;
        that.setData({
          province: province,
          city: city,
          county: county,
        });
      } else {
        wx.showToast({
          title: '非法操作！',
          duration: 2000
        });
      }
    });
  },
  // 点击保存
  SaveAddress: function (e) {
    var that = this;
    if (e.detail.value.user_name.length == 0) {
      wx.showToast({
        title: '联系人不得为空!',
        icon: 'loading',
        duration: 1500
      })
      wx.hideToast()
    } else if (e.detail.value.mobile.length == 0) {
      wx.showToast({
        title: '电话不得为空!',
        icon: 'loading',
        duration: 1500
      })
      wx.hideToast()
    } else if (e.detail.value.province.length == 0) {
      wx.showToast({
        title: '城市不得为空!',
        icon: 'loading',
        duration: 1500
      })
      wx.hideToast()
    } else {
      WXAPI.saveAddress({
        openid: app.globalData.userInfo.openid,
        user_name: e.detail.value.user_name,
        id_arr: that.data.id_arr,
        mobile: e.detail.value.mobile,
        province: e.detail.value.province,
        city: e.detail.value.city,
        county: e.detail.value.county,
        address: e.detail.value.address
      }).then(res => {
        if (res.status == 1) {
          var data = res;
          wx.showModal({
            title: '提示',
            content: data.info,
            success: function (res) {
              wx.navigateBack({
                delta: 1
              })
            }
          });
        } else {
          wx.showToast({
            title: res.err,
            icon: 'loading',
            duration: 1500
          })
        }
      });
      // WXAPI.addressUpAdds({
      //   from_id: formId,
      //   userid: app.globalData.userInfo.openid
      // }).then(res => {
      //   if (res.status == 1) {
      //     var data = res;
  
      //   }
      // });
    }
  }
})
//动画事件
function animationEvents(that, moveY, show) {
  that.animation = wx.createAnimation({
    transformOrigin: "50% 50%",
    duration: 400,
    timingFunction: "ease",
    delay: 0
  })
  that.animation.translateY(moveY + 'vh').step()
  that.setData({
    animation: that.animation.export(),
    show: show
  })
}