// pages/xsjb/xsjb.js
import {
  $wuxForm
} from '../../templeteDist/wuxDist/index';
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    add: app.globalData.imgUrl + '/image/add.svg',
    del: app.globalData.imgUrl + '/image/del.svg',
    meetingWayList: [{
      value: '1',
      title: '违反犯罪暴力'
    }, {
      value: '2',
      title: '未违反犯罪暴力'
    }],
    meetingWayList1: [{
      value: '1',
      title: '匿名'
    }, {
      value: '2',
      title: '实名'
    }],
    uploadUrl: app.globalData.url + '/api/v1/attachment/materials',
    displaytipoffAction: '请选择',
    displaytipoffType: '请选择',
    thisData: {},
    evalList: {},
    disabled: true,
    showInfo: false,
    id: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    const id = options.id || 'new';
    let that = this;
    var userinfo = wx.getStorageSync("user");
    wx.showLoading();
    wx.request({
      url: app.globalData.url + '/api/tipoff/find',
      method: 'GET',
      data: {
        id,
      },
      success: function(res) {
        console.log('res', res);
        var dataSet = res.data;
        var evalList1000 = dataSet.attachmentList || [];
        var evalList = {
          evalList1000,
        };
        for (var i in evalList) {
          evalList[i] = evalList[i].map(({
            imgPath: pic,
            id
          }) => ({
            pic: app.globalData.url + '/api/v1/attachment/image/' + id,
            id
          }))
        }
        console.log(evalList)
        const data = res.data || {}
        if (options.id) {
          that.setData({
            thisData: {
              ...data,
              createId: userinfo.id,
              businessType: 1
            },
            evalList,
            disabled: false,
            displaytipoffAction: data.tipoffAction == 1 ? '违反犯罪暴力' : data.tipoffAction == 2 ? '未违反犯罪暴力' : '请选择',
            displaytipoffType: data.tipoffType == 1 ? '匿名' : data.tipoffType == 2 ? '实名' : '请选择',
            showInfo: data.tipoffType == 2 ? true : false,
          })
        } else {
          that.setData({
            thisData: {
              ...data,
              createId: userinfo.id,
              businessType: 1
            },
            evalList,
          })
        }
        wx.hideLoading();
      }
    })
  },

  formSubmit(e) {
    console.log('Default Form Submit \n', e.detail.value)
  },

  inputOnchange(e) {
    const key = e.currentTarget.dataset.key;
    console.log(key)
    console.log(e)
    this.setData({
      thisData: {
        ...this.data.thisData,
        [key]: e.detail.value
      }
    })
  },

  onSubmit() {
    console.log(this.data.thisData)
    if (!this.data.thisData.tipoffObject) {
      return app.showModal("请填写举报对象！");
    }
    if (!this.data.thisData.tipoffAddress) {
      return app.showModal("请填写发生地！");
    }
    if (!this.data.thisData.tipoffContent) {
      return app.showModal("请填写具体事项！");
    }
    if (!this.data.evalList) {
      return app.showModal("请上传证明材料！");
    }
    if (!this.data.thisData.tipoffType) {
      return app.showModal("请选择方式！");
    }
    if (this.data.thisData.tipoffType == '2') {
      if (!this.data.thisData.createrName) {
        return app.showModal("请填写姓名！");
      }
      if (!this.data.thisData.createrMobile) {
        return app.showModal("请填写手机号码！");
      }
      if (/^[1]([3-9])[0-9]{9}$/.test(this.data.thisData.createrMobile)==false){
        return app.showModal("手机号码有误！");
      }
      if (!this.data.thisData.createrAddress) {
        return app.showModal("请填写联系地址！");
      }
    }
    wx.request({
      url: app.globalData.url + '/api/tipoff/save',
      data: this.data.thisData,
      method: 'POST',
      header: {
        "Content-Type": "application/json"
      },
      success: function(res) {
        if (res.data.code == 0) {
          wx.showToast({
            title: '提交成功！',
            icon: 'success',
            duration: 2000,
            success: function() {
              setTimeout(function() {
                //要延时执行的代码
                wx.navigateBack({
                  delta: 2
                })
              }, 1000) //延迟时间
            },
          })
        }
      }
    })
  },

  checkMobile: function() {
    var sMobile = document.mobileform.mobile.value
    if (!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(sMobile))) {
      alert("不是完整的11位手机号或者正确的手机号前七位");
      document.mobileform.mobile.focus();
      return false;
    }
  },

  // 选择地理位置
  chooseLocation: function(e) {
    const that = this;
    wx.chooseLocation({
      success: function(res) {
        console.log('res', res);
        that.setData({
          thisData: {
            ...that.data.thisData,
            tipoffAddress: res.address
          }
        })
      }
    })
  },

  //添加图片
  joinPicture: function(e) {
    console.log(e)
    var that = this;
    console.log(that)
    console.log('that.data.id', that.data.thisData.id)
    app.joinPicture(e, that, e.currentTarget.dataset.associatetypeid, that.data.thisData.id);
  },

  // 删除图片
  clearImg: function(e) {
    var that = this;
    app.clearImg(e, that);
  },

  //预览图片
  previewImage: function(e) {
    app.previewImage(e);
  },


  onPopupSelectChange(e) {
    let _this = this;
    var key = e.currentTarget.dataset['key'];
    console.log('key', key, e);
    if (key == 'tipoffType' && e.detail.value == '2') {
      this.setData({
        [key]: e.detail.value,
        [`display${key}`]: e.detail.label,
        showInfo: true,
        thisData: {
          ...this.data.thisData,
          [key]: e.detail.value,
        }
      });
    } else {
      this.setData({
        [key]: e.detail.value,
        [`display${key}`]: e.detail.label,
        thisData: {
          ...this.data.thisData,
          [key]: e.detail.value,
        }
      });
    }

  }
})