hunanzeyuprogram/pages/ship/edit.js

// pages/car/edit.js
const app = getApp()
Page({

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

    shipTypeArray: [], //船型
    shipTypeIndex: null,

    shipArray:[], //船主
    shipIndex:null,

    certificatePathList:[], //船舶证书
    contractPathList:[],  //安全环保合同

    statusFlag:'true', //是否启用状态    1：启用   2：关闭
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    if (wx.getStorageSync('loginStatus')) {
      //船型
      let treeData = app.globalData.treeArr
      for (const element of treeData) {
        let arrStr;
        switch (element.dictValue) {
          case 'ship_type':
            arrStr = "shipTypeArray";
            break;
        }
        this.setData({
          [arrStr]: element.children
        })
      }
      //获取详情
      var pages = getCurrentPages();
      var prevPage = pages[pages.length - 2];
      let getInfo = prevPage.data.resData[options.index]

      //船舶证书 certificatePathList
      let certificatePathList = []
      if(getInfo.shipCertificatePath){
        let unloadImgArr = getInfo.shipCertificatePath.split(',')
        unloadImgArr.forEach(element => {
          certificatePathList.push({
            url     : app.host.BASEIMG_URL+element,
            imgUrl  : element,
            isImage : true
          })
        });
      }

      //安全环保合同 contractPathList
      let contractPathList = []
      if(getInfo.contractPath){
        let unloadImgArr = getInfo.contractPath.split(',')
        unloadImgArr.forEach(element => {
          contractPathList.push({
            url     : app.host.BASEIMG_URL+element,
            imgUrl  : element,
            isImage : true
          })
        });
      }

      this.setData({
        info                : getInfo,
        shipId              : getInfo.shipId ? getInfo.shipId : wx.getStorageSync('id'),
        shipType            : getInfo.shipType,
        certificatePathList : certificatePathList,
        contractPathList    : contractPathList
      })
      //获取船主下拉列表
      this.loadUserData()

    } else {
      wx.switchTab({
        url: '/pages/center/index',
      })
    }
  },

  //船主
  loadUserData:function(){
    app.request.GET({
      url: app.API.roleUser,
      params: {
        roleName : '船主',
      },
      page: this,
      successFun: true
    }).then(res => {
      this.setData({
        shipArray : res.data.data,
        shipIndex : app.util.getDicIndex(res.data.data, this.data.shipId, 'id')
      })
      if(this.data.shipId){
        this.setData({
          shipMobile : this.data.shipArray[this.data.shipIndex].phone,
        })
      }
    })
  },

  //下拉选择
  bindPickerChange: function (e) { 
    let { pickername } = e.target.dataset
    let getIndex = pickername + 'Index'
    app.util.getPickerIndex(this, getIndex, e);
    switch (pickername) {
      case 'ship': //选择船主
        this.setData({
          shipMobile : this.data.shipArray[this.data.shipIndex].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
    })
  },

  //图片上传
  afterRead:function(event){
    const { file } = event.detail;
    const { type } = event.currentTarget.dataset
    app.request.uploadDIY({
      url: app.API.uploadImgMap,
      page: this,
      filePaths:file.url,
      setfiled:'file',
      params: {},
      //isToken: false,
      isLoading: false,
      successFun: true
    }).then(res => {
        const imgArray = this.data[type];
        imgArray.push({
          ...file,
          url: app.host.BASEIMG_URL + JSON.parse(res.data).data.imageFile,
          imgUrl: JSON.parse(res.data).data.imageFile
        });
        this.setData({
          [type]: imgArray
        });
    })
  },

  // 删除图片
  deleteImg: function (event) {
    const { type } = event.currentTarget.dataset
    let getFileList = this.data[type];
    getFileList.splice(event.detail.index, 1)
    this.setData({
      [type]: getFileList
    })
  },

  //开关
  onChange(e) {
    let { switchType } = e.currentTarget.dataset
    let number = 0
    if(e.detail=='1'){
      if(this.data.blackSwitch=='1'){
        number = number+1
      }
      if(this.data.whiteSwitch=='1'){
        number = number+1
      }
      if(this.data.internal=='1'){
        number = number+1
      }
      if(number<1){
        // 需要手动对 checked 状态进行更新
        this.setData({ 
          [switchType]: e.detail 
        });
      }else{
        app.util.checkForm('黑白名单及内部车辆最多只能开启一项');
      }
    }else{
      this.setData({ 
        [switchType]: e.detail 
      });
    }
  
  },

  //提交事件
  formSubmit: function ({detail:{value}}) {
    var warn = ""; //弹框时提示的内容
    /** 船舶证书 certificatePathList  （必传）  图片处理 START **/
    let getcertificatePathList = this.data.certificatePathList
    if(getcertificatePathList.length < 1){
      warn = "请上传船舶证书图片！";
    }
    let certificateNameList = []
    let certificatePathList = []
    getcertificatePathList.forEach((element,index) => {
      certificateNameList.push('图片'+(index+1)+'.'+element.imgUrl.split('.')[1])
      certificatePathList.push(element.imgUrl)
    });
    value.certificateNameList = certificateNameList
    value.certificatePathList = certificatePathList
    /** 图片处理 END **/

    /** 安全环保合同 contractPathList  （非必传）  图片处理 START **/
    let getcontractPathList = this.data.contractPathList
    if(getcontractPathList.length < 1){
      // warn = "请上传安全环保合同！";
    }else{
      // 上传了安保合同才处理
      let contractNameList = []
      let contractPathList = []
      getcontractPathList.forEach((element,index) => {
        contractNameList.push('图片'+(index+1)+'.'+element.imgUrl.split('.')[1])
        contractPathList.push(element.imgUrl)
      });
      value.contractNameList = contractNameList
      value.contractPathList = contractPathList
    }
    /** 图片处理 END **/

    if (value.shipNumber == '') {
      warn = "请输入船舶号";
    } else if (value.shipType == '') {
      warn = "请输入船型";
    } else if (value.shipId == '') {
      warn = "请选择船主";
    } else if (value.statusFlag == '') {
      warn = "请选择是否启用";
    } 
    value.status = value.statusFlag=='true'?'1':'2'

    if (warn != '') {
      app.util.checkForm(warn);
    } else {
      app.request.POST({
        url: app.API.shipEdit,
        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) //延迟时间  
          }
        })
      })
    }
  }

})