CargoOwner_WxApp/miniprogram/pages/voyages/detail/detail.js

// pages/voyages/detail/detail.js
import {
  postApi
} from "../../../apis/api"
Page({
  data: {
    id: '',
    tab: 1,
    shipDischargeCurrentPage: 1,
    truckLoadCurrentPage: 1,
    coordinates: [],
    medias: [],
    policys: [],
    voyage: [],
    waybills: [],
    infoType: 'ship',
    shipDischargeList: [],
    truckLoadList: [],
    shipDischargeTotal: 0,
    truckLoadTotal: 0,
    polyline: [{
      points: [],
      width: 2,
      dottedLine: true,
      color: "#eb2f06"
    }],
    markers: [{
      id: 999,
      latitude: '',
      longitude: '',
      iconPath: "https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/web-static/ship-red-icon.png",
      height: 20,
      width: 20
    }],
    pageSize: 20,
    latitude: 31.891992,
    longitude: 120.551369,
  },
  changeTab(e) {
    let {
      tab
    } = e.currentTarget.dataset
    this.setData({
      tab
    })
  },

  async getVoyageDetail() {
    let res = await postApi("/voyage/detail", {
      voyageId: this.data.id,
    })

    let {
      coordinates,
      medias,
      policys,
      voyage,
      waybills
    } = res.data.result
    if (coordinates.length) {
      let points = []
      for (let i of coordinates) {
        points.push({
          latitude: i.latitude,
          longitude: i.longitude
        })
      }
      let {
        latitude,
        longitude
      } = points[points.length - 1]
      this.data.latitude = latitude
      this.data.longitude = longitude
      this.data.markers[0].latitude = latitude
      this.data.markers[0].longitude = longitude
      this.data.polyline[0].points = points

      this.setData({
        polyline: this.data.polyline,
        markers: this.data.markers,
        latitude: this.data.latitude,
        longitude: this.data.longitude,
      })

    }

    this.setData({
      coordinates,
      medias,
      policys,
      voyage,
      waybills,
    })
  },

  async getCarLoadRecordList(isScroll) {
    if (this.data.truckLoadTotal != 0 && this.data.truckLoadTotal < this.data.pageSize * this.data.truckLoadCurrentPage) return
    if (isScroll) {
      this.data.truckLoadCurrentPage += 1
    } else {
      this.data.truckLoadCurrentPage = 1
    }
    let res = await postApi("/voyage/getCarLoadRecordList", {
      voyageId: this.data.id,
      size: this.data.pageSize,
      currentPage: this.data.truckLoadCurrentPage
    })
    this.setData({
      truckLoadCurrentPage: this.data.truckLoadCurrentPage,
    })

    if (0 == res.data.status) {
      if (isScroll) {
        let truckLoadList = [...this.data.truckLoadList, ...res.data.result]
        for (let i of truckLoadList) {
          i.weighTime = this.cutTimeString(i.weighTime)
        }
        this.setData({
          truckLoadList,
          truckLoadTotal: res.data.total
        })
      } else {
        let truckLoadList = res.data.result

        for (let i of truckLoadList) {
          i.weighTime = this.cutTimeString(i.weighTime)
        }
        this.setData({
          truckLoadList,
          truckLoadTotal: res.data.total
        })
      }
    } else {
      wx.showToast({
        icon: 'none',
        title: res.data.msg,
      })
    }
  },

  async getDischargeList(isScroll) {
    if (isScroll) {
      this.data.shipDischargeCurrentPage += 1
    } else {
      this.data.shipDischargeCurrentPage = 1
    }
    let res = await postApi("/voyage/getDischargeList", {
      voyageId: this.data.id,
      size: this.data.pageSize,
      currentPage: this.data.shipDischargeCurrentPage
    })
    this.setData({
      shipDischargeCurrentPage: this.data.shipDischargeCurrentPage,
    })
    if (0 == res.data.status) {
      if (isScroll) {
        let shipDischargeList = [...this.data.shipDischargeList, ...res.data.result]
        for (let i of shipDischargeList) {
          i.dischargeTime = this.cutTimeString(i.dischargeTime)
        }
        this.setData({
          shipDischargeList,
          shipDischargeTotal: res.data.total
        })
      } else {
        let shipDischargeList = res.data.result
        for (let i of shipDischargeList) {
          i.dischargeTime = this.cutTimeString(i.dischargeTime)
        }
        this.setData({
          shipDischargeList,
          shipDischargeTotal: res.data.total
        })
      }
    } else {
      wx.showToast({
        icon: "none",
        title: res.data.msg,
      })
    }

  },

  previewImage(e) {
    let {
      src
    } = e.currentTarget.dataset
    wx.previewImage({
      current: src, // 当前显示图片的http链接
      urls: [src] // 需要预览的图片http链接列表
    })
  },

  changeInfoType(e) {
    let {
      type
    } = e.currentTarget.dataset
    this.setData({
      infoType: type,
      truckLoadCurrentPage: 1,
      shipDischargeCurrentPage: 1,
      shipDischargeList: [],
      truckLoadList: [],
      shipDischargeTotal: 0,
      truckLoadTotal: 0,
    })
    if (type == "ship") {
      this.getDischargeList()
    } else {
      this.getCarLoadRecordList()
    }
  },

  cutTimeString(str) {
    let index = str.indexOf(' ')
    return index == -1 ? str : str.substring(0, index)
  },

  changeBottomPage() {
    if (this.data.infoType == "ship") {
      this.getDischargeList(true)
    } else {
      this.getCarLoadRecordList(true)
    }
  },

  scrollShip() {
    if (this.data.shipDischargeTotal == 0 || this.data.shipDischargeTotal <= this.data.pageSize * this.data.shipDischargeCurrentPage) return
    this.getDischargeList(true)
  },
  scrollTruck() {
    if (this.data.truckLoadTotal == 0 || this.data.truckLoadTotal <= this.data.pageSize * this.data.truckLoadCurrentPage) return
    this.getCarLoadRecordList(true)
  },


  onLoad(options) {
    let {
      id
    } = options
    wx.setStorageSync('voyageDetailId', id)
    this.setData({
      id
    })
    this.getVoyageDetail()
    this.getCarLoadRecordList()
    this.getDischargeList()
  },
})