/**
 * 信息输入逻辑
 * 包括输入信息存储、输入规范性检测、错误提示等
 * @see "/data/sceneInfo.js"
 */
module.exports = Behavior({
  data: {
    msg: [],
    info: {}
  },
  lifetimes: {
    attached: function () {}
  },
  methods: {
    selectChange(e) {
      const index = e.currentTarget.dataset.index
      const options = e.detail.options
      this.setData({
        [`msg[${index}].options`]: options
      })
    },

    pickerChange(e) {
      console.log(e);
      const {
        index,
        mode
      } = e.currentTarget.dataset
      let i = e.detail.value.concat(e.detail.code)
      if (mode == 'region') {
        this.setData({
          [`msg[${index}].value`]: i
        })
      } else if (mode == 'selector') {
        this.setData({
          [`msg[${index}].selectIndex`]: i,
          [`msg[${index}].value`]: this.data.msg[index].options[i].value
        })
      }
    },

    changeMsg(e) {
      let id = e.detail.params.id
      let value = e.detail.params.value
      let msg = this.data.msg
      let msgLength = msg.length
      for (let i = 0; i < msgLength; i++) {
        if (msg[i].id === id) {
          let path = "msg[" + i + "].value"
          let nPath = "msg[" + i + "].noValue"
          this.setData({
            [path]: value,
            [nPath]: false
          })
        }
      }
    },

    /**
     * 信息完整度检查
     */
    submitCheck() {
      let msg = this.data.msg
      //确认信息完整度
      for (let i = 0; i < msg.length; i++) {
        const m = msg[i]
        //选填项直接略过
        if (m.required == false) continue
        //复选框和单选框（复选框的逻辑包含了单选框）
        if (m.type == 'checkbox' || m.type == 'radio') {
          // console.log('m.options', m.options);
          m.value = ''
          for (let t = 0; t < m.options.length; t++) {
            const o = m.options[t];
            if (o.checked) {
              if (m.value != '') {
                m.value += ';'
              }
              if (o.hasRemark) {
                // console.log('o.remark', o.remark);
                if (o.remark == '') {
                  this.setData({
                    [`msg[${i}].options[${t}].noValue`]: true
                  })
                  this.showErrorMsg(i, '备注信息不能为空')
                  return false
                } else {
                  m.value += o.remark
                }
              } else {
                m.value += o.name
              }
            }
          }
          if (m.value == '') {
            this.showErrorMsg(i)
            return false
          }
        }
        //下拉选择框
        else if (m.type == 'picker') {
          if (m.pickerMode == 'selector') {
            if (m.selectIndex == 0) {
              this.showErrorMsg(i, `${this.data.msg[i].name}未选择`)
              return false
            } else {
              m.value = m.options[m.selectIndex].name
            }
          } else if (m.pickerMode == 'region') {
            if (m.value.length == 0) {
              this.showErrorMsg(i, `${this.data.msg[i].name}未选择`)
              return false
            }
          }
        }
        //输入框
        else if (m.value === "" || m.value === null || m.value === undefined) {
          this.showErrorMsg(i)
          return false
        }
      }

      // //密码一致性确认
      // if (msg[1].value != msg[2].value) {
      //   let error = "两次输入的密码不一致"
      //   this.setData({
      //     errorMsg: error,
      //   })
      //   return false
      // }
      // //密码复杂度确认
      // var pwError
      // var pw = msg[1].value
      // var regex1 = /[a-zA-Z]/
      // var regex2 = /[0-9]/
      // var r = regex1.test(pw) && regex2.test(pw)
      // console.log('regex:' + r);
      // if (pw.length < 6) {
      //   pwError = '密码位数最少6位'
      // } else if (!r) {
      //   pwError = '密码必须包含字母和数字'
      // }
      // if (pwError) {
      //   this.setData({
      //     errorMsg: pwError,
      //   })
      //   return false
      // }

      return true
    },

    showErrorMsg(index, err = `${this.data.msg[index].name}不可为空`) {
      this.setData({
        errorMsg: err,
        [`msg[${index}].noValue`]: true
      })
      const id = "#" + this.data.msg[index].id
      wx.createSelectorQuery().select('.page').boundingClientRect(res1 => {
        const top1 = res1.top
        wx.createSelectorQuery().in(this).select(id).boundingClientRect(res => {
          const h = res.top - top1 - 60
          // console.log(h);
          wx.pageScrollTo({
            // duration: 300,
            scrollTop: h,
            // selector: id,
            // offsetTop: -60,
          })
        }).exec();
      }).exec();
    },

    onSubmit: function () {
      console.log('onSubmit');
      if (!this.submitCheck()) return

      let msg = this.data.msg
      if (msg) {
        let info = {}
        msg.forEach(m => {
          info[m.id] = m.value
        });
        this.setData({info})
        this.triggerEvent('onSubmit', info)
        this.submit()
      }
    },
  }
})