// 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.attachments || [];
        var evalList = {
          evalList1000,
        };
        for (var i in evalList) {
          evalList[i] = evalList[i].map(({
            imgPath: pic,
            attachmentId: id
          }) => ({
            pic,
            id
          }))
        }
        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(!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
          })
          wx.navigateTo({
            url: '../zhwj/zhwj',
          })
        }
      }
    })
  },

  // 选择地理位置
  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,
        }
      });
    }

  }
})