// pages/reserve/detail.js
import util from '../../utils/util';
import App from '../../utils/api';
const {regeneratorRuntime} = global
const zdmask='-zdmask?v=1.2'
import PubSub from '../../utils/PubSub'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    seller:null,
    IsCollectionSeller:false,
    current:0,
    currentView:1,
    hasOnlineReserve:false,
    activeTab:'detail',
    hasFullHouse:false,//满房
    hasDishesImage:false,//是否有菜品图
    hasPTactivity:false,//平台活动
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	  if(wx.getStorageSync('remark')){
		wx.removeStorageSync('remark')   
	  }
    console.log('onLoad', options)
		console.log('初次进入详情页---小米8测试',this.data.reserveDate ? this.data.reserveDate : '没有日期','openid:',getApp().openid)
    this.options=options
    this.downloadImages()
    if(options.activeTab && options.activeTab!='detail'){
      this.setData({
        activeTab:options.activeTab||'detail',
      })
    }
    this.setData({
      reserveDate: options.date ? options.date : util.unixtoTime(new Date() / 1000, 'YYYY-MM-DD'),
    })
    App.Customer.IsCollectionSeller({
      sid:options.id,
      openid:getApp().openid
    }).then(res=>{
      this.setData({
        IsCollectionSeller:res.data,
      })
    })
    this.SetRelaOpenid();
    App.Customer.BindClicks({sid:options.id})
    App.Task.GetTaskInfo({pos:'home'}).then(res=>{
      if(res.data.activity){
        this.setData({
          hasPTactivity:true,
        })
      }
    });
  },
  GetSellerDetail(){
    let options=this.options
    App.Customer.GetSellerDetail({
      sid:options.id,
      lat:this.location.latitude,
      lng:this.location.longitude,
    }).then(res=>{
      if(res.ret==200){
        let seller=res.data
        let seller_tel=[]
        if(seller.seller_tel){
          seller_tel=seller.seller_tel.split(',')
        }else{
          seller_tel=[seller.phone];
        }
        seller.seller_tel=seller_tel
        if(seller.distance || seller.distance!==''){
          seller.distance=parseInt(seller.distance);
          if(seller.distance>1000){
            seller.distanceStr=(seller.distance/1000).toFixed(2)+'公里'
          }else{
            seller.distanceStr=seller.distance+'米';
          }
        }
        if(seller.envi_image.length<1){
          seller.envi_image=['http://nosqn.colorcun.com/custom/lite-online/image/def-banner.png']
        }else{
          seller.envi_image.some((url,i)=>{
            seller.envi_image[i]=url.replace('//qn.colorcun','//nosqn.colorcun')
          })
        }
        if(seller.label_c.length>0) {
          let label_cstr=[];
          seller.label_c.forEach(l=>{
            label_cstr.push(l.name)
          })
          seller.label_cstr=label_cstr.join(' | ')
        }
        if(seller.room_image.length>0){
          seller.room_image.some((url,i)=>{
            seller.room_image[i]=url.replace('//qn.colorcun','//nosqn.colorcun')
          })
        }
        let hasDishesImage=false;
        if(seller.dishes.length>0){
          seller.dishes.some((dishes)=>{
            if(dishes.image){
              hasDishesImage=true
              dishes.image=dishes.image.replace('//qn.colorcun','//nosqn.colorcun')
            }
          })
        }
        if(seller.card_info){
          let xff=[]
          seller.card_info.forEach(card=>{
            seller['receive_condition_'+card.receive_condition]=true
            if(card.receive_condition==2){
              xff.push(`满${card.order_price}元返${card.price}元`)
            }
          })
          if(xff.length>0){
            seller.receive_condition_str=xff.join('/')
          }
        }
        seller.activityStr=[];
        if(seller.activity.length>0){
          seller.activity.forEach(a=>{
            seller.activityStr.push(a.title)
          })
        }
        seller.activityStr=seller.activityStr.join('；')
        //seller.isopen_md=0;
        //seller.card_info=[]
        let obj={
          seller:seller,
          hasDishesImage:hasDishesImage,
          hasOnlineReserve:seller.is_online_reserve==1,
        }
        if(this.options.classID){
          obj.seletroomlist=[{
            id:this.options.classID,
            name:this.options.className,
          }]
          delete this.options.classID
          delete this.options.className
        }
        this.setData(obj)
      }
    }).catch(e=>{
      util.toast('网络出错，请尝试重新进入',none)
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.selectComponent('#getpos').getPos();
    if (this.data.reserveDate && this.data.seletroomlist){//后退进入等情况刷新时段
		  this.setData({
		    reserveDate:this.data.reserveDate
		  })
		}
		//已经完成预订的情况---清除日期、时段、选中包间
		if(wx.getStorageSync('order')){
			this.setData({
				seletroomlist:[],
			})
			wx.removeStorageSync('order')
		}
		
  },

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

  },

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

  },

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

  },

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

  },
  shareImageTmp:'',
  downloadImages(){
    wx.downloadFile({
      url:'https://xt04.colorcun.com/sellerShare/Share_'+this.options.id+'.png?'+Math.random(),
      success:res=>{
        this.shareImageTmp=res.tempFilePath
      },
    })
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    let path=util.http_build_query({id:this.data.seller.id,fromid:getApp().openid},'/pages/reserve/detail')
    //let imageUrl='http://sellershare.colorcun.com/Share_'+this.options.id+'.png?imageView2/2/w/180/interlace/0'
    let shareParams={
      title:'请客订包间，就上周到安排',
      path:path,
    }
    if(this.shareImageTmp){
      shareParams.imageUrl=this.shareImageTmp
    }
    console.log('shareParams==>',shareParams)
    return shareParams
  },
  reserveEvent(e){
    if(this.data.hasOnlineReserve && util.attr(e,'act')!='phone'){
      return this.setData({
        activeTab:'reserve'
      })
    }
    this.selectComponent('#as').show(this.data.seller);
  },
  reservePhone(e){
    if(e.detail.value){
      let phone=e.detail.value.replace(/[^\d]/,'')
      wx.makePhoneCall({
        phoneNumber:phone
      })
    }
    
  },
  follow(){
    let param={
      sid:this.options.id,
      openid:getApp().openid,
    }
    if(this.data.IsCollectionSeller){//已收藏
      param.cancel=1
    }
    let hasFollow=!this.data.IsCollectionSeller
    this.setData({
      IsCollectionSeller:hasFollow
    })
    App.Customer.SetCollectionRel(param);
    PubSub.emit(
      'follow',
      {
        sid:this.options.id,
        hasFollow:hasFollow,
      }
    )
  },
  lookLocation:function(){
    //console.log(this.data.seller.lat,this.data.seller.long,this.data.detail.map_address)
    wx.openLocation({
      latitude:Number(this.data.seller.lat),
      longitude:Number(this.data.seller.long),
      scale:17,
      address:this.data.seller.map_address,
      success:function (res) {
        console.log(res)
      }
    })
  },
  onpos(e){
    console.log(e);
    this.location=e.detail
    this.GetSellerDetail();
  },
  reviweBanner(){
    let urls=[];
    this.data.seller.envi_image.forEach(url=>{
      if(url){
        urls.push(url+zdmask)
      }
    })
    wx.previewImage({
      current:this.data.seller.envi_image[this.data.current]+zdmask,
      urls:urls
    })
  },
  reviweRoomImage(e){
    let urls=[];
    this.data.seller.room_image.forEach(url=>{
      if(url){
        urls.push(url+zdmask)
      }
    })
    wx.previewImage({
      current:util.attr(e,'current')+zdmask,
      urls:urls
    })
  },
  reviweDishesImage(e){
    let urls=[];
    this.data.seller.dishes.forEach(d=>{
      if(d.image){
        urls.push(d.image+zdmask)
      }
    })
    wx.previewImage({
      current:util.attr(e,'current')+zdmask,
      urls:urls
    })
  },
  showDiscount(){
    this.selectComponent('#discount').show()
  },
  discountHide(){
    this.setData({
      hasDisplayDiscount:false
    })
  },
  discountShow(){
    this.setData({
      hasDisplayDiscount:true
    })
  },
  shareUserinfo(){
    //util.toast('授权成功，请继续分享','none');
    this.selectComponent('#share').show()
  },
  bindtransition(e){
    this.setData({
      currentView:e.detail.current+1
    })
  },
  async SetRelaOpenid(){
    if(!this.options.fromid) return;
    let openid=await getApp().getOpenid()
    App.Reserve.SetRelaOpenid({
      openid:openid,
      fromid:this.options.fromid,
      sid:this.options.id,
      sub:this.options.hasSellerShare?2:3,//关系类型：1/2/3 邀请关系/商户端分享关系/C端分享关系
    })
  },
  switchTabs(e){
    this.setData({
      activeTab:util.attr(e,'act'),
    })
  },
  reserve:{},
  selectpeople(e){//人数改变
    console.log(e);
    this.reserve.pnum=e.detail.people;
    if(e.detail.action=='click'){

    }
  },
	//时段改变
	selectsection(e){
		console.log(e);
		setTimeout(()=>{
			this.setData({
				reserveSection:e.detail.section!='' ? e.detail.section : null,
				seletroomlist:e.detail.action=='click' ? [] : this.data.seletroomlist,
			})
		},0)
		
		this.reserve.section=e.detail.section;
		this.reserve.time=e.detail.time;
	},
	//包间类型改变
	selectroom(e){
		console.log(e)
		this.setData({
			seletroomlist:e.detail.selectroom
		})
	},
	complete(){
		if(!this.data.reserveSection){
			return util.toast('请选择可预订的时段','none');
		}
		if(!this.data.seletroomlist || (this.data.seletroomlist && this.data.seletroomlist.length==0)){
			return util.toast('请选择包间类型','none');
		}
		this.reserve.sid=this.options.id
		this.reserve.ddate=util.timetouUnix(this.reserve.date+' '+this.reserve.time+':00');
		this.reserve.room_demand=JSON.stringify(this.data.seletroomlist)
    if(this.options.pnum){
      this.reserve.pnum = this.options.pnum;
    }
		wx.navigateTo({
		  url:util.http_build_query(this.reserve,'./submit')
		})
	},
  selecttime(e){//时间改变
    console.log(e);
    if(!e.detail.time){//满房
      this.setData({
        hasFullHouse:true,
      })
      return;
    }
    this.reserve.time=e.detail.time;
    if(e.detail.action=='click'){
      this.reserve.sid=this.options.id
      this.reserve.ddate=util.timetouUnix(this.reserve.date+' '+this.reserve.time+':00')
      //date=2019-07-25&pnum=6&time=20%3A00&sid=154&ddate=1564056000
      wx.navigateTo({
        url:util.http_build_query(this.reserve,'./submit')
      })
    }
  },
  selectdate(e){//日期改变
    if(e.detail.action==401){//无可用桌位
      return;
    }
    console.log('selectdate',e);
    if(e.detail.overdate==1){//今天之前
      return this.setData({
        hasFullHouse:true,
        fullHouseMsg:'请选择今天之后的日期',
      })
    }
    this.reserve.date=e.detail.date;
    this.setData({
      reserveDate:e.detail.date,
			seletroomlist:e.detail.action=='click' ? [] : this.data.seletroomlist,
      hasFullHouse:false,
			reserveSection:e.detail.action=='click' ? null : this.data.reserveSection,
      fullHouseMsg:'今日所有包间已订满',
    })
  }
})