court-mobile/pages/maintain/index.js

// pages/login/login.js
import WxValidate from '../../utils/wxValidate'
const app = getApp()
var type = "";//用来保存picker组件选中的类别id
Page({
  /**
   * 页面的初始数据
   */
  data: {
    frameStyle: { useTop: true, name: '比赛修改', leftArrow: true, useBar: false },
    // 主体高度
    infoHeight: '',
    ids: '',
    form: {},
    cateArray: [
      { id: '0', type: '未开始' }, { id: '1', type: '报名中' }, { id: '2', type: '待比赛' }, { id: '3', type: '进行中' }, { id: '4', type: '已结束' }],
    cateIndex: 0,
  },
  //当用户点击确定时，执行的事件
  bindCatePickerChange: function (e) {
    var cid = this.data.cateArray[e.detail.value].id;
    type = cid
    //下面重新赋值必须有，页面显示的信息才会改为刚刚选中的值
    this.setData({
      cateIndex: e.detail.value,
    })
  },
  //提交
  formSubmit: function (e) {
    const value = e.detail.value;
    var form = this.data.form
    var id = this.ids;
    var name = value.name;
    var match_time = value.match_time;
    var single_time = value.single_time;
    var address = value.address;
    var format = form.format;
    // var match_team = this.form.match_team;
    const params = {
      "id": id,
      "name": name,
      "match_time": match_time,
      "single_time": single_time,
      "address": address,
      "format": format,
      "match_team": [],
      "status": type
    };
    if (!this.WxValidate.checkForm(params)) {
      const error = this.WxValidate.errorList[0];
      wx.showToast({ title: `${error.msg}`, icon: 'error', duration: 2000 })
      return false
    } else {
      wx.getStorage({
        key: 'token',
        success: function (res) {
          wx.request({
            url: `${app.globalData.publicUrl}/courtAdmin/api/match/${id}`, //接口地址
            method: 'post',
            data: params,
            success(res) {
              console.log(res.data);
              if (res.data.errcode == 0) {
                wx.showToast({ title: `修改比赛成功`, icon: 'success', duration: 2000 }) //创建成功提示
                // wx.navigateTo({ url: '/pages/administration/index' })// 跳转页面
              } else {
                wx.showToast({
                  title: res.data.errmsg,
                  icon: 'none',
                  duration: 2000
                })
              }
            }
          })
        }
      })
    }
  },
  back: function () {
    wx.navigateBack({ url: '/pages/home/index' })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.ids = options.id;
    //选择器
    var cindex = this.data.cateIndex
    type = this.data.cateArray[cindex].id
    // 监听用户是否登录
    this.watchLogin();
    //验证规则函数
    this.initValidate()
    // 计算高度
    this.searchHeight()
  },
  //验证是否输入
  initValidate() {
    const rules = { name: { required: true }, match_time: { required: true, }, single_time: { required: true }, address: { required: true, }, format: { required: true } }
    // 验证字段的提示信息，若不传则调用默认的信息
    const messages = { name: { required: '请输入比赛名称', }, match_time: { required: '请输入时间', }, single_time: { required: '请输入单场时间', }, address: { required: '请输入地点', }, format: { required: '请选择赛制', } };
    this.WxValidate = new WxValidate(rules, messages)
  },
  // 监听用户是否登录
  watchLogin: function () {
    wx.getStorage({
      key: 'token',
      success: res => {
        var that = this;
        var id = that.ids;
        wx.request({
          url: `${app.globalData.publicUrl}/courtAdmin/api/match/${id}`, //接口地址
          method: 'get',
          // data: {},
          success(res) {
            console.log('res', res.data);
            if (res.data.errcode == 0) {
              let datas = res.data.data
              that.setData({
                form: datas,
              });
            } else {
              wx.showToast({
                title: res.data.errmsg,
                icon: 'none',
                duration: 2000
              })
            }
          }
        })
      },
      fail: res => {
        return wx.redirectTo({ url: '/pages/login/index', })
      }
    })
  },
  // 计算高度
  searchHeight: function () {
    let frameStyle = this.data.frameStyle;
    let client = app.globalData.client;
    // 减去状态栏
    let infoHeight = client.windowHeight - (client.statusBarHeight + client.getMenu.height + (client.getMenu.top - client.statusBarHeight) * 2);
    // 是否减去底部菜单
    if (frameStyle.useBar) infoHeight = infoHeight - 50;
    if (infoHeight) this.setData({ infoHeight: infoHeight })
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})