wxappb2b/GuangZuan/miniprogram/mMine/pages/myperformance/breach/index.ts

import { sendMsgToMQ } from "../../../../services/api/common/index"
import { FunCode } from "../../../../constants/enum/funcode"
import { accountid, getErrorMsg, isEncrypted, protoHeader, userid } from "../../../../services/utils";
import services from "../../../../services/index"
import { hideLoading, showLoading, showToast } from "../../../../utils/message/index";
import { encryptBody } from "../../../../utils/websocket/crypto";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 履约单据信息
    order: <GuangZuan.MyPerformanc>({}),
    /// 备注信息
    remark: '',
    /// 文件上传列表
    fileList: <GuangZuan.UploadRsp[]>[],
  },

  /// 照片上传
  afterRead(e: any) {
    const { file } = e.detail;
    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
    wx.uploadFile({
      url: services.config.uploadUrl,
      filePath: file.url,
      name: 'file',
      formData: { user: 'test' },
      success: (res) => {
        if (res.statusCode != 200) {
          showToast('图片上传失败，原因：'+res.errMsg)
          return
        }
        // 上传完成需要更新 fileList
        const { fileList = [] } = this.data;
        fileList.push({ ...file, url: JSON.parse(res.data) });
        this.setData({ fileList });
      },
    });
  },

  /// 删除图片
  deleteImage(e: any) {
    const {index} = e.detail.index
    // 上传完成需要更新 fileList
    const { fileList = [] } = this.data;
    fileList.splice(index, 1)
    this.setData({ fileList });
  },

  /**
   * 违约申请
   */
  doBreach() {
    /// 校验失败
    if (!this.check()) { return  }
    /// loding.....
    showLoading(()=>{
      /// 参数信息
      const info = JSON.stringify({
        PerformancePlanID: this.data.order.performanceplanid,
        BreachType: this.data.order.buyaccountid === accountid() ? 2 : 1,
        ApplyRemark: this.data.remark,
        Attachment: this.data.fileList[0].url[0].filePath,
        Applicant: userid(),
        Header: protoHeader(FunCode.PerformanceContractedApplyReq)
      })
      /// 发送请求
      sendMsgToMQ({
        data: {
          data: encryptBody(info),
          funCodeReq: FunCode.PerformanceContractedApplyReq,
          funCodeRsp: FunCode.PerformanceContractedApplyRsp,
          isEncrypted: isEncrypted()
        },
        success: (res) => {
          /// 解析对象
          const data = JSON.parse(res.data.data)
          if (data.RetCode != 0) {
            hideLoading(() => {}, getErrorMsg(data.RetCode))
            return
          }
          /// 操作成功
          hideLoading(()=>{
            /// 返回上层视图
            wx.navigateBack()
          }, '操作成功', 'success')
        },
        fail: (emsg) => {
          /// 操作失败
          hideLoading(()=>{}, emsg)
        }
      })
    }, '违约申请请求中.....')
  },

  check(): boolean {
    if (this.data.remark === '') {
      showToast('请输入备注！')
      return false
    }

    if (this.data.fileList.length === 0) {
      showToast('请上传附件！')
      return false
    }
    return true
  },

  /**
   * 返回上层视图
   */
  backToParent() {
    /// 返回上层视图
    wx.navigateBack()
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options: any) {
    const myPerformanc: GuangZuan.MyPerformanc = JSON.parse(options.id ?? '')
    if (myPerformanc) {
      this.setData({
        order: myPerformanc
      })
    }
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})