epdc-resident-mp-js/subpages/heart/pages/myApply/myApply.js

// subpages/heart/pages/myApply/myApply.js
const api = require("../../../../utils/api")

Page({

  /**
   * 页面的初始数据
   */
  data: {
    showPicker: false,  //是否显示底部时间选择器插件
    dataForm: {
      actTitle: '', 
      actContent: '',
      actAddress: '',
      actStartTime: '',  //起始时间
      actEndTime: '',    //结束时间
      actPeopleNum: 0,
      actContacts: '',
      actTel: ''
    },
    curCode: '',  //区分是start还是end
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
  
  onInputTitle (e) {
    this.setData({
      'dataForm.actTitle': e.detail.value
    })
  },
  onInputContent (e) {
    this.setData({
      'dataForm.actContent': e.detail.value
    })
  },
  onInputAddress (e) {
    this.setData({
      'dataForm.actAddress': e.detail.value
    })
  },
  onInputPeopleNum (e) {
    this.setData({
      'dataForm.actPeopleNum': parseInt(e.detail.value)
    })
  },
  onInputContacts (e) {
    this.setData({
      'dataForm.actContacts': e.detail.value
    })
  },
  onInputTel (e) {
    this.setData({
      'dataForm.actTel': e.detail.value
    })
  },

  pickerCancel () {
    console.log('取消日期选择')
    this.setData({
      showPicker: false
    })
  },
  pickerConfirm (e) {
    console.log('选择日期', e.detail.time)
    if (this.data.curCode == 'start') {
      this.setData({
        showPicker: false,
        'dataForm.actStartTime': e.detail.time
      })
    } else if (this.data.curCode == 'end') {
      this.setData({
        showPicker: false,
        'dataForm.actEndTime': e.detail.time
      })

      if (this.data.dataForm.actStartTime > this.data.dataForm.actEndTime) {
        wx.showToast({
          title: '结束时间应该大于起始时间',
          icon: 'none',
          duration: 2000
        })
      }
    }
  },
  //日期选择插件显示入口
  selectTime (e) {
    this.data.showPicker = !this.data.showPicker
    this.setData({
      showPicker: this.data.showPicker,
      curCode: e.currentTarget.dataset.code
    })
  },

  //提交申请
  submitApply () {
    if (!this.data.dataForm.actTitle) {
      this.showToast("请填写活动标题")
      return false
    }
    if (!this.data.dataForm.actContent) {
      this.showToast("请填写活动内容")
      return false
    }
    if (!this.data.dataForm.actAddress) {
      this.showToast("请填写活动地址")
      return false
    }
    if (!this.data.dataForm.actStartTime) {
      this.showToast("请填写开始时间")
      return false
    }
    if (!this.data.dataForm.actEndTime) {
      this.showToast("请填写结束时间")
      return false
    }
    if (!this.data.dataForm.actPeopleNum) {
      this.showToast("请填写需要人数")
      return false
    }
    if (!this.data.dataForm.actContacts) {
      this.showToast("请填写联系人")
      return false
    }
    if (!this.data.dataForm.actTel) {
      this.showToast("请填写联系人电话")
      return false
    }
    const para = { ...this.data.dataForm }
    console.log('submit apply', para)
    // api.applyAct(para).then(res => {
    //   console.log(res.data)
    // })
  },

  //简化提示
  showToast (title) {
    wx.showToast({
      title: title,
      icon: "none",
      duration: 2000
    })
  },
  //跳转到我提交的申请列表
  toApplyList () {
    wx.navigateTo({
      url: "/subpages/heart/pages/myApplyList/myApplyList"
    })
  },
})