zh_wx/StepPage/pages/fourth/fourth.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    allowNext:false,
    itemList:[],
   productList:[
     {title:'漆面膜',is_choose:false,product:[
      {title:'待施工单',is_choose:false},{title:'第一单',is_choose:false}
     ]},
     {title:'漆面膜',is_choose:false,product:[
      {title:'待施工单',is_choose:false},{title:'第一单',is_choose:false}
     ]},
     {title:'改色膜',is_choose:false,product:[ {title:'常规单',is_choose:false},{title:'售后单',is_choose:false},{title:'前装单',is_choose:false},{title:'赠送单',is_choose:false},{title:'待施工单',is_choose:false},{title:'第二单',is_choose:false}]},
     {title:'天窗冰甲',is_choose:false,product:[ {title:'常规单',is_choose:false},{title:'售后单',is_choose:false},{title:'前装单',is_choose:false},{title:'赠送单',is_choose:false},{title:'待施工单',is_choose:false},{title:'第三单',is_choose:false}]}
   ],
  },
  handleChooseItem(item){
   let data = this.data.itemList;
   data.forEach((v,idx)=>{
    if(idx===(item.target.dataset.index)*1){
     v.is_choose = !v.is_choose;
    }else{
      v.is_choose = false;
    }
})
if(data.every(v=>(!v.is_choose))){
  this.setData({
   allowNext:false
    })
}else{
  this.setData({
    allowNext:true
    })
}
this.setData({
  itemList:data
  })
  },
  handleChoose(item){
    let data = this.data.productList;
    data.forEach((v,idx)=>{
      v.product.forEach(el=>{
        el.is_choose = false;
      })
        if(idx===(item.target.dataset.index)*1){
         v.is_choose = !v.is_choose;
        }else{
          v.is_choose = false;
        }
    })
     this.setData({
       allowNext:false,
          productList:data,
          itemList:data[(item.target.dataset.index)*1].is_choose?data[(item.target.dataset.index)*1].product:[],
          })
  },
  handleNext(){
      wx.navigateTo({
        url: '../fifth/fifth',
      })
  },
  handleReturn(){
    wx.navigateBack({
      delta:1
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(option) {

      const eventChannel = this.getOpenerEventChannel()
      // 监听 acceptDataFromOpenerPage 事件，获取上一页面通过 eventChannel 传送到当前页面的数据
      eventChannel.on('acceptDataFromOpenerPage', function(data) {
        console.log(data)
      })
    
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})