import {
  request
} from "../../request/index.js"
const a = getApp()
Page({
  data: {
    imagesUrl: a.globalData.baseUrl,
    date: '', // 购车时间
    four4S: '', //绑定4s店
    arr4S: [],
    array: [], // 车辆品牌
    arrayChe: [],
    index: '', //选择的下拉列表下标
    show: false, //控制下拉列表的显示隐藏，false隐藏、true显示
    selectData: [], //下拉列表的数据
    i: 0,
    city_id: '', //当前定位的城市ID
    pin_id: '', // 品牌ID
    id: '', // 4s店id
    name: '',
    pai: '',
    km: '',
    buy_time: '',
    sheng_id: '',
    content: '',
    msg: '',
    carNUM: [],
    numCar: '',
    chepaihao: '',
    formatDate: '',
    selected: false,
    idx: '',
    shengItem: '',
    CarBrandName: '',
    s4_id: '',
    color: 1,
  },
  onLoad: function (options) {
    let that = this
    console.log(options);
    that.setData({
      pin_id: options.pin_id || '',
      CarBrandName: options.CarBrandName || '',
      S4SName: options.S4SName || '',
      id: options.id || ''
    })
    this.getsheng()
    this.getToday()
    this.getDingWei()
    this.getAddGuiZhe()
    this.getShengSu()
  },
  getInput(e) { //姓名
    console.log(e);
    this.setData({
      name: e.detail.value
    })
  },
  bindinputed(e) {
    let that = this
    let carNum = e.detail.value
    let sheng_id = that.data.sheng_id
    let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
    const careg = reg.test(carNum);
    if (!careg) {
      wx.showToast({
        icon: 'none',
        title: '请输入正确车牌号',
      })
      return;
    } else {
      that.setData({
        pai: carNum
      })
      console.log(that.data.shengItem, "shengItem");
      if (sheng_id != '') {
        that.getRegister()
      }

    }
  },
  paiInput(e) { // c车牌号
    let that = this
    let carNum = e.detail.value
    // let sheng_id = that.data.sheng_id
    let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
    const careg = reg.test(carNum);
    if (!careg) {
      wx.showToast({
        icon: 'none',
        title: '请输入正确车牌号',
      })
      return;
    } else {
      that.setData({
        pai: carNum
      })
      console.log(that.data.shengItem, "shengItem");
      // if (sheng_id != '') {
      //   that.getRegister()
      // }

    }

  },
  async getRegister() { // 注册
    let that = this
    try {
      const {
        data
      } = await request({
        url: 'api/new2/checkPai',
        data: {
          sheng_id: that.data.sheng_id,
          pai: that.data.pai,
        }
      })
      console.log(data, "注册");
      if (data.code == 1) {
        let msg = data.msg
        a.popSuccessTest(msg)
      }

    } catch (err) {
      let msg = err.msg
      // a.popTest(msg)
      console.log(err);
      wx.showModal({
        title: '提示',
        content: '该车已被注册，是否申请加入车辆管理？',
        success: function (res) {
          if (res.confirm) {


          } else {

          }
        }
      })
    }


  },
  bindTimeChange(e) { // 时间
    this.setData({
      buy_time: e.detail.value
    })
  },
  kmInput(e) {
    let value = this.validateNumber(e.detail.value)
    this.setData({
      km: value
    })
  },
  validateNumber(val) {
    //正则表达式指定字符串只能为数字
    return val.replace(/\D/g, '')
  },
  async getDingWei() { // 定位城市
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: 'api/citys/dingWei',
      })
      //  console.log(data, "城市定位、");
      that.setData({
        city_id: data.id
      })
    } catch (err) {
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }

  },
  onShow: function () {

  },
  async getShengSu() { // 默认省份
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: 'api/index/shengSu',
      })
      // console.log(data, "默认省份");
      that.setData({
        shengItem: data.name,
        sheng_id: data.id,
        color: 1
      })
    } catch (err) {
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }

  },
  async getsheng() { // 获取省份的简称
    let that = this;
    try {
      const {
        data: {
          data
        }
      } = await
      request({
        url: 'api/index/sheng',
      })
      that.setData({
        selectData: data,
      })
      // console.log(that.data.selectData, "省份");
    } catch (err) {
      console.log(err);
      this.setData({
        msg: err.msg
      })
      this.popTest()
    }
  },
  selectTap() { // 点击下拉显示框
    this.setData({
      show: !this.data.show
    });
  },
  goCarBrand() {
    wx.navigateTo({
      url: '/pages/CarBrand/CarBrand'
    })
  },
  go4Ssearch() {
    let that = this
    if (that.data.pin_id) {
      wx.navigateTo({
        url: '/pages/4Ssearch/4Ssearch?pin_id=' + that.data.pin_id + '&city_id=' + that.data.city_id
      })
    } else {
      that.setData({
        msg: '请先选择车辆品牌'
      })
      that.popMaskTest()

    }
  },
  async getAddGuiZhe() { // 获取规则说明
    let that = this
    try {
      const {
        data: {
          data
        }
      } = await request({
        url: 'api/index/addCheGui',
        method: 'POST',
        data: {
          id: that.data.s4_id
        }
      })
      that.setData({
        content: that.text(data.content)
      })

    } catch (err) {
      that.setData({
        msg: err.msg
      })
      that.popTest()
    }

  },
  popSuccessTest() { // 消息提示
    wx.showToast({
      title: this.data.msg,
      icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success
      duration: 1500, //停留时间
    })
  },
  popTest() {
    wx.showToast({
      title: this.data.msg,
      icon: 'none', //如果要纯文本，不要icon，将值设为'none'
      duration: 1300
    })
  },
  radiosRed() {
    this.setData({
      selected: !this.data.selected
    })
  },
  tiveCar(e) { // 车牌号
    let that = this
    let idx = e.currentTarget.dataset.id
    let pai = that.data.pai
    that.setData({
      idx: idx
    })
    that.data.selectData.forEach(value => {
      if (value.id == idx) {
        that.setData({
          shengItem: value.name,
          sheng_id: value.id,
          color: 2
        })
      }
    })
    that.hideModal()
    if (pai != '') {
      that.getRegister()
    }
  },
  async formSubmit(e) { // 保存时
    let that = this
    let obj = {}
    obj.sheng_id = that.data.sheng_id
    obj.pin_id = that.data.pin_id
    obj.id = that.data.s4_id
    obj.name = that.data.name
    obj.pai = that.data.pai
    obj.buy_time = that.data.buy_time
    obj.km = that.data.km
    console.log(obj);
    let reg = /^(([A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/
    let careg = reg.test(obj.pai);
    if (!careg) {
      wx.showToast({
        icon: 'none',
        title: '请输入正确车牌号',
      })
      return;
    }
    if (that.data.selected) {
      try {
        const {
          data
        } = await request({
          url: 'api/index/addChe',
          method: 'POST',
          data: obj
        })
        that.setData({
          msg: data.msg
        })
        that.popSuccessTest()
        setTimeout(() => {
          wx.navigateBack()
        }, 500)
      } catch (err) {
        that.setData({
          msg: err.msg
        })
        that.popMaskTest()
      }
    } else {
      that.setData({
        msg: '未选中同意协议'
      })
      that.popMaskTest()
    }
  },
  popMaskTest() {
    wx.showToast({
      title: this.data.msg,
      duration: 1300,
      icon: 'none',
      mask: true //是否有透明蒙层，默认为false 
      //如果有透明蒙层，弹窗的期间不能点击文档内容 
    })
  },
  getToday() {
    var now = new Date()
    var year = now.getFullYear()
    var month = now.getMonth() + 1
    var day = now.getDate()
    if (month < 10) {
      month = '0' + month;
    }
    if (day < 10) {
      day = '0' + day;
    }
    var formatDate = year + '-' + month + '-' + day
    // console.log(formatDate);
    this.setData({
      formatDate: formatDate
    })
    return formatDate;


  },
  clickme() {
    this.showModal();
  },

  // 正则验证图标图片  
  text(details) {

    var texts = ''; //待拼接的内容

    while (details.indexOf('<img') != -1) { //寻找img 循环

      texts += details.substring('0', details.indexOf('<img') + 4); //截取到<img前面的内容

      details = details.substring(details.indexOf('<img') + 4); //<img 后面的内容

      if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) {

        texts += details.substring(0, details.indexOf('style="') + 7) + "max-width:100%;height:auto;margin:0 auto; display:block"; //从 <img 后面的内容 截取到style= 加上自己要加的内容

        details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接

      } else {

        texts += ' style="max-width:100%;height:auto;margin:0 auto; display:block" ';

      }
    }

    while (details.indexOf('<td') != -1) { //寻找img 循环

      texts += details.substring('0', details.indexOf('<td') + 4); //截取到<img前面的内容

      details = details.substring(details.indexOf('<td') + 4); //<img 后面的内容

      if (details.indexOf('style=') != -1 && details.indexOf('style=') < details.indexOf('>')) {

        texts += details.substring(0, details.indexOf('style="') + 7) + "max-width:74!important;height:auto;margin:0 auto;"; //从 <img 后面的内容 截取到style= 加上自己要加的内容

        details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接

      } else {

        texts += ' style="max-width:100%;height:auto;margin:0 auto;" ';

      }
    }
    texts += details; //最后拼接的内容
    return texts

  },
  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)
  },
  popSuccessTest() {
    wx.showToast({
      title: this.data.msg,
      icon: '', //默认值是success,就算没有icon这个值，就算有其他值最终也显示success
      duration: 1300, //停留时间
    })
  },

})