|
|
// pages/editAddress/editAddress.js
|
|
|
var http = require("../../utils/http.js");
|
|
|
var config = require("../../utils/config.js");
|
|
|
var index = [18, 0, 0];
|
|
|
|
|
|
var t = 0;
|
|
|
var show = false;
|
|
|
var moveY = 200;
|
|
|
Page({
|
|
|
|
|
|
/**
|
|
|
* 页面的初始数据
|
|
|
*/
|
|
|
data: {
|
|
|
value: [0, 0, 0],
|
|
|
provArray: [],
|
|
|
cityArray: [],
|
|
|
areaArray: [],
|
|
|
province: "",
|
|
|
city: "",
|
|
|
area: "",
|
|
|
provinceId: 0,
|
|
|
cityId: 0,
|
|
|
areaId: 0,
|
|
|
receiver: "",
|
|
|
mobile: "",
|
|
|
addr: "",
|
|
|
addrId: 0
|
|
|
},
|
|
|
|
|
|
onLoad: function (options) {
|
|
|
if (options.addrId) {
|
|
|
wx.showLoading();
|
|
|
var params = {
|
|
|
url: "/p/address/addrInfo/" + options.addrId,
|
|
|
method: "GET",
|
|
|
data: {},
|
|
|
callBack: res => {
|
|
|
//console.log(res)
|
|
|
this.setData({
|
|
|
province: res.province,
|
|
|
city: res.city,
|
|
|
area: res.area,
|
|
|
provinceId: res.provinceId,
|
|
|
cityId: res.cityId,
|
|
|
areaId: res.areaId,
|
|
|
receiver: res.receiver,
|
|
|
mobile: res.mobile,
|
|
|
addr: res.addr,
|
|
|
addrId: options.addrId
|
|
|
});
|
|
|
this.initCityData(res.provinceId, res.cityId, res.areaId);
|
|
|
wx.hideLoading();
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
} else {
|
|
|
this.initCityData(this.data.provinceId, this.data.cityId, this.data.areaId);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
initCityData: function (provinceId, cityId, areaId) {
|
|
|
var ths = this;
|
|
|
wx.showLoading();
|
|
|
var params = {
|
|
|
url: "/p/area/listByPid",
|
|
|
method: "GET",
|
|
|
data: {
|
|
|
pid: 0
|
|
|
},
|
|
|
callBack: function (res) {
|
|
|
//console.log(res)
|
|
|
ths.setData({
|
|
|
provArray: res
|
|
|
});
|
|
|
if (provinceId) {
|
|
|
for (var index in res) {
|
|
|
if (res[index].areaId == provinceId) {
|
|
|
ths.setData({
|
|
|
value: [index, ths.data.value[1], ths.data.value[2]]
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
ths.getCityArray(provinceId ? provinceId : res[0].areaId, cityId, areaId);
|
|
|
wx.hideLoading();
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
onShow: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
//滑动事件
|
|
|
bindChange: function (e) {
|
|
|
var ths = this;
|
|
|
var val = e.detail.value
|
|
|
|
|
|
//判断滑动的是第几个column
|
|
|
//若省份column做了滑动则定位到地级市和区县第一位
|
|
|
if (index[0] != val[0]) {
|
|
|
val[1] = 0;
|
|
|
val[2] = 0;
|
|
|
//更新数据
|
|
|
ths.getCityArray(this.data.provArray[val[0]].areaId);//获取地级市数据
|
|
|
} else { //若省份column未做滑动，地级市做了滑动则定位区县第一位
|
|
|
if (index[1] != val[1]) {
|
|
|
val[2] = 0;
|
|
|
//更新数据
|
|
|
ths.getAreaArray(this.data.cityArray[val[1]].areaId);//获取区县数据
|
|
|
} else {
|
|
|
|
|
|
}
|
|
|
}
|
|
|
index = val;
|
|
|
this.setData({
|
|
|
value: [val[0], val[1], val[2]],
|
|
|
})
|
|
|
ths.setData({
|
|
|
province: ths.data.provArray[ths.data.value[0]].areaName,
|
|
|
city: ths.data.cityArray[ths.data.value[1]].areaName,
|
|
|
area: ths.data.areaArray[ths.data.value[2]].areaName,
|
|
|
provinceId: ths.data.provArray[ths.data.value[0]].areaId,
|
|
|
cityId: ths.data.cityArray[ths.data.value[1]].areaId,
|
|
|
areaId: ths.data.areaArray[ths.data.value[2]].areaId
|
|
|
})
|
|
|
},
|
|
|
|
|
|
onReady: function () {
|
|
|
this.animation = wx.createAnimation({
|
|
|
transformOrigin: "50% 50%",
|
|
|
duration: 0,
|
|
|
timingFunction: "ease",
|
|
|
delay: 0
|
|
|
}
|
|
|
)
|
|
|
this.animation.translateY(200 + 'vh').step();
|
|
|
this.setData({
|
|
|
animation: this.animation.export(),
|
|
|
show: show
|
|
|
})
|
|
|
},
|
|
|
//移动按钮点击事件
|
|
|
translate: function (e) {
|
|
|
if (t == 0) {
|
|
|
moveY = 0;
|
|
|
show = false;
|
|
|
t = 1;
|
|
|
} else {
|
|
|
moveY = 200;
|
|
|
show = true;
|
|
|
t = 0;
|
|
|
}
|
|
|
this.setData({
|
|
|
show: true
|
|
|
});
|
|
|
// this.animation.translate(arr[0], arr[1]).step();
|
|
|
this.animationEvents(this, moveY, show);
|
|
|
|
|
|
},
|
|
|
//隐藏弹窗浮层
|
|
|
hiddenFloatView(e) {
|
|
|
//console.log(e);
|
|
|
moveY = 200;
|
|
|
show = true;
|
|
|
t = 0;
|
|
|
this.animationEvents(this, moveY, show);
|
|
|
|
|
|
},
|
|
|
|
|
|
//动画事件
|
|
|
animationEvents: function (that, moveY, show) {
|
|
|
//console.log("moveY:" + moveY + "\nshow:" + 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()
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 根据省份ID获取 城市数据
|
|
|
*/
|
|
|
getCityArray: function (provinceId, cityId, areaId) {
|
|
|
var ths = this;
|
|
|
var params = {
|
|
|
url: "/p/area/listByPid",
|
|
|
method: "GET",
|
|
|
data: {
|
|
|
pid: provinceId
|
|
|
},
|
|
|
callBack: function (res) {
|
|
|
//console.log(res)
|
|
|
ths.setData({
|
|
|
cityArray: res
|
|
|
});
|
|
|
if (cityId) {
|
|
|
for (var index in res) {
|
|
|
if (res[index].areaId == cityId) {
|
|
|
ths.setData({
|
|
|
value: [ths.data.value[0], index, ths.data.value[2]]
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
ths.getAreaArray(cityId ? cityId : res[0].areaId, areaId);
|
|
|
wx.hideLoading();
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 根据城市ID获取 区数据
|
|
|
*/
|
|
|
getAreaArray: function (cityId, areaId) {
|
|
|
var ths = this;
|
|
|
var params = {
|
|
|
url: "/p/area/listByPid",
|
|
|
method: "GET",
|
|
|
data: {
|
|
|
pid: cityId
|
|
|
},
|
|
|
callBack: function (res) {
|
|
|
//console.log(res)
|
|
|
ths.setData({
|
|
|
areaArray: res
|
|
|
});
|
|
|
if (areaId) {
|
|
|
|
|
|
for (var _index in res) {
|
|
|
if (res[_index].areaId == areaId) {
|
|
|
ths.setData({
|
|
|
value: [ths.data.value[0], ths.data.value[1], _index]
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
|
|
|
index = ths.data.value;
|
|
|
|
|
|
ths.setData({
|
|
|
province: ths.data.province,
|
|
|
city: ths.data.city,
|
|
|
area: ths.data.area,
|
|
|
provinceId: ths.data.provinceId,
|
|
|
cityId: ths.data.cityId,
|
|
|
areaId: ths.data.areaId
|
|
|
})
|
|
|
|
|
|
} else {
|
|
|
ths.setData({
|
|
|
province: ths.data.provArray[ths.data.value[0]].areaName,
|
|
|
city: ths.data.cityArray[ths.data.value[1]].areaName,
|
|
|
area: ths.data.areaArray[ths.data.value[2]].areaName,
|
|
|
provinceId: ths.data.provArray[ths.data.value[0]].areaId,
|
|
|
cityId: ths.data.cityArray[ths.data.value[1]].areaId,
|
|
|
areaId: ths.data.areaArray[ths.data.value[2]].areaId
|
|
|
})
|
|
|
}
|
|
|
|
|
|
wx.hideLoading();
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
},
|
|
|
|
|
|
bindRegionChange: function (e) {
|
|
|
//console.log('picker发送选择改变，携带值为', e.detail.value)
|
|
|
this.setData({
|
|
|
region: e.detail.value
|
|
|
})
|
|
|
},
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 保存地址
|
|
|
*/
|
|
|
onSaveAddr: function () {
|
|
|
var ths = this;
|
|
|
var receiver = ths.data.receiver;
|
|
|
var mobile = ths.data.mobile;
|
|
|
var addr = ths.data.addr;
|
|
|
|
|
|
if (!receiver) {
|
|
|
wx.showToast({
|
|
|
title: '请输入收货人姓名',
|
|
|
icon: "none"
|
|
|
})
|
|
|
return;
|
|
|
}
|
|
|
if (!mobile) {
|
|
|
wx.showToast({
|
|
|
title: '请输入手机号码',
|
|
|
icon: "none"
|
|
|
})
|
|
|
return;
|
|
|
}
|
|
|
var regexp = /^[1]([3-9])[0-9]{9}$/;
|
|
|
if (!regexp.test(mobile)) {
|
|
|
wx.showToast({
|
|
|
title: '请输入正确的手机号码',
|
|
|
icon: "none"
|
|
|
})
|
|
|
return;
|
|
|
}
|
|
|
if (!addr) {
|
|
|
wx.showToast({
|
|
|
title: '请输入详细地址',
|
|
|
icon: "none"
|
|
|
})
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
wx.showLoading();
|
|
|
var url = "/p/address/addAddr";
|
|
|
var method = "POST";
|
|
|
if (ths.data.addrId != 0) {
|
|
|
url = "/p/address/updateAddr";
|
|
|
method = "PUT";
|
|
|
}
|
|
|
//添加或修改地址
|
|
|
var params = {
|
|
|
url: url,
|
|
|
method: method,
|
|
|
data: {
|
|
|
receiver: ths.data.receiver,
|
|
|
mobile: ths.data.mobile,
|
|
|
addr: ths.data.addr,
|
|
|
province: ths.data.province,
|
|
|
provinceId: ths.data.provinceId,
|
|
|
city: ths.data.city,
|
|
|
cityId: ths.data.cityId,
|
|
|
areaId: ths.data.areaId,
|
|
|
area: ths.data.area,
|
|
|
userType: 0,
|
|
|
addrId: ths.data.addrId
|
|
|
},
|
|
|
callBack: function (res) {
|
|
|
wx.hideLoading();
|
|
|
wx.navigateBack({
|
|
|
delta: 1
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
},
|
|
|
|
|
|
onReceiverInput: function (e) {
|
|
|
this.setData({
|
|
|
receiver: e.detail.value
|
|
|
});
|
|
|
},
|
|
|
|
|
|
onMobileInput: function (e) {
|
|
|
this.setData({
|
|
|
mobile: e.detail.value
|
|
|
});
|
|
|
},
|
|
|
|
|
|
onAddrInput: function (e) {
|
|
|
this.setData({
|
|
|
addr: e.detail.value
|
|
|
});
|
|
|
},
|
|
|
|
|
|
|
|
|
//删除配送地址
|
|
|
onDeleteAddr: function (e) {
|
|
|
var ths = this;
|
|
|
wx.showModal({
|
|
|
title: '',
|
|
|
content: '确定要删除此收货地址吗？',
|
|
|
confirmColor: "#eb2444",
|
|
|
success(res) {
|
|
|
if (res.confirm) {
|
|
|
var addrId = ths.data.addrId;
|
|
|
|
|
|
wx.showLoading();
|
|
|
var params = {
|
|
|
url: "/p/address/deleteAddr/" + addrId,
|
|
|
method: "DELETE",
|
|
|
data: {},
|
|
|
callBack: function (res) {
|
|
|
wx.hideLoading();
|
|
|
wx.navigateBack({
|
|
|
delta: 1
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
http.request(params);
|
|
|
} else if (res.cancel) {
|
|
|
console.log('用户点击取消')
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
}) |
