const app = getApp()
const innerAudioContext = wx.createInnerAudioContext();
var Interval;
Page({

    /**
     * 页面的初始数据阿萨d
     */
    data: {
        id: '',
        nav: -1,
        previous_num:0,//点击上一题的数量
        list: '', //第一道题
        clockData: {}, //所有题型
        curent: '', //当前题号
        countdown: '', //倒计时
        player: false, //语音
        show: false, //解析
        analysis: '',
        sss: '', //时
        mmm: '', //分
        hhh: "", //秒
        media:'',
        error_media:'',
        previous:0,
        // 用于重置播放组件
        Reset:true,
    },
    onLoad: function (options) {
        console.log(options)
        this.setData({
            id: options.id
        })
        this.getlist()
        //获取回答正确语音
        app.post("common/correct_media", {}).then(res => {
            this.setData({
                media: 'http://english.brofirst.cn' + res.data.media,
                error_media: 'http://english.brofirst.cn' +res.data.error_media
            })
        })

        wx.enableAlertBeforeUnload({
            message: "你确定退出当前任务？",
            success: function (res) {
              console.log("方法注册成功：", res);
            },
            fail: function (errMsg) {
              console.log("方法注册失败：", errMsg);
            },
        });
    },

    onShow: function () {
        var that = this
        // that.getlist()
        let time = this.data.hhh + ':' + this.data.mmm + ':' + this.data.sss
        if(time != '::'){
            this.countDown(time)
        }
    },
    previewImage(e){
      var img = e.currentTarget.dataset.img;
      wx.previewImage({
        current: img, // 当前显示图片的http链接
        urls: [img]
      })
    },
    time() {
        // 倒计时
        var that = this
        var countDown_time = that.data.clockData.Limit;
        // var countDown_time = 110;
        // 分钟转化为时分秒
        var h = parseInt(countDown_time / 60)
        var m = parseInt(countDown_time % 60);
        var s = parseInt(m / 60);
        // console.log(h)
        // console.log(m)
        // console.log(s)
        // 小于10的时候
        var a = "" + parseInt(h);
        if (a < 10) {
            a = '0' + a;
        }
        var b = "" + parseInt(m);
        if (b < 10) {
            b = '0' + b;
        }
        var c = "" + parseInt(s);
        if (c < 10) {
            c = '0' + c;
        }
        let time = a + ':' + b + ':' + c

        this.countDown(time)
    },
    // 倒计时
    countDown: function (countDown_time) {
        var that = this;
        var time = countDown_time.split(':')
        var hhh = parseInt(time[0])
        var mmm = parseInt(time[1])
        var sss = parseInt(time[2])
        this.setData({
            sss: (sss < 10) ? '0' + sss : sss,
            mmm: (mmm < 10) ? '0' + mmm : mmm,
            hhh: (hhh < 10) ? '0' + hhh : hhh
        })
        Interval = setInterval(function () {
            if (sss > 0) {
                sss--
            } else {

                if (hhh * 1 == 0 && mmm * 1 == 0 && sss * 1 == 0) {
                    clearInterval(Interval)
                    that.gosubmit()

                }
            }
            if (sss == 0) {
                if (mmm > 0) {
                    mmm--
                    sss = 59;
                }
                if (mmm == 0 && hhh > 0) {
                    hhh--
                    sss = 59;
                    mmm = 59;
                }
            }

            that.setData({
                sss: (sss < 10) ? '0' + sss : sss,
                mmm: (mmm < 10) ? '0' + mmm : mmm,
                hhh: (hhh < 10) ? '0' + hhh : hhh
            })
        }, 1000)
    },
    // 获取题目 
    getlist() {
        var that = this;
        app.post("evaluation/EvaluationQuestion", {
            evaluation_id: that.data.id
        }).then(res => {
           
            let list = res.data.List
            //调试
            // var obj = JSON.parse(JSON.stringify(list))
            // var data = res.data.List.concat(obj)
            // res.data.List = data
            // res.data.Count = data.length
            //调试
            list.forEach(item => {
                item.UserChoose = ''
            })
            // console.log(data)
            if (res.code == 1) {
                res.data.List[0].option.forEach((val) => {
                    val.image_select = false
                })
                that.setData({
                    list: res.data.List[0], //第一道题
                    clockData: res.data, //所有题型
                    curent: 1
                })
                
                let time = this.data.hhh + ':' + this.data.mmm + ':' + this.data.sss
               
                if(time == '::'){
                    that.time()
                }
            }
        }).catch(err => {

        })
    },

    // 选择答案
    bind_choose(e) {
        let Index = e.currentTarget.dataset.index
        let answer = e.currentTarget.dataset.answer
        // e.currentTarget.dataset.evaluation_subject_id
        if(this.data.nav != -1  && this.data.previous_num != 0){
            wx.showToast({
                title: '答案不可修改',
                icon: 'none'
            })
            return 
        }
        this.setData({
            nav: Index
        })
        let listindex = this.data.curent
        let list = this.data.clockData.List

        list.forEach((item, index) => {
            if (this.data.curent - 1 == index) {
                item.UserChoose = answer
                item.answer_index = Index
               
            }
        })

        this.setData({
            clockData: this.data.clockData
        })

    },
    // 
    PlayState() {
        if (this.selectComponent("#audio")) {
            this.selectComponent("#audio").changePlayState()
        }
    },
    previous(){
        
        var curent = this.data.curent * 1 - 1
        var previous = this.data.previous
        previous++
        var previous_num = this.data.previous_num
        previous_num++
        this.audioPause() //暂停后台播放的音乐
        this.setData({
          list: [],
      })
        this.setData({
            previous:previous,
            nav:  this.data.clockData.List[curent - 1].answer_index,
            curent: curent,
            list: this.data.clockData.List[curent - 1],
            previous_num:previous_num
        })
    },
    // 下一题 提交
    nextClick() {
        var previous = this.data.previous
        var previous_num = this.data.previous_num
      
       if(previous_num != 0){
          previous_num--
          this.setData({
            previous_num:previous_num
        })
       }
        var _this = this;
        if (this.data.list.UserChoose == '') {
            wx.showToast({
                title: '请选择答案',
                icon: 'none'
            })
            return
        }
        this.audioPause() //暂停后台播放的音乐
        innerAudioContext.stop()//选项答案
        if (_this.data.curent < _this.data.clockData.Count) {
            var curent = _this.data.curent * 1 + 1
            if(_this.data.clockData.List[curent - 1].answer_index != '' && _this.data.clockData.List[curent - 1].answer_index != undefined){
                _this.setData({
                    list: [],
                    current: 0
                })
                _this.setData({
                    nav:_this.data.clockData.List[curent - 1].answer_index,
                    curent: curent,
                    list: _this.data.clockData.List[curent - 1]
                })
            }else{
                if(previous == 0){
                    if(_this.data.list.option[this.data.list.answer_index].daan == 1){
                        // innerAudioContext.src = this.data.media;
                        // innerAudioContext.play();
                        // wx.showToast({
                        //   title: '你答对了',
                        //   icon:"none",
                        //   duration:30000,
                        //   mask:true,
                        // })
                    }else{
                        // innerAudioContext.src = this.data.error_media;
                        // innerAudioContext.play();
                        // wx.showToast({
                        //     title: '你答错了',
                        //     icon:"none",
                        //     mask:true,
                        //     duration:30000,
                        // })
                    }
                    // innerAudioContext.onEnded(function(){
                    //     wx.hideToast({})
                        _this.setData({
                          list: [],
                        })
                        _this.setData({
                            previous:previous,
                            current: 0,
                            nav: -1,
                            curent: curent,
                            list: _this.data.clockData.List[curent - 1]
                        })
                    // })
                }else{
                    if(previous != 0){
                        previous--
                    }
                    _this.setData({
                      list: [],
                    })
                    _this.setData({
                        previous:previous,
                        current: 0,
                        nav: -1,
                        curent: curent,
                        list: _this.data.clockData.List[curent - 1]
                    })
                }
               
            }
        } else {
            if(_this.data.list.option[this.data.list.answer_index].daan == 1){
                // innerAudioContext.src = this.data.media;
                // innerAudioContext.play();
                // wx.showToast({
                //   title: '你答对了',
                //   icon:"none",
                //   duration:30000,
                //   mask:true,
                // })
            }else{
                // innerAudioContext.src = this.data.error_media;
                // innerAudioContext.play();
                // wx.showToast({
                //     title: '你答错了',
                //     icon:"none",
                //     mask:true,
                //     duration:30000,
                // })
            }
            // innerAudioContext.onEnded(function(){
            //     wx.hideToast({})
                _this.setData({
                    list: [],
                    current: 0
                })
                _this.gosubmit()
            // })
        }
    },
    //交卷
    gosubmit() {
        var that = this;
        app.post("evaluation/EvaluationTask", {
            evaluation_id: that.data.id,
            json: JSON.stringify(that.data.clockData)

        }).then(res => {

            if (res.code == 1) {
                let analysis = res.data

                that.setData({
                    show: true,
                    analysis: analysis
                })
            } else {
                wx.showToast({
                    title: res.msg,
                    icon: 'none'
                })
            }
        }).catch(err => {

        })

    },



    //播放单词
    goAudio(e) {
        // console.log(e, '4444')
        // this.setData({
        //     player: !this.data.player
        // })

        // if (this.data.player) {
        let audio = e.currentTarget.dataset.audio
        let index = e.currentTarget.dataset.index
        var list = this.data.list
        
        if(list.option[index].image_select == false){
            innerAudioContext.stop()
            list.option.forEach((val) => {
                val.image_select = false
            })
            list.option[index].image_select = true
            this.setData({
                list:list,
            })
            innerAudioContext.src = audio;
            innerAudioContext.play();
    
            innerAudioContext.onPlay(() => {
                console.log('开始播放');
            });
            innerAudioContext.onError((res) => {
                console.log(res.errMsg);
                console.log(res.errCode);
            });
        }else{
            list.option.forEach((val) => {
                val.image_select = false
            })
            this.setData({
                list:list,
            })
            innerAudioContext.stop()
        }
        
      
        // } else {
        //     console.log('停止');
        //     innerAudioContext.stop()

        // }

    },


    // 测评分析 
    gototram() {
        let data = JSON.stringify(this.data.analysis)
        wx.setStorageSync('gototram', data)
        wx.navigateTo({
            url: '/pages/quest-5/quest-5?data=' + data,
        })

    },
    // 播放音频
    // PlayState() {
    //     this.selectComponent("#audio").changePlayState()
    // },

    onReady: function () {

    },




    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {
        this.audioPause() //暂停后台播放的音乐
        innerAudioContext.stop()
        clearInterval(Interval)
    },

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

        this.audioPause() //暂停后台播放的音乐
        innerAudioContext.stop()
        clearInterval(Interval)
    },
    
    audioPause(){
        if(this.selectComponent("#audio")){
          this.selectComponent("#audio").audioPause()
        }
      },
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

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

    },

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

    }
})