import {
  request
} from "../../request/index.js"

const a = getApp()
Page({
  data: {
    imagesUrl: a.globalData.baseUrl,
    inviter_id: '',
    id: '',
    names: '',
    phone: '',
    msg: '',
    imgtap: false,
    type: 0,
    detaillist: {},
    shifu: {},
    shi: '',
    fen_di: '',
    itemid: '',
    wait: 0,
    showModalStatus: false,
    jump_img: '',
    jump_url: '',
    jump_id: '',
    obj: '',
    // 展示弹出
    bind4sClerk: '',
    showClerk: false,
    // 从4s选择页拿回的数据
    s4_id: '',
    s4_name: '',
    // 测试
    code: 0,
    // 店员列表
    ClerkList: '',
    // 选中的店员
    ClerkName: '',
    // 选中的店员ID
    ClerkId: '',
    // 步骤条
    steps: [{
        text: '选择店员',
      },
      {
        text: '确认信息',
      },
      {
        text: '成功支付',
      },
    ],
    activeSteps: 0
  },

  onLoad: function (options) {
    let that = this
     console.log(options);
    that.setData({
      id: options.id,
      s4_id: wx.getStorageSync('s4_id'),
      s4_name: wx.getStorageSync('s4_name'),
      inviter_id: options.inviter_id
    })
    that.getdetails()

  },
  onShow: function () {
    this.setData({
      s4_id: wx.getStorageSync('s4_id'),
      s4_name: wx.getStorageSync('s4_name')
    })
    console.log(this.data.s4_id, this.data.s4_name)
    // 测试
    // this.showModal()

  },
  // //唤起弹窗
  chooseClerk() {
    let that = this
    let s4id = that.data.s4id
    // 测试
    that.setData({
      bind4sClerk: true
    })
  },
  // 点击选选择经销商
  show4s() {
    wx.navigateTo({
      url: '/pages/Vmore4SList/Vmore4SList',
    })
  },
  // 点击选择店员
  async showClerk() {
    let that = this
    let s4_name = that.data.s4_name
    if (s4_name) {
      that.setData({
        showClerk: true
      })
      try {
        const {
          data
        } = await request({
          url: '/api/shop4s/clerkList',
          data: {
            s4_id: that.data.s4_id
          }
        })
      } catch (err) {
        that.setData({
          ClerkList: err.data
        })
      }
    } else {
      wx.showToast({
        title: '请先绑定4S店',
      })
    }
  },
  // 关闭绑定弹窗
  onClose() {
    this.setData({
      bind4sClerk: false,
      activeSteps: 0
    });
  },
  // 选择绑定数据弹窗关闭
  onshowClose() {
    this.setData({
      showClerk: false,
    });
  },
  // 用户选选择的店员
  onSelect(event) {
    this.setData({
      ClerkName: event.detail.name,
      ClerkId: event.detail.id
    })
    console.log(this.data.ClerkId, this.data.s4_id)
  },
  // 点击确定，发送4s和店员数据
  send4sClerk(e) {
    let that = this
    // 绑定4s和店员的判空
    if (that.data.ClerkName && that.data.s4_name && that.data.activeSteps == 0) {
      that.setData({
        // bind4sClerk: false,
        bindClerk: false,
        activeSteps: that.data.activeSteps + 1
      })
    } else if (that.data.activeSteps == 2) {
      that.setData({
        bind4sClerk: false,
      })

      that.getsubmit()
    } else {
      wx.showToast({
        icon: 'none',
        title: '请选择门店及店员',
      })
    }

  },
  async getdetails() {
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: 'api/active/order',
        data: {
          id: that.data.id
        }
      })
      console.log(data, '抽奖数据')
      that.setData({
        detaillist: data,
        shi: data.active.price,
        itemid: data.id,
        jump_img: data.active.jump_img2,
        jump_url: data.active.jump_url,
        jump_id: data.active.id
      })
      console.log(data);
      console.log(this.data.jump_url);
    } catch (err) {
      //  console.log(err);
      that.setData({
        msg: err.msg
      })
      that.popMaskTest()
    }
  },

  changeChe(e) { //同放积分
    let that = this
    that.setData({
      itemid: e.currentTarget.dataset.id
    })
    if (that.data.imgtap) {
      that.setData({
        imgtap: false,
        type: 0
      })
      that.actualPacket()
    } else {
      that.setData({
        imgtap: true,
        type: 1
      })
      that.actualPacket()
    }
  },
  async actualPacket() {
    let that = this
    const {
      data: {
        data
      }
    } = await request({
      url: 'api/active/shiPay',
      data: {
        id: that.data.itemid,
        type: that.data.type
      }
    })
    //  console.log(data);
    that.setData({
      shifu: data,
      shi: data.shi,
      fen_di: data.di
    })

  },
  formSubmit(e) {
    let that = this
    console.log('form发生了submit事件，携带数据为：', e.detail.value)
    if (e.detail.value.phone != '' && e.detail.value.names != '') {
      let phone = e.detail.value.phone
      if (phone.length == 11) {
        if (!(/^1[3456789]\d{9}$/.test(phone))) {
          wx.showToast({
            title: '手机号有误',
            icon: 'none',
            duration: 1000
          })
        } else if (that.data.activeSteps == 1) {
          that.setData({
            activeSteps: that.data.activeSteps + 1,
            obj: e.detail.value,
          })
          console.log(that.data.obj, '修改过的个人信息')
        } else {
          that.setData({
            obj: e.detail.value,
          })
          console.log(that.data.obj)
          // 调出绑定
          that.chooseClerk()
          // that.getsubmit()
          that.Subscribe()
        }
      } else {
        that.setData({
          msg: '手机号有误'
        })
        that.popMaskTest()
      }
    } else if (e.detail.value.names == '') {
      that.setData({
        msg: '姓名不能为空'
      })
      that.popMaskTest()
    } else if (e.detail.value.phone == '') {
      that.setData({
        msg: '手机号不能为空'
      })
      that.popMaskTest()
    } else {
      that.setData({
        msg: '姓名或手机号不能为空'
      })
      that.popMaskTest()
    }

  },

  async getsubmit() {
    console.log('')
    let that = this
    let obj = that.data.obj

    try {

      const {
        data
      } = await request({
        url: 'api/active/pay',
        data: {
          inviter_id: that.data.inviter_id,
          name: obj.names,
          phone: obj.phone,
          id: that.data.itemid,
          type: that.data.type,
          s4_clerk_id: that.data.ClerkId
        }
      })
      //  console.log(data);
      if (data.code == 1) {
        if (data.data != null) {
          if (data.data.type == 0) {
            wx.requestPayment({
              timeStamp: data.data.timeStamp,
              nonceStr: data.data.nonceStr,
              package: data.data.package,
              signType: 'MD5',
              paySign: data.data.paySign,
              success(res) {
                //  console.log(res);
                that.setData({
                  wait: 1
                })
                if (that.data.jump_img != '') {
                  that.Subscribe()
                  that.showModal()
                } else {
                  wx.redirectTo({
                    url: '/pages/binding4S/binding4S',
                  })
                }
                if(wx.getStorageSync('is_share')){
                  that.DefaultFollow()
                }
              },
              fail(res) {
                //  console.log(res)
                wx.redirectTo({
                  url: '/pages/binding4S/binding4S',
                })
              }
            })
          } else if (data.data.type == 1) {
            //  console.log(that.data.jump_img);
            if (that.data.jump_img != '') {
              that.showModal()
            } else {
              that.setData({
                wait: 1
              })
              a.popSuccessTest(data.msg)
              setTimeout(() => {
                wx.redirectTo({
                  url: '/pages/binding4S/binding4S',
                })
              }, 1500);
            }
          } else {
            console.log(that.data.jump_img);
            if (that.data.jump_img != '') {
              that.showModal()
            } else {
              that.setData({
                wait: 1
              })
              a.popSuccessTest(data.msg)
              setTimeout(() => {
                wx.redirectTo({
                  url: '/pages/binding4S/binding4S',
                })
              }, 1500);
            }
          }
        } else {
          that.setData({
            msg: data.msg
          })
          that.popMaskTest()
        }
      }
    } catch (err) {
      //  console.log(err);
      that.setData({
        msg: err.msg
      })
      that.popMaskTest()
    }
  },
  jumpImgUrl() {
    let that = this
    let draw_id = that.data.jump_url
    let draw_pos = draw_id.indexOf('id')
    let draw_length = draw_id.length
    let result = draw_id.substring(draw_pos + 3, draw_length)
    console.log(result, '截取结果')
    wx.navigateTo({
      // url: '/pages/webview/webview?url=' + encodeURIComponent(that.data.jump_url)
      url: '/package/pages/LuckDraw/LuckDraw?id=' + result +'&userMsg=' + JSON.stringify(that.data.obj)
      // url: '/pages/LuckDraw/LuckDraw?id=' + result
    })
    that.hideModal()
  },
  offclose() {
    this.hideModal()
  },

  popMaskTest() {
    wx.showToast({
      title: this.data.msg,
      icon: 'none',
      duration: 2000,
      mask: true //是否有透明蒙层，默认为false 
      //如果有透明蒙层，弹窗的期间不能点击文档内容 
    })
  },
  popSuccessTest() {
    wx.showToast({
      title: this.data.msg,
      icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success
      duration: 2000, //停留时间
    })
  },
  showModal() { //显示对话框
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
      showModalStatus: true
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export()
      })
    }.bind(this), 100)
  },
  hideModal() { //隐藏对话框
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export(),
        showModalStatus: false
      })
    }.bind(this), 100)
  },
  //调起订阅消息  报名成功
  Subscribe(){
    return new Promise((resolve, reject) => {
      wx.requestSubscribeMessage({
        tmplIds: ["-rXW7MPHBorK61LTJvKKY_yprWOJw26WVD0w5KjJTZs","g1HNEvLXjXE5LbvPiFti-DzPKzCg1bGP0sQ4yQH1SBw"],
        success: (res) => {
          console.log(res,'32222222');
          if (res['-rXW7MPHBorK61LTJvKKY_yprWOJw26WVD0w5KjJTZs'] === 'accept'&& res['g1HNEvLXjXE5LbvPiFti-DzPKzCg1bGP0sQ4yQH1SBw'] === 'accept'){
            wx.showToast({
              title: '订阅OK！',
              duration: 1000,
              success(data) {
                //成功
                resolve()
              }
            })
          }
        },
        fail(err) {
          //失败
          console.error(err);
          reject()
        }
      })
    })
  },
  // 分享进入默认关注
  async DefaultFollow(){
    try {
      const {
        data
      } = await request({
        url: 'api/index2/guan1',
        data: {
          id: wx.getStorageSync('s4_id')
        }
      })
      //  console.log(data);
      if (data.code == 1) {
        that.setData({
          msg: data.msg
        })
      } 
    } catch (err) {
      //  console.log(err);
      that.setData({
        msg: err.msg
      })
    }
  }
})