// pages/my/suggestion/suggestion.js
const app = getApp();
const qiniuUploader = require("../../../utils/qiniuUploader");
Page({

        /**
         * 页面的初始数据
         */
        data: {
                test: '',
                length: 0,
                imgBox: [],
                img_urls:[],
                imgURL: [],
                imageURL: '',
                imgUrls:[],
                imgStr:''
        },
        //返回按钮
        get_back(){
                wx.navigateBack({})
        },
        //限制字数
        limit(e) {
                let value = e.detail.value;
                var length = parseInt(value.length);
                this.setData({
                        length: length,
                        test:value
                });
        },
        //点击增加图片
        changePhoto: function () {
                var that = this;
                var img_arr = []
                // 选择图片
                wx.chooseImage({
                        count: 9,
                        success: function (res) {
                                const filePath = res.tempFilePaths;
                                // var filePath = res.tempFilePaths[0];
                                img_arr=filePath
                                let arr = [];
                                img_arr = that.data.imgBox.concat(img_arr)
                                that.setData({
                                        imgBox: img_arr
                                });
                                // var filePath = res.tempFilePaths[0];
                                // 交给七牛上传
                                qiniuUploader.upload(filePath, (res) => {
                                        // 每个文件上传成功后,处理相关的事情
                                        // 其中 info 是文件上传成功后，服务端返回的json，形式如
                                        // {
                                        //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                                        //    "key": "gogopher.jpg"
                                        //  }
                                        // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
                                        var img_urls = that.data.imgUrls;
                                        img_urls.push(res.key);
                                        let a = 'http://qiniu.himrhi.com/' + res.key
                                        var str=''
                                        str=img_urls.join(',');
                                        that.setData({
                                                imageURL: res.imageURL,
                                                key:a,
                                                imgBox: img_arr,
                                                imgUrls: img_urls,
                                                imgStr:str
                                        });
                                }, (error) => {
                                        console.log('error: ' + error);
                                }, {
                                                region: 'ECN',
                                                domain: 'qiniu.himrhi.com', // // bucket 域名，下载资源时用到。如果设置，会在 success callback 的 res 参数加上可以直接使用的 ImageURL 字段。否则需要自己拼接
                                                // key: 'customFileName.jpg', // [非必须]自定义文件 key。如果不设置，默认为使用微信小程序 API 的临时文件名
                                                // 以下方法三选一即可，优先级为：uptoken > uptokenURL > uptokenFunc
                                                // uptoken: 'JMgHPK8vEdZfUfxZIW8qIsyucRCZeTZ4aqHLWsjI:9VjchzcKJTa9uqK_0MWELzc4_zg=:eyJzY29wZSI6ImhpLWZyZXNoIiwiZGVhZGxpbmUiOjE1NjA3MzU3ODF9', // 由其他程序生成七牛 uptoken
                                                uptokenURL: 'http://www.himrhi.com/api/wxapp/public/getQiniuToken', // 从指定 url 通过 HTTP GET 获取 uptoken，返回的格式必须是 json 且包含 uptoken 字段，例如： {"uptoken": "[yourTokenString]"}
                                                uptokenFunc: function () { return 'JMgHPK8vEdZfUfxZIW8qIsyucRCZeTZ4aqHLWsjI:9VjchzcKJTa9uqK_0MWELzc4_zg=:eyJzY29wZSI6ImhpLWZyZXNoIiwiZGVhZGxpbmUiOjE1NjA3MzU3ODF9'; }
                                        }, (res) => {
                                                // console.log('上传进度', res.progress)
                                                // console.log('已经上传的数据长度', res.totalBytesSent)
                                                // console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend)
                                                console.log("成功")
                                        }, () => {
                                                // 取消上传
                                        }, () => {
                                                // `before` 上传前执行的操作
                                        }, (err) => {
                                                // `complete` 上传接受后执行的操作(无论成功还是失败都执行)
                                        });
                        }
                })
        },
        //点击删除图片
      deleteImg(e){
              let val=e.currentTarget.dataset.index
              let imgUrls=this.data.imgUrls
              let imgBox=this.data.imgBox
             let indexs= imgBox.indexOf(val)
              imgUrls.splice(indexs,1)
             imgBox.splice(indexs, 1)
              this.setData({
                      imgUrls: imgUrls,
                      imgBox:imgBox
              })
      },
        //点击提交
        submitProblem(){
                let url ='/wxapp/user/setGuestBook'
                if(this.data.content==''){
                        wx.showToast({
                                title: '请填写内容',
                                icon:'none'
                        })
                }
                if (this.data.imgStr == '') {
                        wx.showToast({
                                title: '请上传图片',
                                icon: 'none'
                        })
                }
                let params={
                        content:this.data.test,
                        img:this.data.imgStr
                }
                app.post(url,params).then(r=>{
                        if(r.code==1){
                                wx.showToast({
                                        title: '提交成功',
                                        icon:'none'
                                })
                                wx.switchTab({
                                        url: '../my',
                                })
                        }
                })
        },

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

        },

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

        },

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

        },

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

        },

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

        },

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

        },

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

        },

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

        }
})