miniprogram-doctor/user/pages/yishi/addServiceContent/index.js

// user/pages/yishi/addServiceContent/index.js
import { API } from '../../../../utils/network/api'
let api = new API()
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    navbarData: {
        showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
        title: '添加服务内容', //导航栏 中间的标题
      
      },
      cycle_columns:['1个月', '3个月', '6个月', '12个月'],
      service_columns:['10次','不限次'],
      showCycle:false,
      showServiceNumber:false,
      monthly_frequency:'',
      isAdd:false,
      service_rounds:0,
      cur_id:'',
      items:[{
        service_period:'',
        service_price:''
      }]
  },
  openCycle(event){
    let {id} =event.currentTarget.dataset;
    console.log(id);
    this.setData({
        showCycle:true,
        cur_id:id,
    })
  },
  
  confirmCycle(event){
    const { picker, value, index} = event.detail;
    let {items,cur_id}=this.data;

    let obj='items['+cur_id+'].service_period';
    let day=null;
    if(index==0){
        day=30
    }else if(index==1){
        day=90
    }else if(index==2){
        day=180
    }else if(index==3){
        day=360
    }
   for (let index = 0; index < items.length; index++) {
     if(items[index].service_period==day){
         wx.showToast({
           title: '此服务周期不能重复设置',
           icon:'none'
         })
         return false
     };
      
   }
    this.setData({
        showCycle:false,
        [obj]:day
    })
   
  },
 changeIpt(event){
  let {value}=event.detail;
  let {id}=event.currentTarget.dataset;
  console.log(id);
  let obj='items['+id+'].service_price';
  this.setData({
    [obj]:value
  })

 },
  delService(event){
    let {items}=this.data;
   let {id} =event.currentTarget.dataset;
     items.splice(1,id);
    this.setData({
        items
    })
  },
  handle(){
    this.data.isAdd?this.addService():this.editService();
  },
  addServiceArr(){
      let {items}=this.data;
   this.setData({
       items:items.concat({
          service_period:'' ,
          service_price:''
       })
   })
  },
  cancelCycle(){
    this.setData({
        showCycle:false
    })
  },
  getService(){
    api.getFollow().then(response=>{
       if(response.code==200){
          if(response.data){
              let {monthly_frequency,service_rounds,items}=response.data
              this.setData({
                monthly_frequency,
                service_rounds,
                items,
                isAdd:false
              })
          }else{
            this.setData({
                isAdd:true
            })
          }
       }
    })
  },
  addService(){
      let {monthly_frequency,service_rounds,items}=this.data;
      if(!monthly_frequency && monthly_frequency===''){
        wx.showToast({
          title: '请选择服务次数',
          icon:'none'
        })
        return false
      };
      for (let i = 0; i < items.length; i++) {
         if(!items[i].service_period){
            wx.showToast({
                title: '请选择第'+(i+1)+'个的服务周期',
                icon:'none'
              })
              return false
         }
         if(!items[i].service_price){
            wx.showToast({
                title: '请设置第'+(i+1)+'个的服务价格',
                icon:'none'
              })
              return false
         }
      }
    api.postFollow({
        monthly_frequency,
        service_rounds,
        items
    }).then(response=>{
       if(response.code==200){
           wx.showToast({
             title: '保存成功',
             icon:'none'
           })
           wx.navigateBack()
       }
    })
  },
  editService(){
    let {monthly_frequency,service_rounds,items}=this.data;
    if(!monthly_frequency && monthly_frequency!=0){
      wx.showToast({
        title: '请选择服务次数',
        icon:'none'
      })
      return false
    };
    for (let i = 0; i < items.length; i++) {
       if(!items[i].service_period){
          wx.showToast({
              title: '请选择第'+(i+1)+'的服务周期',
              icon:'none'
            })
            return false
       }
       if(!items[i].service_price){
          wx.showToast({
              title: '请设置第'+(i+1)+'的服务价格',
              icon:'none'
            })
            return false
       }
    }
  api.editFollow({
      monthly_frequency,
      service_rounds,
      items
  }).then(response=>{
     if(response.code==200){
         wx.showToast({
           title: '修改成功',
         });
         wx.navigateBack()
     }
  })
},
getFollowDetail(){
    api.getFollowDetail().then(response=>{
       if(response.code==200){
         if(response.data){
             let res=response.data.map((item)=>{
              return {service_period:item.service_period,service_price:item.service_price}
             })
           this.setData({
               items:res
           })
         }
       }
    })
},
  openServiceNumber(){
    this.setData({
        showServiceNumber:true
    })
  },
  confirmServiceNumber(event){
    const { picker, value, index } = event.detail;
    
    this.setData({
        showServiceNumber:false,
        monthly_frequency:index==0?10:0
    })
  },
  cancelServiceNumber(){
    this.setData({
        showServiceNumber:false
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

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

  },

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

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

  },

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

  },

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

  },

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

  },

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

  }
})