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],
    /// 内容
    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;
      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() {

  }
})