const utils = require('../../utils/util')
const form = require('../../utils/formValidation')
const util = require('../../utils/util.js');
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isPickerRender: false,
    isPickerShow: false,
    pickerConfig: {
      endDate: true,
      dateLimit: true,
      initStartTime: "2020-01-01",
      initEndTime: "2020-12-01",
      limitStartTime: "2015-01-01",
      limitEndTime: "2095-01-01"
    },
    values: {
      startTime: "2019-01-01 ",
      endTime: "2019-12-01"
    },
    storeInfo:{
      storeName: '',
      storePrincipal: '',
      storePrincipalPhone: '',
      storeTel: '',
      storeHouseNum: '',
      storeArea: '',
      storeAddress: '',
      storeContractStart: '',
      storeContractEnd: '',
    },
    dataStr: '',
    region: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  timePickerShow: function () {
    this.setData({
      isPickerShow: true,
      isPickerRender: true,
      chartHide: true
    });
  },
  pickerHide: function () {
    this.setData({
      isPickerShow: false,
      chartHide: false
    });
  },
  setPickerTime: function (val) {
    console.log(val);
    let data = val.detail;
    let startTime = utils.formatDate(data.startTime,'yyyy-MM-dd')
    let endTime = utils.formatDate(data.endTime,'yyyy-MM-dd')
    this.setData({
      ["values.startTime"]: data.startTime,
      ["values.endTime"]: data.endTime,
      dataStr: startTime +" ~ "+ endTime
    });
    this.data.storeInfo.storeContractStart = this.data.values.startTime;
    this.data.storeInfo.storeContractEnd = this.data.values.endTime;
  },
  formSubmit: function(e) {
    //表单规则
    let rules = [{
      name: "storeName",
      rule: ["required"], //可使用区间，此处主要测试功能
      msg: ["请输入门店名称"]
    }, {
      name: "storePrincipal",
      rule: ["required", "isChinese", "minLength:2", "maxLength:6"],
      msg: ["请输入负责人姓名", "姓名必须全部为中文", "姓名必须2个或以上字符", "姓名不能超过6个字符"]
    },{
      name: "storePrincipalPhone",
      rule: ["required", "isMobile"],
      msg: ["请输入负责人手机号", "请输入正确的手机号"]
    }];
    //进行表单检查
    let formData = e.detail.value;
    let checkRes = form.validation(formData, rules);
    if (!checkRes) {
      var that = this
      util.request(util.api.addStore, that.data.storeInfo, "POST", false, true,app.globalData.token).then((res)=>{
        if (res.code == 200) {
          wx.navigateTo({
            url: '/pages/store/index',
          })
        }else{
          util.toast("该门店名称已存在,请重新输入")
        }
      }).catch((res) => {})
    } else {
      wx.showToast({
        title: checkRes,
        icon: "none"
      });
    }
  },
  formReset: function(e) {
    console.log("清空数据")
  },
  bindRegionChange: function (e) {
    console.log(e.detail.value)
    console.log(e.detail.code)
    this.setData({
      region: e.detail.value
    })
    this.data.storeInfo.storeArea = this.data.region.join(" ")
  },
  inputedit: function (e) {
    let _this = this;
    let dataset = e.currentTarget.dataset;
    let value = e.detail.value;
    let name = dataset.name;
    _this.data[name] = value;
    _this.setData({
      [name]: _this.data[name]
    });
  },
})