var _request = require('../../../../utils/request.js')
var validator = require('../../../../utils/validator.js')
var _handle = require('../../../../utils/handle.js')
var placeJson = require('../../../../utils/place.js')
Page({
  data: {
    address: '请选择',
    region: ['北京市', '北京市', '东城区'],
    name: '',
    tel: 0,
    more: '',
    type: 0,//0为新建，1为编辑
    multiArray: [['北京市'], ['北京市'], ['东城区']],
    multiIndex: [0, 0, 0],
    placearr:[],
    cityarr:[],
    areaarr:[]
  },
  onLoad: function (options) {
  	console.log('options',options)
  	if(options.type == 1){
  		var address = wx.getStorageSync('editAddr');
  		console.log('addrhere',address)
  		this.setData({
        type: 1,
        address:address.province+address.city+address.district,
        region:[address.province,address.city,address.district],
        name:address.remark,
        tel:address.tel,
        name:address.contact,
        more:address.address,
        addrid:address.id
      })
  	}

    this.getPlaceData();
  },
  bindName: function (e) {
    this.setData({
      name: e.detail.value
    })
  },
  bindTel: function (e) {
    this.setData({
      tel: e.detail.value
    })
  },
  bindMore: function (e) {
    this.setData({
      more: e.detail.value
    })
  },
  validate () {
    var msg
    if (!validator.required(this.data.name)) {
      msg = '收货人不能为空'
    } else if (!validator.required1(this.data.name)) {
      msg = '国家安全局规定：运单禁止出现“先生”，“小姐”，“女士”等，请填写完整名字'
    } else if (!validator.required(this.data.tel)) {
      msg = '联系电话不能为空'
    } else if (!validator.telphone(this.data.tel)) {
      msg = '手机号码格式不正确'
    } else if (this.data.address === '请选择') {
      msg = '请选择所在地区'
    } else if (!validator.required(this.data.more)) {
      msg = '详细地址不能为空'
    }
    return { isOk: !msg, msg }
  },
  save: function (e) {
    _handle.setFormId(e)
    var { isOk, msg } = this.validate()
    if (isOk) {
      this.requestAddress()
    } else {
      wx.showToast({
        title: msg,
        icon: 'none',
        duration: 2000
      })
    }
  },
  requestAddress () {
	  console.log('requestAddress')
    var that = this
    
    if(that.data.type == 1){
    	var url = 'v1/address/'+that.data.addrid;
    }else{
    	var url = 'v1/address';
    }
    var params = {
      contact: this.data.name,
      tel: this.data.tel,
      province: this.data.region[0],
      city: this.data.region[1],
      district: this.data.region[2],
      address: this.data.more,
      set_default: 1
    }
    var success = function (res) {
      wx.navigateBack({
        delta: 1
      })
    }
    if(that.data.type == 1){
    	_request.$put(url, params, success)
    }else{
    	_request.$post(url, params, success)
    }
    
  },
  bindRegionChange: function (e) {
    console.log(e)
    this.setData({
      region: e.detail.value,
      address: e.detail.value[0] + e.detail.value[1] + e.detail.value[2]
    })
  },
  onShareAppMessage: function (val) {
    return _request.share({
      sc: 'xcx_user_newaddress'
    })
  },
  getPlaceData(){
    var placedata = placeJson['placeJson'];
    console.log('t',this.data.multiIndex);
    var placei = this.data.multiIndex[0];
    var cityi = this.data.multiIndex[1];
    var areai = this.data.multiIndex[2];

    console.log('placei',placei);
    console.log('cityi',cityi);
    console.log('areai',areai);
    var arr1 = [];
    var arr2 = [];
    var arr3 = [];
    console.log('placeJson',placedata);
    for(var i in placedata){
      var data = placedata[i];
      arr1.push(data['name']);

      if(placei == i){
        for(var c in data['city']){
          var citydata = data['city'][c];
          arr2.push(citydata['name']);

          if(cityi == c){
            arr3 = citydata['area'];
          }
        }
      }
    }

    console.log(arr1);
    console.log(arr2);
    console.log(arr3);

    var mixdata = [];
    mixdata.push(arr1);
    mixdata.push(arr2);
    mixdata.push(arr3);
    this.setData({
      multiArray:mixdata,
      placearr:arr1,
      cityarr:arr2,
      areaarr:arr3
    })
  },
  bindMultiPickerChange: function (e) {
    console.log('picker发送选择改变，携带值为', e.detail)
    this.setData({
      multiIndex: e.detail.value,
      region: [this.data.placearr[e.detail.value[0]],this.data.cityarr[e.detail.value[1]],this.data.areaarr[e.detail.value[2]]],
      address: this.data.placearr[e.detail.value[0]] + this.data.cityarr[e.detail.value[1]] + this.data.areaarr[e.detail.value[2]]
    })
  },
  bindMultiPickerColumnChange: function (e) {
    console.log('修改的列为', e.detail.column, '，值为', e.detail.value);
    var data = {
      multiArray: this.data.multiArray,
      multiIndex: this.data.multiIndex
    };
    data.multiIndex[e.detail.column] = e.detail.value;
    console.log(data.multiIndex);
    this.setData(data);

    this.getPlaceData();
  },
})