wechat-pilelog/pages/reservation/reservationEdit.js

let Util = require("../../utils/util");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    chargStationId:'',
    chargPileName:'加载中',
    chargPileId:'',
    chargPileIdId:'',
    userId:'',
    chargStationName:'',
    startparams:{
      placeholder: '请选择时间', 
      startDateTime: '2020-01-01 00:00',
      endDateTime: '2040-01-01 00:00',
      // pText: Util.formatTimePicker(new Date()) //'2022-04-30 00:00'
      pText: '' //'2022-04-30 00:00'

    },
    finishparams:{
      placeholder: '请选择时间', 
      startDateTime: '2020-01-01 00:00',
      endDateTime: '2040-01-01 00:00',
      // pText: Util.formatTimePicker(new Date()) //'2022-04-30 00:00'
      pText: ''
    },
  },
  bindStartparamsChange(e){
    let startparams =  this.data.startparams;
    let endparams =  this.data.finishparams;
    startparams.pText = e.detail
    this.setData({
      startparams:startparams
    })
    let currTime = new Date(e.detail);

    console.info(currTime)
    let curTime3 = new Date(currTime);
    let estime = new Date(curTime3.setMinutes(curTime3.getMinutes() + parseInt(this.data.minReservTime)));
    let curTime4 = new Date(currTime);
    let eetime = new Date(curTime4.setMinutes(curTime4.getMinutes() + parseInt(this.data.maxReservTime)));

    console.info(Util.formatTimePicker(estime))
    console.info(Util.formatTimePicker(eetime))
    console.info(endparams?.pText)
    if(endparams?.pText){
      let currEndTime = new Date(endparams.pText);
      if(currEndTime<=currTime){
        console.info("111111111111111111111111111111111111111111111111111")
        this.setData({
          "finishparams.pText":'',
        });
      }
    }

    this.selectComponent("#start").initData()
    this.setData({
      "finishparams.startDateTime":Util.formatTimePicker(estime),
      "finishparams.endDateTime":Util.formatTimePicker(eetime),
    }
    );

    console.info(this.data.finishparams.startDateTime)
    console.info(this.data.finishparams.endDateTime)
    console.info(this.data.finishparams.pText)
  },

  bindFinishparamsChange(e){
    let startparams =  this.data.startparams;
    let finishparams =  this.data.finishparams;
    finishparams.pText = e.detail
    this.setData({
      finishparams:finishparams
    })
    console.info("finishparams " + finishparams.pText)
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
      let {
        chargStationId,
        chargPileName,
        chargPileId,
        chargPileIdId,
        userId,
        chargStationName,
        earliestReservTime,
        advanceReservDays,
        minReservTime,
        maxReservTime,
        maxEarlyExerciseTime,
        maxReservOvertime
      } = options;
  
      console.info(options);
      let curTime = new Date();
      let sstime = new Date(curTime.setMinutes(curTime.getMinutes() + parseInt(earliestReservTime)));
      let curTime2 = new Date();
      let setime = new Date(curTime2.setMinutes(curTime2.getMinutes() + (parseInt(advanceReservDays)) * 60 * 24));
      setime.setHours(23, 59, 0)
     
      let curTime3 = new Date(sstime);
      let estime = new Date(curTime3.setMinutes(curTime3.getMinutes() + parseInt(minReservTime)));
      let curTime4 = new Date(setime);
      let eetime = new Date(curTime4.setMinutes(curTime4.getMinutes() + parseInt(maxReservTime)));
      this.setData({
          chargStationId,
          chargPileName,
          chargPileId,
          chargPileIdId,
          userId,
          chargStationName,
          earliestReservTime,
          advanceReservDays,
          minReservTime,
          maxReservTime,
          maxEarlyExerciseTime,
          maxReservOvertime,
          "startparams.startDateTime":Util.formatTimePicker(sstime),
          // "startparams.pText":Util.formatTimePicker(sstime),
          "startparams.endDateTime":Util.formatTimePicker(setime),
          "finishparams.startDateTime":Util.formatTimePicker(estime),
          // "finishparams.pText":Util.formatTimePicker(estime),
          "finishparams.endDateTime":Util.formatTimePicker(eetime),
        }
      );

  },
  SubmitBtn(){
    // 预约充电站ID   * 预约充电桩ID  * 预约用户ID   * 预约充电开始时间  * 预约充电结束时间
    let reservChargeStartTime = this.data.startparams.pText
    let reservChargeEndTime = this.data.finishparams.pText
    let reservPileId = this.data.chargPileIdId;
    let reservStationId = this.data.chargStationId;
    let sysUserId = this.data.userId;


    if(!reservChargeStartTime){
      wx.showModal({
        title: '提示',
        content: '请先选择预约开始充电时间',
        showCancel:false,
        confirmColor:'#00AADD',
      });
      return;
    }
    reservChargeStartTime = reservChargeStartTime + ':00'
    if(!reservChargeEndTime){
      wx.showModal({
        title: '提示',
        content: '请先选择预约结束充电时间',
        showCancel:false,
        confirmColor:'#00AADD',
      });
      return;
    }
    reservChargeEndTime = reservChargeEndTime + ':00'
    wx.requestSubscribeMessage({
      tmplIds: ['DA80dlHRpvYMfZVICp-SVPPKuZOKtUd8PT0Rl7PZzuI'],
      success (res) { 
        wx.request({
          // url: getApp().globalData.postHeadAgreement +'/restapi/wechat/reserv2?reservChargeStartTime=' + reservChargeStartTime +
          // '&reservChargeEndTime=' + reservChargeEndTime + 
          // '&reservPile.id=' + reservPileId + 
          // '&reservStation.id=' + reservStationId + 
          // '&sysUser.id=' + sysUserId,
          url: getApp().globalData.postHeadAgreement +'/restapi/wechat/reserv',
          data: {
            reservChargeStartTime:reservChargeStartTime,
            reservChargeEndTime:reservChargeEndTime,
            reservPile:{
              id:reservPileId
            },
            reservStation:{
              id:reservStationId
            },
            sysUser:{
              userId:sysUserId
            },
          },
          method: 'POST',
          success(res) {
            console.info(res)
            if(res?.data?.msg=="操作成功"){
              wx.showModal({
                title: '提示',
                content: '预约成功',
                showCancel:false,
                confirmColor:'#00AADD',
                complete: (res) => {
                  if (res.cancel) {
                    
                  }
              
                  if (res.confirm) {
                    wx.navigateBack()
                  }
                }
              });
            }else{
              wx.showModal({
                title: '提示',
                content: '预约失败',
                showCancel:false,
                confirmColor:'#00AADD',
              });
            }
          }
        });
      }
    })

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})