wxappb2b/GuangZuan/miniprogram/mMine/pages/myorders/his/his.ts

import Toast from "../../../../miniprogram_npm/@vant/weapp/toast/toast"
import { queryMyDeListing } from "../../../../services/api/orders/index"
import { userid } from "../../../../services/utils"
import { formatDate, isnullstr } from "../../../../utils/util"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    titles: [['重量', '形状', '款式', '尺寸', '编号'], ['颜色 | 净度 | 切工 | 对称 | 抛光 | 荧光 | 证书', '价格']],
    /// 是否空数据
    isEmpty: false,
    /// 我的摘牌
    datas: <GuangZuan.MyDeListing[]>[],
    /// 显示的值
    values: [{ up: [''], dwn: [''] }],
    /// 页签
    page: 1,
    /// 是否显示日期
    show: false,
    /// 买卖方向
    buyOrSell: 0,
    /// 开始日期
    startdate: formatDate(new Date()),
    /// 结束日期
    enddate: formatDate(new Date()),
    /// 最小日期
    minDate: new Date(2010, 10, 1).getTime(),
    /// 是否开始日期
    isstart: true
  },

  /**
   * 按钮点击响应事件
   */
  onButtonPressed(e: any) {
    switch (e.target.id) {
      case 'startdate':  /// 开始日期
        this.setData({ 
          show: true ,
          isstart: true
        })
        break;
      case 'enddate':   /// 结束日期
        this.setData({ 
          show: true,
          isstart: false
        })
        break
      default:
        break;
    }
  },

  /// 日期关闭触发
  onClose() {
    this.setData({ show: false })
  },

  /// 日期确定触发
  onConfirm(e: any) {
    this.setData({ show: false })
    /// 开始日期
    if (this.data.isstart) {
      this.setData({
        startdate: formatDate(e.detail)
      })
    } else {
      this.setData({
        enddate: formatDate(e.detail)
      })
    }
  },

  /// 查询我的摘牌
  queryMyDeListing() {
    /// loding
    Toast.loading({ message: '加载中....' })

    /// 数据查询请求
    queryMyDeListing({
      data: {
        userid: userid(),
        page: this.data.page,
        pagesize: 20,
        begindate: this.data.startdate,
        enddate: this.data.enddate
      },
      success: (res) => {
        /// 请求失败
        if (res.code != 200) {
          Toast('请求失败，原因：'+res.msg)
          return
        }
        
        /// 设置数据
        this.setData({
          /// 设置列头
          datas: res.data,
          /// 显示的值
          values: res.data.map(obj => {
            return {up: [obj.qty+'ct', 
                        isnullstr(obj.zsshapetypedisplay), 
                        '--', 
                        isnullstr(obj.sizedisplay), 
                        isnullstr(obj.goodsno)], 
                    dwn: [isnullstr(obj.zsczcolor1typedisplay)+' | '+isnullstr(obj.zsclaritytype1display)+' | '+isnullstr(obj.zscuttype1display)+' | '+isnullstr(obj.zssymmetrytype1display)+' | '+isnullstr(obj.zspolishtype1display)+' | '+isnullstr(obj.zsfluorescencetype1display)+' | '+isnullstr(obj.zscerttypedisplay),
                        obj.zscurrencytypedisplayunit+obj.price]}
          })
        })
      },
      fail: (emsg) => {
        Toast('请求失败，原因：'+emsg)
      },
      complete: () => { 
        /// 判断数据是否为空
        this.setData({ isEmpty: this.data.datas.length == 0 })
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 查询我的摘牌
    this.queryMyDeListing()
  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // 设置页签
    this.setData({ page: 1 })
    /// 查询我的摘牌
    this.queryMyDeListing()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    /// 设置页签
    this.setData({ page: +1 })
    /// 查询我的摘牌
    this.queryMyDeListing()
  },

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

  }
})