Mina_B/pages/detail/detail.js

// pages/detail/detail.js
const app = getApp();
// 未填写提示字段及信息
const errorMessage = {
  info_name: '请填写姓名',
  idcardNumber: '请填写身份证号码',
}
// 未填写key值
const errorKey = {
  info_name: 'name_error',
  idcardNumber: 'id_error',
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cover: true, // 蒙层
    hasInfo: false, //是否拥有个人信息
    info_name: '',
    idcardNumber: '',
    bright_points: '', // 亮点
    message: { //订单状态映射
      '0': '确认订单',
      '1': '订单关闭',
      '2': '已确认',
      '3': '订单中止',
      '4': '订单完成'
    },
    status: 0, //按钮状态 1 需求 2 已报名 3 订单
    show: true, // 是否展示
    name_error: false, // 姓名错误信息
    id_error: false, //  身份证错误信息
    // btn_message: ''
  },
  /**
   * 需求报名
   * @requirement_id {string} 需求ID
   * @bright_points {string}  亮点
   * @enroll_from  {number} 报名来源（0:小程序  1:APP  2:后台）
   */
  apply() {
    if (!this.data.hasInfo) {
      for (const key in errorMessage) {
        if (this.data.hasOwnProperty(key) && !this.data[key]) {
          wx.showToast({
            icon: 'none',
            title: errorMessage[key],
            success: _ => {
              this.setData({
                [errorKey[key]]: errorMessage[key]
              })
            }
          })
          return
        }
      }
      if (this.data.idcardNumber.length !== 15 && this.data.idcardNumber.length !== 18) {
        wx.showToast({
          icon: 'none',
          title: '身份证号码格式错误',
          success: res => {
            this.setData({
              id_error: '身份证号码格式错误'
            })
          }
        })
      }
    }
    // 报名需求
    wx.kx_request({
      url: wx.kx_api.hwRequirement.enrollmentRequire,
      model: true,
      type: 'post',
      data: {
        requirement_id: this.data.id,
        name: this.data.info_name,
        idcardNumber: this.data.idcardNumber,
        bright_points: this.data.bright_points,
        enroll_from: 0
      },
      success: res => {
        wx.showToast({
          title: '报名成功',
          success: res => {
            this.setData({
              cover: true,
            }, _ => {
              wx.navigateBack({
                delta: 1,
              })
            })
          }
        })
      },
      fail: res => {
        if (res.errcode) {
          wx.showModal({
            title: '报名失败',
            content: res.errmsg,
            showCancel: false,
            confirmColor: '#31364C'
          })
        }
      }
    })
  },

  /**
   * 亮点输入
   * @idcardNumber {string} 身份证
   */
  saveIdCardNumber(e) {
    const idcardNumber = e.detail.value
    if (idcardNumber) {
      if (idcardNumber.length !== 15 && idcardNumber.length !== 18) {
        this.setData({
          id_error: '身份证号码格式错误'
        })
      } else {
        this.setData({
          idcardNumber,
          id_error: false
        })
      }
    } else {
      this.setData({
        id_error: '请填写身份证号码'
      })
    }
  },
  /**
   * 亮点输入
   * @name {string} 姓名
   */
  saveName(e) {
    const info_name = e.detail.value
    if (info_name) {
      this.setData({
        info_name,
        name_error: false
      })
    } else {
      this.setData({
        name_error: '请填写姓名'
      })
    }
  },
  /**
   * 亮点输入
   * @bright_points {string} 亮点
   */
  input(e) {
    this.setData({
      bright_points: e.detail.value
    })
  },
  /**
   * 打开地图
   */
  openMap(e) {
    const name = e.currentTarget.dataset.name;
    const address = e.currentTarget.dataset.address;
    // wx.openLocation({
    //   latitude: 31.544325,
    //   longitude: 120.356595,
    //   name,
    //   address
    // })
  },
  /**
   * 查看合同
   * @filePath {string} 合同地址
   */
  buttonCheck() {
    // 获取线上合同  如果存在打开合同   不存在进行提示（暂无）
    const workContract = this.data.hwOrderAPI.workContract;
    if (workContract) {
      wx.showLoading({
        mask: true,
        title: '正在打开文件...',
      })
      wx.downloadFile({
        url: this.data.hwOrderAPI.workContract,
        success: (res) => {
          wx.openDocument({
            filePath: res.tempFilePath,
            success: res => {
              wx.hideLoading()
            },
            fail() {
              wx.showToast({
                icon: 'none',
                title: '打开失败',
              })
            }
          })
        }
      })
    } else {
      // wx.showToast({
      //   icon:'none',
      //   title: '',
      // })
    }
  },
  /**
   * 确认订单
   * @orderId {string} 订单ID
   * 前台报名需求后  后台生成订单   需前台手动确定订单 根据订单合同不同调用不同接口
   */
  buttonSubmit() {
    const contractType = this.data.hwOrderAPI.contractType;
    // 电子合同确认订单
    if (contractType === 2) {
      wx.kx_request({
        url: wx.kx_api.hwOrder.confirmECOrders,
        type: 'post',
        data: {
          orderId: this.data.hwOrderAPI.id
        },
        success: res => {
          if (res.errcode === 0) {
            // 跳转webview页面
            wx.reLaunch({
              url: `/pages/web-view/web-view?url=${encodeURIComponent(res.data.url)}`,
              success: res => {
                // 缓存当前页面地址   方便跳回
                app.globalData.webview = `/pages/my-order/my-order`;
                // wx.setStorageSync('web_view', `/pages/my-order/my-order`)
                // wx.setStorageSync('web_view', `/${this.route}?id=${this.data.hwOrderAPI.id}&&status=${this.data.status}`)
              }
            })
          }
        }
      })
    }
    // 非电子合同
    if (contractType === 1 || contractType === 0) {
      wx.kx_request({
        url: wx.kx_api.hwOrder.confirmOrder,
        type: 'post',
        data: {
          orderId: this.data.hwOrderAPI.id
        },
        success: res => {
          if (res.errcode === 0) {
            wx.showToast({
              title: '订单已确认',
              success: res => {
                // 确认成功后 更改按钮状态
                const hwOrderAPI = this.data.hwOrderAPI;
                hwOrderAPI.status = 2;
                this.setData({
                  hwOrderAPI
                })
              }
            })
          }
        }
      })
    }
  },
  // 显示报名填写的订单输入框
  async showCover() {
    const userinfo = await app.utils.getHwUserInfo(this)
    if (userinfo.idcardNumber && userinfo.name) {
      this.setData({
        cover: false,
        hasInfo: true
      })
    } else {
      this.setData({
        cover: false,
        hasInfo: false
      })
    }

  },
  /**
   * 控制cover层的显示与隐藏
   */
  cover() {
    const cover = !this.data.cover;
    this.setData({
      cover
    })
  },
  /**
    * 取消报名
    * @enroll_id {string} 报名id
    */
  cancelEnrollment() {
    const id = this.data.enrollId
    wx.kx_request({
      url: wx.kx_api.hwRequirement.cancelEnrollment,
      type: 'post',
      data: {
        enroll_id: id
      },
      success: res => {
        wx.showToast({
          icon: 'none',
          title: '取消成功',
          success: res => {
            setTimeout(() => {
              wx.navigateBack({
                delta: 1
              })
            }, 1200)
          }
        })
      }
    })
  },
  /**
   * 
   */
  buttonRight() {

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

  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    const options = this.data.options
    if (options.id && options.status) {
      //  如果 状态为3  请求订单详情 ID为订单id
      if (options.status === '2') {
        wx.kx_request({
          url: wx.kx_api.hwOrder.getOrderDetail,
          data: {
            orderId: options.id
          },
          success: res => {
            if (res.errcode === 0) {
              this.setData({
                ...res.data.hwRequirementAPI,
                hwOrderAPI: res.data.hwOrderAPI,
                // btn_message: res.data.hwOrderAPI.status === 2 && res.data.hwOrderAPI.serviceStage ? `第${res.data.hwOrderAPI.serviceStage}期服务中` : this.data.message[res.data.hwOrderAPI.status]
              })
            }
          }
        })
      }

      // 如果状态为1 请求需求详情 ID为需求id
      if (options.status === '1') {
        wx.kx_request({
          url: wx.kx_api.hwRequirement.getRequirementDetail,
          data: {
            user_id: wx.getStorageSync('userid'),
            user_token: wx.getStorageSync('usertoken'),
            hwRequirementId: options.id
          },
          success: res => {
            if (res.errcode === 0) {
              this.setData({
                ...res.data.hwRequirementAPI,
                displayCancel: res.data.displayCancel || null,
                needEnrollment: res.data.needEnrollment || null,
                enrollId: res.data.enrollId || null
              })
            }
          }
        })
      }
    }
    // 保存状态
    if (options.status) {
      this.setData({
        status: Number(options.status),
        show: false
      })
    }
    this.setData({
      user_id: wx.getStorageSync('userid'),
    })
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    return {
      title: this.data.name,
      path: `/pages/detail/detail?id=${this.data.id}&&status=${this.data.status}`
    }
  }
})