// pages/apply/apply.js
const app=getApp();
Page({

 /**
  * 页面的初始数据
  */
 data: {
  name:'',
  tel:'',
  need:'',
  upimg: []
 },
  //图片预览
 imgYu: function (event) {
  var src = event.currentTarget.dataset.src;//获取data-src
  var imgList = event.currentTarget.dataset.list;//获取data-list
  wx.previewImage({
   current: src, // 当前显示图片的http链接
   urls: imgList // 需要预览的图片http链接列表
  })
 },
 setname(e){
  this.setData({
   name: e.detail.value
  })
 },
 settel(e){
  this.setData({
   tel: e.detail.value
  })
 },
 setneed(e){
  let that = this;
  console.log(e.detail.value.length);
  if (e.detail.value.length >= 301) {
   wx.showToast({
    title: '字数超出限制',
    icon: 'none',
    duration: 2000
   })
  } else {
   that.setData({
    need: e.detail.value
   })
  }
 

 },
 //上传多个文件的方法
 uploadImages() {
  let that = this;
  wx.chooseImage({
   count: 9 - that.data.upimg.length,
   sizeType: ['original', 'compressed'],
   success: function (res) {
    let successUp = 0; //成功个数
    let failUp = 0; //失败个数
    let i = 0; //第几个
    let tempFilePaths = res.tempFilePaths //总文件
    let length = res.tempFilePaths.length //总共个数
    wx.showNavigationBarLoading()
    wx.showLoading({
     title: '上传中',
    })
    console.log(tempFilePaths)
    that.uploadAllfile(tempFilePaths, successUp, failUp, i, length)
   },
   fail: function (res) {
   }
  })
 },
 uploadAllfile(filePaths, successUp, failUp, i, length) {
  let that = this
  let bannerimgs = that.data.bannerimgs;
  let head = {
   'XX-Token': wx.getStorageSync('token'),
   'XX-Device-Type': ''
  }
  let url = 'https://wxapp.xianghejia.cn/api/wxapp/public/upload'
  wx.uploadFile({
   url: url, //仅为示例，非真实的接口地址
   filePath: filePaths[i],
   name: 'file',
   header: head,
   formData: {},
   success: function (res) {
    console.log(res);
    let temdata = JSON.parse(res.data);
    console.log(temdata);
    wx.hideNavigationBarLoading();
    wx.hideLoading();
    let upimg = that.data.upimg;
    if (upimg.length < 9) {
     upimg.push(temdata.data.url);
     that.setData({
      upimg: upimg
     })
    }
   },
   fail: function (res) {
    wx.hideNavigationBarLoading()
    wx.hideLoading()
    console.log(res);
   },
   complete: () => {
    i++;
    if (i == length) {
     console.log('总共' + successUp + '张上传成功,' + failUp + '张上传失败！');
    } else { //递归调用uploadDIY函数
     this.uploadAllfile(filePaths, successUp, failUp, i, length);
    }
   },
  })
 },
 //删除图片
 del_upimg(e) {
  let that = this;
  let upimg = that.data.upimg;
  wx.showModal({
   title: '提示',
   content: '是否删除图片',
   success(res) {
    if (res.confirm) {
     upimg.splice(e.currentTarget.dataset.index, 1);
     that.setData({
      upimg: upimg
     })
    } else if (res.cancel) {
    }
   }
  })
 },
 //提交表单
 submit(){
  let that=this;
  let err='';
  var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
  if(that.data.name==''){
   err='请输入您的姓名'
  }else if(that.data.tel==''){
   err = '请输入您的电话'
  } else if (!myreg.test(that.data.tel)){
   err='电话输入不正确'
  }else if(that.data.need==''){
   err = '请输入您的需求'
  }
  if(err==''){
   let url ='home/Elephant/submit_aid';
   let imgurl='';
   let upimg = that.data.upimg;
   for (let i = 0; i < upimg.length;i++){
    if (i == (upimg.length-1)){
     imgurl += upimg[i] ;
    }else{
     imgurl += upimg[i] + ','
    }
   }
   let param={
    name: that.data.name,
    phone: that.data.tel,
    need: that.data.need,
    file: imgurl
   }
   app.post(url, param).then((res)=>{
    wx.showToast({
     title: '提交成功',
     icon: 'success',
     duration: 2000
    })
    setTimeout(function () {
     wx.switchTab({
      url: '/pages/love/love',
     })
    }, 2000)
   }).catch((err)=>{
    console.log(err);
   })
  }else{
   wx.showToast({
    title: err,
    duration:2000,
    icon:'none'
   }) 
  }
 },
 /**
  * 生命周期函数--监听页面加载
  */
 onLoad: function (options) {

 },

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

 },

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

 },

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

 },

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

 },

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

 },

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

 },

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

 }
})