wxappb2b/GuangZuan/miniprogram/mHome/pages/bond/detail/index.ts

import Toast from "../../../../miniprogram_npm/@vant/weapp/toast/toast"
import { queryGZBSFWOrderDetail } from "../../../../services/api/trade/index"
import { userid } from "../../../../services/utils"
import { isnullstr } from "../../../../utils/util"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 列头
    titles: [['净重（ct）| 净重（g）| 毛重（g）| 总量（USD）| 单价（USD/ct）'], 
             ['内容 | 备注 | 彩钻颜色']],
    /// 是否空数据
    isEmpty: true,
    /// 数据
    details: <GuangZuan.GZBSFWOrderDetail[]>[],
    /// 显示的值
    values: [{ up: [''], dwn: [''] }]
  },

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

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 查询保税服务单据
    this.queryGZBSFWOrderDetail()
  },

  /// 查询保税服务单据明细
  queryGZBSFWOrderDetail () {
    /// loding.....
    Toast.loading({message: '加载中...'})
    /// 发送查询请求
    queryGZBSFWOrderDetail({
      data: {
        /// 模糊搜索
        userid: userid()
      }, 
      /// 加载成功
      success: (res) => {
        if (res.code != 200) {
          /// 加载失败
          Toast.success({ message: '加载失败...'});
          return
        }
        /// 数据赋值
        this.setData({ 
          bonds: res.data,
          /// 显示的值
          values: res.data.map(obj => {
            return {up: [obj.netweigthct.toString()+' | '+ 
                         obj.netweigthgm.toString()+' | '+
                         obj.grossweightgm.toString()+' | '+'--'+' | '+
                         obj.perprice.toString()], 
                    dwn: [isnullstr(obj.ordercontent)+' | '+ isnullstr(obj.remark)+' | '+ obj.colorinfo]}
          })
        })
      },
      fail: (emsg) => {
        /// 加载失败
        Toast.fail({ message: '加载失败...'+emsg});
      },
      complete: () => {
        /// 数据赋值
        this.setData({  isEmpty: this.data.values.length == 0 })
        /// 停止下拉刷新
        wx.stopPullDownRefresh()
      }
    })
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    /// 查询保税服务单据
    this.queryGZBSFWOrderDetail()
  },

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

  },

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

  }
})