// pages/apply-after-sale/apply-after-sale.js
let method = require("../../utils/reuqest.js");
const util = require("../../utils/util.js");
const ary = [];
Page({
  data: {
    id: '', //订单号
    orderId: '',
    list: [],
    imgs: [],
    postList: [{
      number: '1121545456056456445',
      url: '/images/2.jpg',
      name: '鲜切桃子',
      detail: '监测项目:日常用品',
      price: '800.00'
    }],
    columns: [],
    wordNumber: '0',
    word: '',
    show: false,
    text: ''
  },
  //订单详情
  orderDetail() {
    method.getRequest("/order/orderItem/" + this.data.orderId, data => {
      if (data.statusCode == 0) {
        this.setData({
          id: data.data.id,
          postList: data.data
        })
      }else{
        // setTimeout(() => {
        //   util.getUser()
        // }, 2000)
      }
    })
  },
  //弹出层
  showPopup() {
    this.setData({
      show: true
    });
  },
  onClose() {
    this.setData({
      show: false
    });
  },
  onConfirm(e) {
    this.setData({
      text: e.detail.value.text
    })
  },
  //退款原因
  reason() {
    method.getRequest("/order/refundList",data=>{
      if(data.statusCode==0){
         this.setData({
           columns:data.data
         })
      }else{
        // setTimeout(() => {
        //   util.getUser()
        // }, 2000)
      }
    })
    // this.setData({
    //   text: this.data.columns[0]
    // })
  },
  //备注
  textInput: function (e) {
    let len = e.detail.value.length;
    this.setData({
      wordNumber: len,
      word: e.detail.value
    })
  },
  //上传凭证
  // chooseImageTap: function () {
  //   var that = this;
  //   if (that.data.imgs.length == 3) {
  //     wx.showToast({
  //       title: '最多可以上传三张图片~',
  //       icon: 'icon'
  //     })
  //   }
  //   wx.showActionSheet({
  //     itemList: ['从相册中选择', '拍照'],
  //     itemColor: "#00000",
  //     success: function (res) {
  //       if (!res.cancel) {
  //         if (res.tapIndex == 0) {
  //           that.chooseWxImage('album')
  //         } else if (res.tapIndex == 1) {
  //           that.chooseWxImage('camera')
  //         }
  //       }
  //     }
  //   })
  // },
  // chooseWxImage: function (type) {
  //   var that = this;
  //   var imgsPaths = that.data.imgs;
  //   var list = that.data.lists;
  //   wx.chooseImage({
  //     sizeType: ['original', 'compressed'],
  //     sourceType: [type],
  //     success: function (res) {
  //       console.log(res.tempFilePaths[0]);
  //       that.setData({
  //         imgs: res.tempFilePaths,
  //       })
  //       console.log(that.data.imgs.length, 'length')
  //       //that.upImgs(res.tempFilePaths[0], 0) //调用上传方法
  //     }
  //   })
  // },
  //删除图片
  chooseImage(e) {
    let that = this;
    var type = e.currentTarget.dataset.type;
    // let num = type == 1 ? (4 - that.data.ppath.length) : (4 - that.data.cpath.length);
    if(that.data.imgs.length<3){
      wx.chooseImage({
        // count: num,
        sizeType: ['compressed'],
        sourceType: ['album', 'camera'],
        success(res) {
          wx.showLoading({
            title: '上传中...',
            mask: true
          })
          var uploaderList = res.tempFilePaths;
          // ary.push(uploaderList[0])
          // if (ary.length <= 3) {
          //   // that.setData({
          //   //   imgs: ary
          //   // })
          // } else {
          //   wx.showToast({
          //     title: '最多只能上传3张图片',
          //     icon: 'none'
          //   })
          // }
  
          console.log(uploaderList, 'liost')
          if (type == 1) {
            that.setData({
              imags: that.data.puploaderList.concat(res.tempFilePaths),
            })
            // that.setData({
            //   puploaderNum: that.data.puploaderList.length
            // })
            // } else {
            //   that.setData({
            //     cuploaderList: that.data.cuploaderList.concat(res.tempFilePaths),
            //   })
            //   that.setData({
            //     cuploaderNum: that.data.cuploaderList.length
            //   })
          }
          that.uploadDIY(uploaderList, 0, 0, 0, uploaderList.length, type);
        }
  
      })
    }else{
      wx.showToast({
        title: '最多只能上传三张图片',
        icon:'none'
      })
    }
   
  },

  uploadDIY(filePaths, successUp, failUp, i, length, type) {
    let that = this;
    wx.uploadFile({
      filePath: filePaths[i],
      name: 'file',
      url: 'http://sjhl.brotop.cn/myUser/common/upload',
      header: {
        'content-type': 'multipart/form-data',
        'Authorization': wx.getStorageSync('Authorization') || ''
      },
      success: function (res) {
        successUp++;
        console.log('上传图片成功：', JSON.parse(res.data));
        var data = JSON.parse(res.data);
        let url = JSON.parse(res.data).data
        if (that.data.imgs.length < 3) {
          ary.push(url);
          that.setData({
            imgs: ary
          })
        }

        if (type == 1) {
          that.data.ppath[i] = url;
          that.setData({
            ppath: that.data.ppath
          })
        } else {
          that.data.cpath[i] = url;
          that.setData({
            cpath: that.data.cpath
          })
        }
        // 把获取到的路径存入imagesurl字符串中
        // this.data.imagesurl
        // this.setData({
        //   imagesurl: this.data.imagesurl.concat(data.data)
        // })
        // console.log(this.data.imagesurl)
      },
      fail: (res) => {
        failUp++;
      },
      complete: () => {
        i++;
        if (i == length) {
          // Toast('总共' + successUp + '张上传成功,' + failUp + '张上传失败！');
          wx.showToast({
            title: '上传成功',
          })
        } else { //递归调用uploadDIY函数
          that.uploadDIY(filePaths, successUp, failUp, i, length, type);
        }
      },
    })


  },
  delPic(e) {
    console.log(e, 'e')
    let index = e.currentTarget.dataset.index;
    let list = this.data.imgs;
    list.splice(index, 1)
    this.setData({
      imgs: list
    })
  },
  //申请退款
  refund() {
    let list = [];
    list.push(this.data.text)
    let postData = {
      certificate: this.data.imgs,
      note: this.data.word,
      orderId: this.data.orderId,
      refundName: list
    }
    method.postRequest("/order/refund", postData, data => {
      if (data.statusCode == 0) {
        wx.showToast({
          title: '申请成功',
        })
        wx.redirectTo({
          url: '/pages/all-order/all-order',
        })
      }else{
        // setTimeout(() => {
        //   util.getUser()
        // }, 2000)
      }
    })
  },
  //
  onLoad: function (options) {
    this.setData({
      orderId: options.orderid
    })
    let that = this;
    that.orderDetail()
    that.reason()

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})