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

// pages/trade/trade.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// tabs
    tabs: [{id: 1, name: '出售大厅'}, 
           {id: 2, name: '求购大厅'}],
    /// tab索引
    active: 0,
    /// 选中行数
    selectRow: -1,
    /// 列头
    titles: ['形状', '尺寸', '颜色', '荧光', '净度', '对称度', '抛光度', '仓库'],
    /// 列表总宽度
    totalWidth: 0,
    /// 列表宽度
    widths: [110, 100, 80, 110, 80, 80, 80, 80],
    /// 内容
    values: [['CPLZ00000001', 'yyyy企业', '单颗裸钻', '10.23', '￥ 200.00', '1.23', '委托成功', '委托成功'],           
             ['CPLZ00000001', 'yyyy企业', '单颗裸钻', '10.23', '￥ 200.00', '1.23', '委托成功', '委托成功'], 
             ['CPLZ00000001', 'yyyy企业', '单颗裸钻', '10.23', '￥ 200.00', '1.23', '委托成功', '委托成功'], 
             ['CPLZ00000001', 'yyyy企业', '单颗裸钻', '10.23', '￥ 200.00', '1.23', '委托成功', '委托成功'],
             ['CPLZ00000001', 'yyyy企业', '单颗裸钻', '10.23', '￥ 200.00', '1.23', '委托成功', '委托成功']]
  },

  /**
   * tab触发事件
   */
  onTabChange(e: any) {
    this.setData({
      active: e.detail.index
    })
  },

  /**
   * 按钮点击响应事件
   */
  onButtonPressed(e: any){
    console.log(e)
    switch (e.currentTarget.id) {
      case 'goods-info':  /// 商品详情
        wx.navigateTo({ url: '/mHome/pages/goodsdetail/goodsdetail' })
        break;
      case 'search':
        wx.navigateTo({ url: '/mHome/pages/search/search' })
        break;
      case 'delisting': /// 摘牌
        wx.navigateTo({
          url: this.data.active == 0 ? '/mTrade/pages/delistingbuy/delistingbuy' : '/mTrade/pages/delistingsell/delistingsell'
        })
        break;
      case 'listing-buy':  /// 我要求购
        wx.navigateTo({ url: '/mTrade/pages/listingbuy/listingbuy' })
        break;
      case 'listing-sell': /// 我要出售
        wx.navigateTo({ url: '/mTrade/pages/listingsell/listingsell' })
        break; 
      case 'buy-inquiry': /// 我要询价
        wx.navigateTo({ url: '/mTrade/pages/buyinquiry/buyinquiry' })
        break;
      case 'order-detail': /// 挂牌详情 
        wx.navigateTo({ url: '/mTrade/pages/orderdetail/orderdetail' })
        break;
      case 'ask-buy': /// 求购信息
        wx.navigateTo({ url: '/mTrade/pages/orderdetail/orderdetail' })
        break;
      default:
        break;
    }
  },

  /// 每行点击响应事件
  onListItemClick(e: any) {
    this.setData({
      selectRow: this.data.selectRow == e.currentTarget.id ? -1 : e.currentTarget.id
    })
    console.log(this.data.selectRow)
  },

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

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

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

    /// 计算总高度
    let num = 0.0
    this.data.widths.forEach(function(v) {
      num += v
    })

    this.setData({
      /// 设置总高度
      totalWidth: num
    })
  },

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

  },

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

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

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

  },

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

  }
})