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

// pages/search/search.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// 底部安全区域
    safeBottom: getApp().globalData.safeBottom,
    /// tabs
    tabs: [{id: 1, name: '成批裸钻'}, 
           {id: 2, name: '单颗裸钻'}, 
           {id: 3, name: '成批毛坯'}, 
           {id: 4, name: '钻石首饰'}, 
           {id: 5, name: '彩色钻石'}],
    /// tab索引
    active: 0,

    /// 形状
    shapes: [{id: 1, name: '圆形', isCheck: true}, 
             {id: 2, name: '公主方', isCheck: false}, 
             {id: 3, name: '祖母绿', isCheck: false}, 
             {id: 4, name: '垫形', isCheck: false}, 
             {id: 5, name: '阿斯切', isCheck: false}, 
             {id: 6, name: '心形', isCheck: false}, 
             {id: 7, name: '梨形', isCheck: false}, 
             {id: 8, name: '雷迪恩', isCheck: false}, 
             {id: 9, name: '椭圆', isCheck: false}, 
             {id: 10, name: '马眼', isCheck: false}],
    /// 选中形状         
    shape: '圆形',
    /// 颜色
    colors: [{id: 1, name: 'D', isCheck: true}, 
             {id: 2, name: 'E', isCheck: false}, 
             {id: 3, name: 'F', isCheck: false}, 
             {id: 4, name: 'G', isCheck: false}, 
             {id: 5, name: 'H', isCheck: false}, 
             {id: 6, name: 'I', isCheck: false}, 
             {id: 7, name: 'J', isCheck: false}, 
             {id: 8, name: 'K', isCheck: false}, 
             {id: 9, name: 'L', isCheck: false}],
    /// 选中形状
    color: '',
    /// 净度
    neatness: [{id: 1, name: 'FL/IF', isCheck: true}, 
              {id: 2, name: 'VVS1', isCheck: false}, 
              {id: 3, name: 'VVS2', isCheck: false}, 
              {id: 4, name: 'VS1', isCheck: false}, 
              {id: 5, name: 'VS2', isCheck: false}, 
              {id: 6, name: 'Sl1', isCheck: false}, 
              {id: 7, name: 'Sl2', isCheck: false}, 
              {id: 8, name: 'l1', isCheck: false}],
    /// 选中净度
    neatnes: '',
    /// 切工 
    qiegongs: [{id: 1, name: 'EX', isCheck: true}, 
              {id: 2, name: 'VG', isCheck: false}, 
              {id: 3, name: 'G', isCheck: false}],
    /// 选中切工
    qiegong: '',
    /// 对称
    duicheng: '',
    duichengs: [{id: 1, name: 'EX', isCheck: true}, 
              {id: 2, name: 'VG', isCheck: false}, 
              {id: 3, name: 'G', isCheck: false}],
    /// 抛光
    paoguang: '',
    paoguangs: [{id: 1, name: 'EX', isCheck: true}, 
              {id: 2, name: 'VG', isCheck: false}, 
              {id: 3, name: 'G', isCheck: false}],
    /// 莹光
    yingguangs: [{id: 1, name: 'N', isCheck: true}, 
                 {id: 2, name: 'VSL/F', isCheck: false}, 
                 {id: 3, name: 'M', isCheck: false}, 
                 {id: 4, name: 'S', isCheck: false}],
    /// 选中莹光
    yingguang: '',
    /// 晶型
    jingxings: [{id: 1, name: '成形石', isCheck: true}, 
                 {id: 2, name: '可锯石', isCheck: false}, 
                 {id: 3, name: '小钻', isCheck: false}, 
                 {id: 4, name: '混合型', isCheck: false}, 
                 {id: 5, name: '其他', isCheck: false}],
    /// 选中晶型
    jingxing: '',
    /// 款式
    styles: [{id: 1, name: '戒指', isCheck: true}, 
              {id: 2, name: '吊坠', isCheck: false}, 
              {id: 3, name: '耳环', isCheck: false}, 
              {id: 4, name: '手镯', isCheck: false}, 
              {id: 5, name: '其他', isCheck: false}],
    /// 选中款式
    style: '',
    /// 证书
    certificates: [{id: 1, name: 'GIA', isCheck: true}, 
                   {id: 2, name: 'NGTC', isCheck: false}, 
                   {id: 3, name: 'HRD', isCheck: false}, 
                   {id: 4, name: 'IGI', isCheck: false}, 
                   {id: 5, name: 'EGL', isCheck: false},
                   {id: 6, name: 'AGS', isCheck: false}, 
                   {id: 7, name: 'NGIC', isCheck: false}, 
                   {id: 8, name: 'Others', isCheck: false}],
    /// 选中证书
    certificate: '',
    /// 币种
    currency: "RMB"
  },

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

  /// 单选框
  onChange(e: any) {
    console.log(e)
    switch (e.target.id) {
      default:
        break;
    }
  },

  /// 形状按钮点击事件
  onButtonPressed(e: any) {
    const ids = (<string> e.target.id).split(' ')
    let id = (<string> e.target.id).split(' ')[0]
    const index = <number> <unknown>ids[1]
    console.log(ids)
    switch (id) {
      case 'shape':   /// 形状
        this.setData({ shapes: this.data.shapes.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'color':   /// 颜色
        this.setData({ colors: this.data.colors.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'jingxing':   /// 晶型
        this.setData({ jingxings: this.data.jingxings.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'style':   /// 款式
        this.setData({ styles: this.data.styles.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'neatness':   /// 净度
        this.setData({ neatness: this.data.neatness.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'qiegong':   /// 切工
        this.setData({ qiegongs: this.data.qiegongs.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'duicheng':   /// 对称
        this.setData({ duichengs: this.data.duichengs.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'polishing':   /// 抛光
        this.setData({ paoguangs: this.data.paoguangs.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'yingguang':   /// 荧光
        this.setData({ yingguangs: this.data.yingguangs.map(item => {
          if (item.id == index) {
            item.isCheck = true
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      default:
        break;
    }
    
    console.log(e)
  },

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

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

  },

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

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

  },

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

  },

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

  },

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

  },

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

  }
})