wxappb2b/GuangZuan/miniprogram/mHome/pages/cerserach/cerserach.ts

// mHome/pages/cerserach/cerserach.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// tabs
    tabs: [{id: 1, name: '国际'}, 
           {id: 2, name: '国内'}],
    /// tab索引
    active: 0,
    /// 国际证书
    ncers: [{id: 1, name: 'GIA', isCheck: true}, 
            {id: 2, name: 'IGI', isCheck: false}, 
            {id: 3, name: 'EGL', isCheck: false}, 
            {id: 4, name: 'HRD', isCheck: false}, 
            {id: 5, name: 'GRS', isCheck: false}, 
            {id: 6, name: 'AGS', isCheck: false}, 
            {id: 7, name: 'Gubelin', isCheck: false}, 
            {id: 8, name: 'LOTUS', isCheck: false}, 
            {id: 9, name: 'AIGS', isCheck: false}],
    /// 国内证书
    icers: [{id: 1, name: 'NGTC', isCheck: true}, 
            {id: 2, name: 'BEIDA', isCheck: false}, 
            {id: 3, name: 'GTC', isCheck: false}, 
            {id: 4, name: 'GIC', isCheck: false}, 
            {id: 5, name: 'NJQSIC', isCheck: false}, 
            {id: 6, name: 'CCGTC', isCheck: false}, 
            {id: 7, name: 'NGSTC', isCheck: false}, 
            {id: 8, name: 'GDTC', isCheck: false}, 
            {id: 9, name: 'NGDTC', isCheck: false}, 
            {id: 10, name: 'CQT', isCheck: false}, 
            {id: 11, name: 'GIB', isCheck: false}, 
            {id: 12, name: 'CGJC', isCheck: false}, 
            {id: 13, name: 'GGC', isCheck: false}]
  },

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

  /// 形状按钮点击事件
  onButtonPressed(e: any) {
    const index = e.target.id
    this.data.active == 0 ? this.setData({
      ncers: this.data.ncers.map(item => {
        if (item.id == index) {
          item.isCheck = true
        } else {
          item.isCheck = false
        }
        return item
      }) 
    }) : this.setData({
      icers: this.data.icers.map(item => {
        if (item.id == index) {
          item.isCheck = true
        } else {
          item.isCheck = false
        }
        return item
      }) 
    })
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})