|
|
const app = getApp()
|
|
|
import { isEmptyCheck } from "../../utils/commonUtil";
|
|
|
|
|
|
// pages/addAddress/index.js
|
|
|
Page({
|
|
|
|
|
|
/**
|
|
|
* 页面的初始数据
|
|
|
*/
|
|
|
data: {
|
|
|
multiSelected: false,
|
|
|
multiIndex: [0, 0, 0],
|
|
|
multiIndexTemp: [0, 0, 0],
|
|
|
// multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']],
|
|
|
multiArray: [[], [], []],
|
|
|
multiArrayTemp: [[], [], []],
|
|
|
multiArrayRecord: [[], [], []],
|
|
|
title:'添加地址',
|
|
|
btnLoading: false,
|
|
|
address: {
|
|
|
contacts: '',
|
|
|
contactsTel: '',
|
|
|
},
|
|
|
addressClassify: '',
|
|
|
addressStr: '',
|
|
|
recordId: '',
|
|
|
// provinceId: '',
|
|
|
// cityId: '',
|
|
|
// districtId: '',
|
|
|
},
|
|
|
getProvinceByPid: function() {
|
|
|
var that = this;
|
|
|
wx.request({
|
|
|
url: app.globalData.ip + '/city/getProvince',
|
|
|
data: {},
|
|
|
header: app.globalData.header,
|
|
|
method: "POST",
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
that.data.multiArrayRecord[0] = [{id: -1, name: '请选择'}].concat(res.data.data);
|
|
|
|
|
|
var nameArray = ['请选择'];
|
|
|
res.data.data.forEach((item, index) => {
|
|
|
nameArray.push(item.name);
|
|
|
});
|
|
|
that.data.multiArrayTemp[0] = nameArray;
|
|
|
that.setData({
|
|
|
multiArrayTemp: that.data.multiArrayTemp,
|
|
|
});
|
|
|
|
|
|
//如果有省市回显处理
|
|
|
if (app.isNotEmptyCheck(that.data.address.provinceId) && app.isNotEmptyCheck(that.data.address.cityId) && app.isNotEmptyCheck(that.data.address.districtId)) {
|
|
|
|
|
|
that.data.multiArrayRecord[0].forEach((item, index) => {
|
|
|
if (item.id == that.data.address.provinceId) {
|
|
|
that.data.multiIndex[0] = index;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
multiArray: that.data.multiArrayTemp,
|
|
|
multiIndex: that.data.multiIndex,
|
|
|
multiIndexTemp: that.data.multiIndex,
|
|
|
});
|
|
|
|
|
|
that.getCityByPid2(1, that.data.address.provinceId);
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
app.showTips(that, res.data.msg);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
bindMultiPickerChange: function (e) {
|
|
|
console.log('picker发送选择改变，携带值为', e.detail.value)
|
|
|
var that = this;
|
|
|
var multiSelected = false;
|
|
|
if (e.detail.value[0] > 0 && e.detail.value[1] > 0 && e.detail.value[2] > 0) {
|
|
|
multiSelected = true;
|
|
|
}
|
|
|
|
|
|
this.setData({
|
|
|
multiIndex: e.detail.value,
|
|
|
multiSelected: multiSelected,
|
|
|
multiArray: that.data.multiArrayTemp,
|
|
|
})
|
|
|
|
|
|
},
|
|
|
bindMultiPickerColumnChange: function (e) {
|
|
|
console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
|
|
|
var that = this;
|
|
|
if (e.detail.column == 0) {
|
|
|
that.data.multiIndexTemp[0] = e.detail.value;
|
|
|
that.data.multiIndexTemp[1] = 0;
|
|
|
that.data.multiIndexTemp[2] = 0;
|
|
|
that.data.multiArrayTemp[1] = [];
|
|
|
that.data.multiArrayTemp[2] = [];
|
|
|
this.setData({
|
|
|
multiIndexTemp: that.data.multiIndexTemp,
|
|
|
multiArrayTemp: that.data.multiArrayTemp,
|
|
|
})
|
|
|
}
|
|
|
if (e.detail.column < 2) {
|
|
|
this.getCityByPid(e.detail.column, e.detail.value);
|
|
|
}
|
|
|
},
|
|
|
|
|
|
getCityByPid: function (column, value) {
|
|
|
var that = this;
|
|
|
// var pid = that.data.userDetails.bankProvinceCode;
|
|
|
var pid = that.data.multiArrayRecord[column][value].id;
|
|
|
wx.request({
|
|
|
url: app.globalData.ip + '/city/getCityByPid',
|
|
|
data: {
|
|
|
pid: pid
|
|
|
},
|
|
|
header: app.globalData.header,
|
|
|
method: "POST",
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
|
|
|
that.data.multiArrayRecord[column+1] = [{id: -1, name: '请选择'}].concat(res.data.data);
|
|
|
|
|
|
var nameArray = ['请选择'];
|
|
|
res.data.data.forEach((item, index) => {
|
|
|
nameArray.push(item.name);
|
|
|
});
|
|
|
that.data.multiArrayTemp[column+1] = nameArray;
|
|
|
|
|
|
that.setData({
|
|
|
multiArrayTemp: that.data.multiArrayTemp
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
app.showTips(that, res.data.msg);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
getCityByPid2: function (column, pid) {
|
|
|
var that = this;
|
|
|
wx.request({
|
|
|
url: app.globalData.ip + '/city/getCityByPid',
|
|
|
data: {
|
|
|
pid: pid
|
|
|
},
|
|
|
header: app.globalData.header,
|
|
|
method: "POST",
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
if (res.data.status == 200) {
|
|
|
|
|
|
that.data.multiArrayRecord[column] = [{id: -1, name: '请选择'}].concat(res.data.data);
|
|
|
|
|
|
var nameArray = ['请选择'];
|
|
|
res.data.data.forEach((item, index) => {
|
|
|
nameArray.push(item.name);
|
|
|
});
|
|
|
that.data.multiArrayTemp[column] = nameArray;
|
|
|
|
|
|
that.data.multiArrayRecord[column].forEach((item, index) => {
|
|
|
if (column == 1 && item.id == that.data.address.cityId) {
|
|
|
that.data.multiIndex[column] = index;
|
|
|
} else if (column == 2 && item.id == that.data.address.districtId) {
|
|
|
that.data.multiIndex[column] = index;
|
|
|
}
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
multiArray: that.data.multiArrayTemp,
|
|
|
multiArrayTemp: that.data.multiArrayTemp,
|
|
|
multiIndex: that.data.multiIndex,
|
|
|
multiIndexTemp: that.data.multiIndex,
|
|
|
});
|
|
|
|
|
|
if (column == 1) {
|
|
|
that.getCityByPid2(2, that.data.address.cityId);
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
app.showTips(that, res.data.msg);
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
|
|
|
},
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/
|
|
|
onLoad: function (options) {
|
|
|
if(!isEmptyCheck(options.id)){
|
|
|
this.data.recordId = options.id;
|
|
|
this.data.title = '修改地址';
|
|
|
|
|
|
this.getDetail();
|
|
|
} else {
|
|
|
this.getProvinceByPid();
|
|
|
}
|
|
|
|
|
|
wx.setNavigationBarTitle({
|
|
|
title:this.data.title
|
|
|
})
|
|
|
|
|
|
},
|
|
|
selectAddressClassify:function(e){
|
|
|
var that = this;
|
|
|
|
|
|
var classify = e.currentTarget.dataset.classify;
|
|
|
console.log(classify);
|
|
|
|
|
|
that.setData({
|
|
|
addressClassify: classify
|
|
|
});
|
|
|
},
|
|
|
getDetail() {
|
|
|
var that = this;
|
|
|
|
|
|
wx.request({
|
|
|
url: app.globalData.ip + "/user/address/getUserAddressDetail?id=" + that.data.recordId,
|
|
|
method: "GET",
|
|
|
header: app.globalData.header,
|
|
|
data: {
|
|
|
|
|
|
},
|
|
|
success: function(res) {
|
|
|
console.log(res);
|
|
|
|
|
|
if (app.isNotEmptyCheck(res.data.data)) {
|
|
|
|
|
|
that.setData({
|
|
|
address: res.data.data,
|
|
|
addressClassify: res.data.data.classify,
|
|
|
addressStr: res.data.data.address,
|
|
|
});
|
|
|
if (app.isNotEmptyCheck(res.data.data.provinceId) && app.isNotEmptyCheck(res.data.data.cityId) && app.isNotEmptyCheck(res.data.data.districtId)) {
|
|
|
that.setData({
|
|
|
multiSelected: true,
|
|
|
});
|
|
|
}
|
|
|
that.getProvinceByPid();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
});
|
|
|
},
|
|
|
onSubmit(e) {
|
|
|
console.log(e);
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: true
|
|
|
});
|
|
|
|
|
|
if (app.isEmptyCheck(e.detail.value.contacts)) {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请输入姓名",
|
|
|
duration: 3000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var myreg = /^[1][3456789][0-9]{9}$/;
|
|
|
if (!myreg.test(e.detail.value.contactsTel) || e.detail.value.contactsTel == "") {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请输入正确手机号",
|
|
|
duration: 3000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
if (that.data.multiIndex[0] == 0 || that.data.multiIndex[1] == 0 || that.data.multiIndex[2] == 0) {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请选择详细地区",
|
|
|
duration: 3000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
if (app.isEmptyCheck(e.detail.value.address)) {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请输入详细地址",
|
|
|
duration: 3000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
if (app.isEmptyCheck(that.data.addressClassify)) {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请选择标签",
|
|
|
duration: 3000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var formData = e.detail.value;
|
|
|
formData['id'] = that.data.recordId;
|
|
|
formData['classify'] = that.data.addressClassify;
|
|
|
|
|
|
if (that.data.multiIndex[0] > 0 && that.data.multiIndex[1] > 0 && that.data.multiIndex[2] > 0) {
|
|
|
formData['provinceId'] = that.data.multiArrayRecord[0][that.data.multiIndex[0]].id;
|
|
|
formData['cityId'] = that.data.multiArrayRecord[1][that.data.multiIndex[1]].id;
|
|
|
formData['districtId'] = that.data.multiArrayRecord[2][that.data.multiIndex[2]].id;
|
|
|
|
|
|
} else {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: "请选择地区",
|
|
|
duration: 3000
|
|
|
});
|
|
|
}
|
|
|
|
|
|
console.log(formData);
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
|
|
|
wx.request({
|
|
|
url: app.globalData.ip + "/user/address/addOrUpdateUserAddress",
|
|
|
method: "POST",
|
|
|
header: app.globalData.header,
|
|
|
data: formData,
|
|
|
success: function (res) {
|
|
|
console.log(res);
|
|
|
|
|
|
if (res.data.status == 200) {
|
|
|
wx.navigateBack({
|
|
|
delta: 1
|
|
|
})
|
|
|
} else {
|
|
|
wx.showToast({
|
|
|
icon: "none",
|
|
|
title: res.data.msg,
|
|
|
duration: 2000
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
btnLoading: false
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
chooseMap:function(){
|
|
|
var that = this;
|
|
|
console.log("1111111");
|
|
|
wx.chooseLocation({
|
|
|
success: function (res) {
|
|
|
console.log("res",res)
|
|
|
that.data.addressStr = res.name;
|
|
|
that.setData({
|
|
|
addressStr: that.data.addressStr
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
goAddAddress:function(){
|
|
|
wx.navigateTo({
|
|
|
url: '/pages/addressBook/index',
|
|
|
})
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
*/
|
|
|
onReady: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
onShow: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
*/
|
|
|
onHide: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
*/
|
|
|
onUnload: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
*/
|
|
|
onPullDownRefresh: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
*/
|
|
|
onReachBottom: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 用户点击右上角分享
|
|
|
*/
|
|
|
onShareAppMessage: function () {
|
|
|
|
|
|
}
|
|
|
}) |