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

import { queryGZBSFWOrderDetail } from "../../../../services/api/trade/index"
import { userid } from "../../../../services/utils"
import { hideLoading, showLoading } from "../../../../utils/message/index"
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.....
    showLoading(() => {
      /// 发送查询请求
      queryGZBSFWOrderDetail({
        data: {
          /// 模糊搜索
          userid: userid()
        }, 
        /// 加载成功
        success: (res) => {
          if (res.code != 200) {
            /// 加载失败
            hideLoading(() => {}, '加载失败...', 'error')
            return
          }
          hideLoading(() => {
            /// 数据赋值
            this.setData({ 
              bonds: res.data,
              isEmpty: res.data.length === 0,
              /// 显示的值
              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) => {
          /// hideLoading
          hideLoading(() => {}, '加载失败，原因：'+emsg)
        },
        complete: () => {
          /// 停止下拉刷新
          wx.stopPullDownRefresh()
        }
      })
    })
    
  },

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

  },

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

  },

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

  },

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

  },

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

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

  },

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

  }
})