// 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: '添加服务内容', //导航栏 中间的标题
      
      },
      tuwenPrice:'',
      cycle_columns:['1个月', '3个月', '6个月', '12个月'],
      service_columns:['10次','不限次'],
      showCycle:false,
      showServiceNumber:false,
      monthly_frequency:'',
      isAdd:false,
      service_rounds:0,
      cur_id:'',
      onePrice:null,
      threePrice:null,
      sixPrice:null,
      yearPrice:null,
      static_host: api.getStaticHost(),
      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(id,1)
    this.setData({
        items
    })
  },
  handle(){
    this.data.isAdd?this.addService():this.editService();
  },
  addServiceArr(){
  
   this.setData({
       items:this.data.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,
                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(){
    let type=wx.getStorageSync('usertype');
    let id=wx.getStorageSync('client_user_id_'+type);
    api.getFollowDetail(id).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?res:[]
           })
           console.log(this.data.items)
         }
       }
    })
},
  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) {
    this.setData({
        iden_auth_status:options.iden_auth_status,
        idcard_status:options.idcard_status,
        is_bind_bank:options.is_bind_bank,
        tuwenPrice:options.tuwenPrice,
        onePrice:options.tuwenPrice?(options.tuwenPrice*10*0.5).toFixed(2):0,
        threePrice:options.tuwenPrice?(options.tuwenPrice*30*0.4).toFixed(2):0,
        sixPrice:options.tuwenPrice?(options.tuwenPrice*60*0.3).toFixed(2):0,
        yearPrice:options.tuwenPrice?(options.tuwenPrice*120*0.2).toFixed(2):0,

    })
  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.getService();
    let {idcard_status,iden_auth_status,is_bind_bank}=this.data;
    if(idcard_status==1 && iden_auth_status==1 && is_bind_bank==1){
        this.getFollowDetail();
    }
  },

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

  },

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

  },

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

  },

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

  },

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

  }
})