addAddress.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. import { API } from "../../../service/api";
  2. // pages/my/addAddress/addAddress.js
  3. Page({
  4. /**
  5. * 页面的初始数据
  6. */
  7. data: {
  8. form:{
  9. checked:false
  10. },
  11. region: []
  12. },
  13. handleRegionChange(e) {
  14. this.setData({
  15. region: e.detail.value
  16. });
  17. console.log('选择地区:', e.detail.value);
  18. },
  19. // 监听input的输入
  20. inputChange(e){
  21. let key = e.currentTarget.dataset.key;
  22. let value = e.detail.value;
  23. let obj = {};
  24. obj[key] = value;
  25. this.setData({
  26. form:{
  27. ...this.data.form,
  28. ...obj
  29. }
  30. })
  31. },
  32. // 监听默认地址设置
  33. radioChange(e){
  34. this.setData({
  35. "form.checked":!this.data.form.checked
  36. })
  37. },
  38. // 保存地址
  39. formSubmit(){
  40. let {name,phone,address,checked} = this.data.form;
  41. let region = this.data.region;
  42. if(!name || !phone || !address || region.length === 0){
  43. wx.showToast({
  44. title: !name?"请输入收件人":!phone?"请输入手机号":region.length === 0?"请选择所在地区":"请输入详细地址",
  45. icon:"none",
  46. duration:3000
  47. })
  48. return;
  49. }
  50. let data = {
  51. mobile:phone,
  52. recipient:name,
  53. province:region[0],
  54. city:region[1],
  55. district:region[2],
  56. address:address,
  57. defaultFlag:checked?1:0
  58. }
  59. API.saveAddress(data).then(res=>{
  60. wx.navigateBack();
  61. })
  62. },
  63. /**
  64. * 生命周期函数--监听页面加载
  65. */
  66. onLoad(options) {
  67. },
  68. /**
  69. * 生命周期函数--监听页面初次渲染完成
  70. */
  71. onReady() {
  72. },
  73. /**
  74. * 生命周期函数--监听页面显示
  75. */
  76. onShow() {
  77. },
  78. /**
  79. * 生命周期函数--监听页面隐藏
  80. */
  81. onHide() {
  82. },
  83. /**
  84. * 生命周期函数--监听页面卸载
  85. */
  86. onUnload() {
  87. },
  88. /**
  89. * 页面相关事件处理函数--监听用户下拉动作
  90. */
  91. onPullDownRefresh() {
  92. },
  93. /**
  94. * 页面上拉触底事件的处理函数
  95. */
  96. onReachBottom() {
  97. },
  98. /**
  99. * 用户点击右上角分享
  100. */
  101. onShareAppMessage() {
  102. }
  103. })