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

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

  /**
   * 页面的初始数据
   */
  data: {
    /// 底部安全区域
    safeBottom: getApp().globalData.safeBottom,
    /// tabs
    tabs: [{id: 2, 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}, 
             {id: 11, name: '雷迪恩形', isCheck: false}, 
             {id: 12, name: '阿斯切形', isCheck: false}, 
             {id: 13, name: '其他', isCheck: false}],
    /// 选中形状         
    shape: ['1'],
    /// 颜色
    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}, 
             {id: 10, name: 'M', isCheck: false}, 
             {id: 11, name: 'N', isCheck: false}, 
             {id: 12, name: 'O', isCheck: false}, 
             {id: 13, name: 'P', isCheck: false}, 
             {id: 14, name: 'Q', isCheck: false}, 
             {id: 15, name: 'R', isCheck: false}, 
             {id: 16, name: 'S', isCheck: false}, 
             {id: 17, name: 'T', isCheck: false}, 
             {id: 18, name: 'U', isCheck: false}, 
             {id: 19, name: 'W', isCheck: false}, 
             {id: 20, name: 'V', isCheck: false}, 
             {id: 21, name: 'X', isCheck: false}, 
             {id: 22, name: 'Y', isCheck: false}, 
             {id: 23, name: 'Z', isCheck: false}, 
             {id: 24, name: '彩色', isCheck: false}],
    /// 选中形状
    color: ['1'],
    /// 净度
    neatness: [{id: 1, name: 'FL', isCheck: true}, 
              {id: 2, name: 'IF', isCheck: false}, 
              {id: 3, name: 'VVS1', isCheck: false}, 
              {id: 4, name: 'VVS2', isCheck: false}, 
              {id: 5, name: 'VS1', isCheck: false}, 
              {id: 6, name: 'VS2', isCheck: false}, 
              {id: 7, name: 'SI1', isCheck: false}, 
              {id: 8, name: 'SI2', isCheck: false}, 
              {id: 9, name: 'SI3', isCheck: false}, 
              {id: 10, name: 'I1', isCheck: false}, 
              {id: 11, name: 'I2', isCheck: false}, 
              {id: 12, name: 'I3', isCheck: false}],
    /// 选中净度
    neatnes: 1,
    /// 切工 
    qiegongs: [{id: 1, name: 'EX', isCheck: true}, 
               {id: 2, name: 'VG', isCheck: false}, 
               {id: 3, name: 'G', isCheck: false}, 
               {id: 4, name: 'F', isCheck: false}, 
               {id: 5, name: 'P', isCheck: false}],
    /// 选中切工
    qiegong: 1,

    /// 对称
    duichengs: [{id: 1, name: 'EX', isCheck: true}, 
                {id: 2, name: 'VG', isCheck: false}, 
                {id: 3, name: 'G', isCheck: false}, 
                {id: 4, name: 'F', isCheck: false}, 
                {id: 5, name: 'P', isCheck: false}],
    duicheng: 1,

    /// 抛光
    paoguangs: [{id: 1, name: 'EX', isCheck: true}, 
                {id: 2, name: 'VG', isCheck: false}, 
                {id: 3, name: 'G', isCheck: false}, 
                {id: 4, name: 'F', isCheck: false}, 
                {id: 5, name: 'P', isCheck: false}],
    paoguang: 1,

    /// 莹光
    yingguangs: [{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}],
    /// 选中莹光
    yingguang: 1,

    /// 证书
    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: 1,

    /// 币种
    currencys: [{id: 1, name: '人民币(￥)', isCheck: true}, 
                {id: 2, name: '美元($)', isCheck: false}],
    currency: 1,
    /// 最小重量
    minweight: 0.00,
    /// 最大重量
    maxweight: 0.00
  },

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

  /**
   * 返回上层视图
   */
  backToParent() {
    /// 返回上层视图
    wx.navigateBack()
  },

  /// 按钮点击事件
  onButtonPressed(e: any) {
    /// 数据拼接
    const ids = (<string> e.target.id).split(' ')
    const id = (<string> e.target.id).split(' ')[0]
    const index = <number> <unknown>ids[1]

    switch (id) {
      case 'shape':   /// 形状
        this.setData({ shapes: this.data.shapes.map(item => {
          if (item.id == index) { item.isCheck = !item.isCheck } 
          return item
        }) })
        /// 赋值
        this.setData({ shape: this.data.shapes.map(item => {
          return item.id.toString()
        }) })
        break;
      case 'currency': 
        this.setData({ currencys: this.data.currencys.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ currency: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'color':   /// 颜色
        this.setData({ colors: this.data.colors.map(item => {
          if (item.id == index) { item.isCheck = !item.isCheck } 
          return item
        }) })
        /// 赋值
        this.setData({ color: this.data.colors.map(item => {
          return item.id.toString()
        }) })
        break;
      case 'neatness':   /// 净度
        this.setData({ neatness: this.data.neatness.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ neatnes: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'qiegong':   /// 切工
        this.setData({ qiegongs: this.data.qiegongs.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ qiegong: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'duicheng':   /// 对称
        this.setData({ duichengs: this.data.duichengs.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ duicheng: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'polishing':   /// 抛光
        this.setData({ paoguangs: this.data.paoguangs.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ polishing: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'yingguang':   /// 荧光
        this.setData({ yingguangs: this.data.yingguangs.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ yingguang: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'certificate':   /// 证书
        this.setData({ certificates: this.data.certificates.map(item => {
          if (item.id == index) {
            item.isCheck = true
            /// 赋值
            this.setData({ certificate: item.id })
          } else {
            item.isCheck = false
          }
          return item
        }) })
        break;
      case 'search':   /// 搜索
        /// 搜索页面跳转
        this.goToSearch()
        break;
      case 'clear': break;
      default: break;
    }
  },

  /// 重量范围值更改
  syncNumRange(e: any) {
    this.setData({
      minweight: e.detail.value[0],
      maxweight: e.detail.value[1],
    })
  },

  /// 搜索页面跳转
  goToSearch() {
    /// 数据拼接
    const info = {
      category: this.data.tabs[this.data.active].id,
      zsshapetype: this.data.shape,
      zsclaritytype: this.data.neatnes,
      zscuttype: this.data.qiegong,
      zssymmetrytype: this.data.duicheng,
      zspolishtype: this.data.paoguang,
      zsfluorescencetype: this.data.yingguang,
      zscurrencytype: this.data.currency,
      zscerttype: this.data.certificate,
      zscolortype: this.data.color,
      weight1: this.data.minweight,
      weight2: this.data.maxweight
    }
    /// 页面跳转
    wx.switchTab({ 
      url: '/pages/trade/index',
      /// 加载成功
      success: () => {
        /// 缓存数据
        wx.setStorageSync('TradeParams', JSON.stringify(info))
      }
    })
  },

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

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

  },

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

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

  },

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

  },

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

  },

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

  },

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

  }
})