wxappb2b/GuangZuan/miniprogram/pages/trade/index.ts

import { queryBuyOrder, queryDiamond } from "../../services/api/orders/index"
import { clientType, isEncrypted, marketid, protoHeader, userid, timetample, getEnumList, getErrorMsg } from "../../services/utils";
import { FunCode } from "../../constants/enum/funcode";
import { sendMsgToMQ } from "../../services/api/common/index";
import { isnullstr } from "../../utils/util";
import { hideLoading, showLoading, showToast } from "../../utils/message/index";
import { encryptBody } from "../../utils/websocket/crypto";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 底部安全区域
    safeBottom: getApp().globalData.safeBottom,
    /// tabs
    tabs: [{id: 1, name: '出售大厅'}, {id: 2, name: '求购大厅'}],
    /// tab索引
    active: 0,
    /// 出售大厅列头
    asktitles: [['形状', '尺寸', '分类'],
                ['颜色 | 净度 | 切工 | 对称 | 抛光 | 荧光 | 证书', '']],
    /// 求购大厅列头
    selltitles: [['重量', '形状', '尺寸', '分类'],
                 ['颜色 | 净度 | 切工 | 对称 | 抛光 | 荧光', '价格']],
    /// 钻石分类
    categorys: [{ text: '单颗裸钻', value: 2 },
                { text: '单颗彩钻', value: 5 }],
    category: 2,
    /// 钻石形状
    shapes: [{ value: 1, text: '圆明亮形' }],
    shape: 1,
    /// 净度
    claritys: [{ text: 'FL', value: 1 }],
    clarity: 1,
    /// 切工
    cuts: [{ text: 'EX', value: 1 }],
    cut: 1,
    /// 荧光
    fluorescences: [{ text: '无', value: 1 }],
    fluorescence: 1,
    ///出售大厅数据
    sellOrders: <GuangZuan.SellOrder[]>[],
    /// 求购大厅数据
    askOrders: <GuangZuan.BuyOrder[]>[],
    /// 显示的值
    values: [{ up: [''], dwn: [''] }],
    /// 左滑宽度
    width: 100,
    /// 数据是否为空
    isEmpty: true,
    /// 商品(查询字段-模糊查询)
    zsallproperties: '',
    /// 数据缓存
    storge: {}
  },

  /**
   * tab触发事件
   */
  onTabChange(e: any) {
    this.setData({ active: e.detail.index })
    /// 查询数据
    e.detail.index == 0 ? this.queryDiamond() : this.queryBuyOrder()
    /// 清空搜索条件
    const info = wx.getStorageSync('TradeParams')
    if (info) { wx.removeStorageSync('TradeParams') }
  },

  /// 搜索按钮点击
  onClick() {
    /// 查询求购数据
    this.queryBuyOrder()
  },

  /**
   * 下拉菜单触发时间
   */
  onDropdownChange(e: any) {
    switch (e.target.id) {
      case "categorys":  /// 钻石分类
        this.setData({ category: e.detail })
        break;
      case "shapes":     /// 形状
        this.setData({ shape: e.detail })
        break;
      case "claritys":   /// 钻石净度
        this.setData({ clarity: e.detail })
        break;
      case "cuts":       /// 切工
        this.setData({ cut: e.detail })
        break;
      default:           /// 荧光
        this.setData({ fluorescence: e.detail })
        break;
    }
    /// 数据查询
    this.data.active == 0 ? this.queryDiamond() : this.queryBuyOrder()
  },

  /**
   * 按钮点击响应事件
   */
  onButtonPressed(e: any){
    /// 获取对应的id
    const ids = (<string> e.target.id).split(' ')
    let id = (<string> e.target.id).split(' ')[0]
    const index = <number> <unknown>ids[1]

    switch (id) {
      case 'favorite':    /// 添加收藏
        this.onAddFavorite(index)
        break
      case 'detail':      /// 商品详情
        wx.navigateTo({ 
          url: this.data.active === 0 ? '/mHome/pages/goodsdetail/index?goodsno='+this.data.sellOrders[index].goodsno : ('/mTrade/pages/orderdetail/index?item='+JSON.stringify(this.data.askOrders[index]))
        })
        break;
      case 'delisting':     /// 摘牌
        wx.navigateTo({
          url: '/mTrade/pages/delistingsell/index?item='+JSON.stringify(this.data.askOrders[index])
        })
        break;
      case 'listing-buy':  /// 我要求购
        wx.navigateTo({ url: '/mTrade/pages/listingbuy/index' })
        break;
      case 'listing-sell': /// 我要出售
        wx.navigateTo({ url: '/mTrade/pages/listingsell/index' })
        break; 
      case 'ask-buy':      /// 求购信息
        wx.navigateTo({ url: '/mTrade/pages/orderdetail/index' })
        break;
      default:
        break;
    }
  },

  onIconClick(e: any) {
    switch (e.currentTarget.id) {
      case 'listing-buy':   /// 挂买
        wx.navigateTo({
          url: '/mTrade/pages/listingbuy/index'
        })
        break;
      case 'listing-sell':  /// 挂卖
        wx.navigateTo({
          url: '/mTrade/pages/listingsell/index'
        })
        break;
      case 'search':        /// 搜索
        wx.navigateTo({
          url: '/mHome/pages/search/index'
        })
        break;
      default:
        break;
    }
  },

  /**
   * 添加收藏
   */
  onAddFavorite(index: number) {
    /// loding.....
    showLoading(()=>{
      /// 委托单号
      const wrtradeorderid = this.data.sellOrders[index].wrtradeorderid
      /// 参数信息
      const info = JSON.stringify({ 
        UserID: userid(),
        OperateType: 1,
        ClientType: clientType(),
        MarketID: marketid(),
        ClientSerialNo: timetample().toString(),
        WRTradeOrderID: wrtradeorderid,
        Header: protoHeader(FunCode.GoodsFavoriteOperateReq)
      })
      /// 发送请求
      sendMsgToMQ({
        data: {
          data: encryptBody(info),
          funCodeReq: FunCode.GoodsFavoriteOperateReq,
          funCodeRsp: FunCode.GoodsFavoriteOperateRsp,
          isEncrypted: isEncrypted()
        },
        success: (res) => {
          /// 解析对象
          const data = JSON.parse(res.data.data)
          if (data.RetCode != 0) {
            hideLoading(() => {}, getErrorMsg(data.RetCode), 'error')
            return
          }
          /// 操作成功
          hideLoading(()=>{}, '请求成功'+res.msg, 'success')
        },
        fail: (emsg) => {
          /// 操作失败
          hideLoading(()=>{}, emsg, 'error')
        },
        complete: () => {
          wx.stopPullDownRefresh()
        }
      })
    })
  },

  /// 查询出售大厅委托单
  queryDiamond() {
    /// 数据存储
    var data = {
      /// 钻石分类
      zscategory: this.data.category,
      /// 形状
      zsshapetype: [this.data.shape.toString()],
      /// 净度
      zsclaritytype: [this.data.clarity],
      /// 切工
      zscuttype: [this.data.cut],
      /// 荧光
      zsfluorescencetype: [this.data.fluorescence],
    }
    /// 获取参数
    const info = JSON.parse(wx.getStorageSync('TradeParams')) 
    /// 钻石查询
    queryDiamond({
      data: {
        ...data,
        /// 颜色
        zscolortype: info ? info.zscolortype : [null],
        /// 货币类型
        zscurrencytype: info ? [info.zscurrencytype.toString()] : [''],
        /// 证书类型
        zscerttype: info ? [info.zscerttype.toString()] : [''],
        /// 抛光
        zspolishtype: info ? [info.zspolishtype] : [],
        /// 对称
        zssymmetrytype: info ? [info.zssymmetrytype] : [],
        /// 总重量(克拉重量)-从
        weight1: info ? info.weight1 : 0.0,
        /// 总重量(克拉重量)-至
        weight2: info ? info.weight2 : 0
      },
      /// 加载成功
      success: (res) => {
        if (res.code != 200) {
          /// 加载失败
          showToast('请求失败，原因：'+res.msg)
          return
        }
        /// 数据赋值
        this.setData({ 
          sellOrders: res.data,
          isEmpty: res.data.length === 0,
          /// 显示的值
          values: res.data.map(obj => {
            return {up: [obj.kpweight.toString()+'ct', 
                        isnullstr(obj.zsshapetypedisplay), 
                        isnullstr(obj.sizedisplay), 
                        isnullstr(obj.zscategorydisplay)], 
                    dwn: [isnullstr(obj.zscolortype1display)+' | '+
                          isnullstr(obj.zsclaritytype1display)+' | '+
                          isnullstr(obj.zscuttype1display)+' | '+
                          isnullstr(obj.zssymmetrytype1display)+' | '+isnullstr(obj.zspolishtype1display)+' | '+
                          isnullstr(obj.zsfluorescencetype1display),
                        obj.zscurrencytypedisplayunit+obj.price]}
          })
        })
      },
      fail: (emsg) => {
        /// 加载失败
        showToast(emsg, 'error')
      },
      complete: () => {
        /// 停止下拉刷新
        wx.stopPullDownRefresh()
      }
    })
  },

  /// 查询求购大厅委托单
  queryBuyOrder() {
    /// loding.....
    showLoading(()=>{
      /// loding....
      queryBuyOrder({
        data: {
          /// 模糊搜索
          zsallproperties: this.data.zsallproperties
        },
        /// 加载成功
        success: (res) => {
          if (res.code != 200) {
            /// 加载失败
            hideLoading(()=>{}, '请求失败，原因：'+res.msg, 'error')
            return
          }
          hideLoading(()=>{
            /// 数据赋值
            this.setData({ 
              askOrders: res.data,
              isEmpty: res.data.length === 0,
              /// 显示的值
              values: res.data.map(obj => {
                return {up: [isnullstr(obj.zsshapetypedisplay), 
                            obj.zssize, 
                            isnullstr(obj.zscategorydisplay)], 
                        dwn: [isnullstr(obj.zscolortypedisplay)+' | '+
                            isnullstr(obj.zsclaritytypedisplay)+' | '+
                            isnullstr(obj.zscuttypedisplay)+' | '+
                            isnullstr(obj.zssymmetrytypedisplay)+' | '+
                            isnullstr(obj.zspolishtypedisplay)+' | '+
                            isnullstr(obj.zsfluorescencetypedisplay), '']}
              })
            })
          })
        },
        fail: (emsg) => {
          /// 加载失败
          hideLoading(()=>{}, emsg, 'error')
        },
        complete: () => {
          /// 停止下拉刷新
          wx.stopPullDownRefresh()
        }
      })
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 显示默认数据
    this.setData({
      /// 形状
      shapes: getEnumList('ZSShapeType').map(obj => {
        return {
          value: obj.enumitemname,
          text: obj.enumdicname
        }
      }),
      /// 净度
      claritys: getEnumList('ZSClarityType').map(obj => {
        return {
          value: obj.enumitemname,
          text: obj.enumdicname
        }
      }),
      /// 切工
      cuts: getEnumList('ZSCutType').map(obj => {
        return {
          value: obj.enumitemname,
          text: obj.enumdicname
        }
      }),
      /// 荧光
      fluorescences: getEnumList('ZSFluorescenceType').map(obj => {
        return {
          value: obj.enumitemname,
          text: obj.enumdicname
        }
      }),
    })
  },

  onShow() {
    /// 获取参数
    const storge = wx.getStorageSync('TradeParams')
    if (storge) {
      try {
        const info = JSON.parse(storge)
        if (storge) {
          /// 数据缓存
          this.setData({ 
            storge: info,
            category: info.category,
            cut: info.zscuttype,
            shape: info.zsshapetype,
            clarity: info.zsclaritytype,
            fluorescence: info.zsfluorescencetype
          })
        }
      } catch (error) {}
    }
    /// 查询出售大厅委托单
    this.data.active == 0 ? this.queryDiamond() : this.queryBuyOrder()
  },

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

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

  },

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

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    /// 查询数据
    this.data.active == 0 ? this.queryDiamond() : this.queryBuyOrder()
  },

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

  },

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

  }
})