const AV = require('../../../utils/av-weapp.js')
var QQMapWX = require('../../../utils/qqmap-wx-jssdk.min.js');
var qqmapsdk;
Page({
isDefault: false,
formSubmit: function(e) {
// user
var user = AV.User.current();
// detail
var detail = e.detail.value.detail;
// realname
var realname = e.detail.value.realname;
// mobile
var mobile = e.detail.value.mobile;
// 表单验证
if (this.data.areaSelectedStr == '请选择省市区') {
wx.showToast({
title: '请输入区域'
});
return;
}
if (detail == '') {
wx.showToast({
title: '请填写详情地址'
});
return;
}
if (realname == '') {
wx.showToast({
title: '请填写收件人'
});
return;
}
if(!(/^1[34578]d{9}$/.test(mobile))){
wx.showToast({
title: '请填写正确手机号码'
});
return;
}
// save address to leanCloud
var address = new AV.Object('Address');
// 如果是编辑地址而不是新增
if (this.data.address != undefined) {
address = this.data.address;
}
// if isDefault address
address.set('isDefault', this.isDefault);
address.set('detail', detail);
// set province city region
address.set('province', this.data.province[this.data.provinceIndex]);
address.set('city', this.data.city[this.data.cityIndex]);
address.set('region', this.data.region[this.data.regionIndex]);
address.set('town', this.data.town[this.data.townIndex]);
address.set('user', user);
address.set('realname', realname);
address.set('mobile', mobile);
var that = this;
address.save().then(function (address) {
// that.setData('address', address);
wx.showToast({
title: '保存成功',
duration: 500
});
// 等待半秒，toast消失后返回上一页
setTimeout(function () {
wx.navigateBack();
}, 500);
}, function (error) {
console.log(error);
});
},
data: {
current: 0,
province: [],
city: [],
region: [],
town: [],
provinceObjects: [],
cityObjects: [],
regionObjects: [],
townObjects: [],
areaSelectedStr: '请选择省市区',
maskVisual: 'hidden',
provinceName: '请选择'
},
getArea: function (pid, cb) {
var that = this;
// query area by pid
var query = new AV.Query('Area');
query.equalTo('pid', pid);
query.find().then(function (area) {
cb(area);
}, function (err) {
});
},
onLoad: function (options) {
// 实例化API核心类
qqmapsdk = new QQMapWX({
key: 'BJFBZ-ZFTHW-Y2HRO-RL2UZ-M6EC3-GMF4U'
});
var that = this;
// load province
this.getArea(0, function (area) {
var array = [];
for (var i = 0; i < area.length; i++) {
array[i] = area[i].get('name');
}
that.setData({
province: array,
provinceObjects: area
});
});
// if isDefault, address is empty
this.setDefault();
// this.cascadePopup();
this.loadAddress(options);
// TODO:load default city...
},
loadAddress: function (options) {
var that = this;
if (options.objectId != undefined) {
// 第一个参数是 className，第二个参数是 objectId
var address = AV.Object.createWithoutData('Address', options.objectId);
address.fetch().then(function () {
that.setData({
address: address,
areaSelectedStr: address.get('province') + address.get('city') + address.get('region') + address.get('town')
});
}, function (error) {
// 异常处理
});
}
},
setDefault: function () {
var that = this;
var user = AV.User.current();
// if user has no address, set the address for default
var query = new AV.Query('Address');
query.equalTo('user', user);
query.count().then(function (count) {
if (count <= 0) {
that.isDefault = true;
}
});
},
cascadePopup: function() {
var animation = wx.createAnimation({
duration: 500,
timingFunction: 'ease-in-out',
});
this.animation = animation;
animation.translateY(-285).step();
this.setData({
animationData: this.animation.export(),
maskVisual: 'show'
});
},
cascadeDismiss: function () {
this.animation.translateY(285).step();
this.setData({
animationData: this.animation.export(),
maskVisual: 'hidden'
});
},
provinceTapped: function(e) {
// 标识当前点击省份，记录其名称与主键id都依赖它
var index = e.currentTarget.dataset.index;
// current为1，使得页面向左滑动一页至市级列表
// provinceIndex是市区数据的标识
this.setData({
provinceName: this.data.province[index],
regionName: '',
townName: '',
provinceIndex: index,
cityIndex: -1,
regionIndex: -1,
townIndex: -1,
region: [],
town: []
});
var that = this;
//provinceObjects是一个LeanCloud对象，通过遍历得到纯字符串数组
// getArea方法是访问网络请求数据，网络访问正常则一个回调function(area){}
this.getArea(this.data.provinceObjects[index].get('aid'), function (area) {
var array = [];
for (var i = 0; i < area.length; i++) {
array[i] = area[i].get('name');
}
// city就是wxml中渲染要用到的城市数据，cityObjects是LeanCloud对象，用于县级标识取值
that.setData({
cityName: '请选择',
city: array,
cityObjects: area
});
// 确保生成了数组数据再移动swiper
that.setData({
current: 1
});
});
},
cityTapped: function(e) {
// 标识当前点击县级，记录其名称与主键id都依赖它
var index = e.currentTarget.dataset.index;
// current为1，使得页面向左滑动一页至市级列表
// cityIndex是市区数据的标识
this.setData({
cityIndex: index,
regionIndex: -1,
townIndex: -1,
cityName: this.data.city[index],
regionName: '',
townName: '',
town: []
});
var that = this;
//cityObjects是一个LeanCloud对象，通过遍历得到纯字符串数组
// getArea方法是访问网络请求数据，网络访问正常则一个回调function(area){}
this.getArea(this.data.cityObjects[index].get('aid'), function (area) {
var array = [];
for (var i = 0; i < area.length; i++) {
array[i] = area[i].get('name');
}
// region就是wxml中渲染要用到的城市数据，regionObjects是LeanCloud对象，用于县级标识取值
that.setData({
regionName: '请选择',
region: array,
regionObjects: area
});
// 确保生成了数组数据再移动swiper
that.setData({
current: 2
});
});
},
regionTapped: function(e) {
// 标识当前点击镇级，记录其名称与主键id都依赖它
var index = e.currentTarget.dataset.index;
// current为1，使得页面向左滑动一页至市级列表
// regionIndex是县级数据的标识
this.setData({
regionIndex: index,
townIndex: -1,
regionName: this.data.region[index],
townName: ''
});
var that = this;
//townObjects是一个LeanCloud对象，通过遍历得到纯字符串数组
// getArea方法是访问网络请求数据，网络访问正常则一个回调function(area){}
this.getArea(this.data.regionObjects[index].get('aid'), function (area) {
// 假如没有镇一级了，关闭悬浮框，并显示地址
if (area.length == 0) {
var areaSelectedStr = that.data.provinceName + that.data.cityName + that.data.regionName;
that.setData({
areaSelectedStr: areaSelectedStr
});
that.cascadeDismiss();
return;
}
var array = [];
for (var i = 0; i < area.length; i++) {
array[i] = area[i].get('name');
}
// region就是wxml中渲染要用到的县级数据，regionObjects是LeanCloud对象，用于县级标识取值
that.setData({
townName: '请选择',
town: array,
townObjects: area
});
// 确保生成了数组数据再移动swiper
that.setData({
current: 3
});
});
},
townTapped: function (e) {
// 标识当前点击镇级，记录其名称与主键id都依赖它
var index = e.currentTarget.dataset.index;
// townIndex是镇级数据的标识
this.setData({
townIndex: index,
townName: this.data.town[index]
});
var areaSelectedStr = this.data.provinceName + this.data.cityName + this.data.regionName + this.data.townName;
this.setData({
areaSelectedStr: areaSelectedStr
});
this.cascadeDismiss();
},
currentChanged: function (e) {
// swiper滚动使得current值被动变化，用于高亮标记
var current = e.detail.current;
this.setData({
current: current
});
},
changeCurrent: function (e) {
// 记录点击的标题所在的区级级别
var current = e.currentTarget.dataset.current;
this.setData({
current: current
});
},
fetchPOI: function () {
var that = this;
// 调用接口
qqmapsdk.reverseGeocoder({
poi_options: 'policy=2',
get_poi: 1,
success: function(res) {
console.log(res);
that.setData({
areaSelectedStr: res.result.address
});
},
fail: function(res) {
// console.log(res);
},
complete: function(res) {
// console.log(res);
}
});
}
})
|
.jpg)
.jpg)
