mini-program/pages/sample/detail.js

import * as requestAPI from '../../models/dataModel'
Page({
  data: {
    sampleDetail: {},
    mark: '',
    tempMark: '',
    sdpId: '',
    imageList: [],
    showAllPic: false,
    allImgList: []
  },

  onLoad: function (options) {
    this.setData({
      sdpId: options.sdpId
    })
    this.getDetail(options.sdpId)
    this.getQaLog(options.sdpId)
  },

  // 获取样品单详情
  getDetail(sdpId) {
    requestAPI.getSampleDetail(sdpId).then(res => {
      this.setData({
        sampleDetail: res.data.data
      })
    })
  },

  // 获取qa日志
  getQaLog(sdpId) {
    requestAPI.getSampleQaLog(sdpId).then(res => {
      let allImgList = [] // 全部图片
      let lessImgList = [] // 部分图片
      if (res.data.data.length !== 0) {
        this.setData({
          mark: res.data.data[0].mark
        })
        allImgList = res.data.data[0].picture.split(',')
        for(let i = 0;i<res.data.data[0].picture.split(',').length&&i<2;i++) {
          lessImgList.push(res.data.data[0].picture.split(',')[i])
        }
        this.setData({
          allImgList: allImgList
        })
        this.setData({
          imageList: this.data.showAllPic?allImgList:lessImgList
        })
      }
    })
  },

  getAllImg() {
    this.setData({
      showAllPic: true
    })
    this.getQaLog(this.data.sdpId)
  },

  getTempMark(e) {
    this.setData({
      tempMark: e.detail.value
    })
  },

  // 保存或添加qa日志
  saveQaLog(e) {
    this.setData({
      mark: e.detail.value
    })
    if (this.data.mark !== this.data.tempMark) {
      if (this.data.tempMark) {
        requestAPI.changeSampleQaLog(this.data.sdpId, this.data.mark).then(res => {
          if (res.data.code === 0) {
            wx.showToast({
              title: '保存成功',
              icon: 'success',
              duration: 3000
            })
            setTimeout(() => {
              this.getQaLog(this.data.sdpId)
            }, 500)
          }
        })
      } else {
        requestAPI.addSampleQaLog(this.data.sdpId, this.data.mark).then(res => {
          if (res.data.code === 0) {
            wx.showToast({
              title: '保存成功',
              icon: 'success',
              duration: 3000
            })
            setTimeout(() => {
              this.getQaLog(this.data.sdpId)
            }, 500)
          }
        })
      }
    }
  },

  // 拍照
  takePhoto() {
    this.getPhotos(1, 'camera')
  },
  choosePhoto() {
    this.getPhotos(9, 'albumn')
  },
  getPhotos(count, type) {
    let _this = this
    wx.chooseImage({
      count: count,
      sizeType: ['original', 'compressed'],
      sourceType: [type],
      success(res) {
        for (let i of res.tempFilePaths) {
          wx.uploadFile({
            url: `http://192.168.20.52:9999/inventory/sample/qalog/upload/picture?sdpId=${_this.data.sdpId}`, //此处换上你的接口地址 
            filePath: i,
            name: 'file',
            header: {
              "Content-Type": "multipart/form-data",
              'Authorization': `Bearer ${wx.getStorageSync('token')}`,
            },
            success: function (res) {
              wx.showToast({
                title: '上传成功',
                icon: 'success',
                duration: 2000
                })
              _this.getQaLog(_this.data.sdpId)
            }
          })
        }
      }
    })
  },
  // 删除qa图片
  delImg: function (event) {
    requestAPI.delSamplePic(this.data.sdpId,event.currentTarget.dataset.url).then(res=>{
      this.getQaLog(this.data.sdpId)
    })
  },
  openPreview: function (event) {
    wx.previewImage({
      urls: this.data.imageList,
      current: event.currentTarget.dataset.current
    })
  }
})