hunanzeyuprogram/pages/reservationChargestation/add.js

// pages/reservationPipe/add.js
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showModal: false,
    defaultText: '请选择',
    isSubmitting: false,

    isKeyboard: false, //是否显示车牌输入键盘
    inputOnFocusIndex: '', //当前锁定的车号位置
    licensePlate: '', //用于提交
    inputPlates: '', //用于显示

    driverArray:[], //司机
    driverIndex:null,

  },
  //输入框焦点聚焦时隐藏车牌号输入框
  hideKeybord: function () {
    this.setData({
      isKeyboard: false,
      inputOnFocusIndex: ''
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 根据缓存获取司机车牌号
    let getCarNumArr = wx.getStorageSync('nickname')?wx.getStorageSync('nickname').split(''):''
    let inputPlates = {};
    for (let i = 0; i < getCarNumArr.length; i++) {
      inputPlates['index' + i] = getCarNumArr[i]
    }
    // 默认填充司机信息
    this.setData({
      driverId    : wx.getStorageSync('id'),
      driverName  : wx.getStorageSync('name'),
      driverPhone : wx.getStorageSync('phone'),
      inputPlates : inputPlates,
      isNewEnergy : getCarNumArr.length > 7 ? true : false,
      licensePlate: wx.getStorageSync('nickname')
    })
    //获取司机信息
    this.loadUserData()
  },

  //获取车牌号
  licensePlate: function (e) {
    this.setData({
      licensePlate: e.detail.carNum
    })
  },

  //司机
  loadUserData:function(loadUserId){
    app.request.GET({
      url: app.API.roleUser,
      params: {
        roleName : '司机',
      },
      page: this,
      successFun: true
    }).then(res => {
      this.setData({
        driverArray : res.data.data
      })
    })
  },

  //下拉选择
  bindPickerChange: function (e) { 
    let { pickername } = e.target.dataset
    let getIndex = pickername + 'Index'
    app.util.getPickerIndex(this, getIndex, e);
    switch (pickername) {
      case 'driver': //选择司机
        this.setData({
          driverPhone  : this.data.driverArray[this.data.driverIndex].name,
          driverMobile : this.data.driverArray[this.data.driverIndex].phone,
        })
        break;
    }
  },

  // 单选
  dangerStatusChange: function (e) {
    this.setData({
      [e.currentTarget.dataset.radiotype]: e.detail.value
    })
  },
  //多选
  checkboxChange: function (e) {
    this.setData({
      [e.currentTarget.dataset.checkboxtype]: e.detail
    })
  },

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

  //表单提交 carTaskAdd
  formSubmit: function ({detail:{value}}) {
    var warn = ""; //弹框时提示的内容
    let reg = /^1[3-9]\d{9}$/;
    var xreg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
    var creg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
    //value.certificateNoImage = this.data.originalInvoicePhoto
    if (value.licenseNumber == '') {
      warn = "车牌不能为空！";
    } else if (value.licenseNumber.length < 8) {
      warn = "请选择新能源车牌号！";
    } else if (value.licenseNumber.length == 8 && !xreg.test(value.licenseNumber)) {
      warn = "新能源车牌号格式错误！";
    } else if(value.driverName == ''){
      warn = "请输入司机姓名！";
    } else if(value.driverPhone == ''){
      warn = "请输入司机电话！";
    } 

    if (warn != '') {
      app.util.checkForm(warn);
    } else {
      app.request.POST({
        url: app.API.chargestationAdd,
        params: value,
        page: this,
        isLoadingTxt: '提交中...',
        isSubmitting: true,
        successFun: true
      }).then(res => {
        wx.showToast({
          title: '新增成功',
          icon: 'success',
          duration: 2000,
          mask:true,
          complete: function () {
            setTimeout(() => {
              wx.navigateBack()
            }, 1500) //延迟时间  
          }
        })
      })

    }
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

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

  }
})