// pages/first/first.js
const app = getApp()
let radio = wx.getRecorderManager(); //创建录音
const innerAudioContext = wx.createInnerAudioContext()
innerAudioContext.autoplay = true
let time = null 
let time_num = 0;
Page({
    /**
     * 页面的初始数据
     */
    data: {
      uploaderList: [],
      uploaderNum: 0,
      showUpload: true,
      imglist: [],
      http_url:'',

      Count:0,//总题数
      current:"0",//当前题号
      today_id:'',//今日任务id
      match_id:'',//比赛任务id
      all_data:[],//全部题目
      today_data:{
        "today_subject_id": 4,//题目ID
        "type": 1, //题目类型:1=无需用户操作,2=需要用户上传图片,3=需要用户上传录音,4=需要用户观看动画片
        "title": "图文题", //题目标题
        "video_type": 0,//视频类别:0=没有视频文件,1=本地上传视频,2=第三方网站视频链接
        "video_file": "视频文件", //视频文件
        "web_url": "第三方网站视频链接", //第三方网站视频链接
        "audio_file": "音频文件", //音频文件
        "image": [//图片
          "http://ce.net/uploads/20210716/8bb3479d5444f4c45de0ae8e449a2b9d.png",
          "http://ce.net/uploads/20210716/8bb3479d5444f4c45de0ae8e449a2b9d.png"
        ],
        "text": "图文", //文字描述
      },
      "soundType":0,//录音状态 0未录音 1开始录音 2录音完成  3播放录音
      musicUrl:'',//本地录音问价
      musicHttp:'',//线上录音文件
      allAnswer:[],
      answer:{//当前答题答案
        'today_subject_id': '', //'题目ID',
        'type':0,//题目类型:1=用户上传图片,2=用户上传音频,
        'file_url': [] //'图片/音频 【多张图 , 分割 拼接字符串】'
      },
      alterType:false,//弹窗状态
      alterData:{},//弹窗数据
      taskType:'',//任务类型 比赛任务  今日任务
      TodayTaskType:'',//1 打卡 0 补卡
      webImg:'',//第三方链接封面
      pages_types:false,//页面加载
    },
    PlayState(){
      this.selectComponent("#audio").changePlayState()
    },
    //下一题
    gotoday(){
      if(this.data.answer.type == 1 && this.data.imglist.length == 0 ){//图片
        wx.showToast({
          title: "请上传图片完成答题",
          icon: 'none'
        })
        return;
      }
      if(this.data.answer.type == 2 && this.data.musicHttp == ''){//录音文件
        wx.showToast({
          title: "请录音完成答题",
          icon: 'none'
        })
        return;
      }
      var index = this.data.current
      var current = this.data.current*1+1;//答题题号

      var file = [];//答题文件
      if(this.data.answer.type == 1){//图片
        file = this.data.imglist;
      }
      if(this.data.answer.type == 2){//录音文件
        file.push(this.data.musicHttp)
      }
      this.data.answer.file_url = file

      var data = this.data.answer;//当前做完的题目答案
      this.data.allAnswer.push(data)//全部做完的题目答案
      
      if(this.data.current == this.data.Count){//判断题目是否全部答完
        this.TodayTask()
        return
      }
      //下一题答案
      let answer ;
      if(this.data.taskType == "today"){  //今日任务
        answer = {
          'today_subject_id': this.data.all_data[index].today_subject_id, //'题目ID',
          'type':0,//题目类型:1=用户上传图片,2=用户上传音频,
          'file_url': [] //'图片/音频 【多张图 , 分割 拼接字符串】'
        }
      }else if(this.data.taskType  == "match"){//比赛任务
        answer = {
          'match_subject_id': this.data.all_data[index].match_subject_id, //'题目ID',
          'type':0,//题目类型:1=用户上传图片,2=用户上传音频,
          'file_url': [] //'图片/音频 【多张图 , 分割 拼接字符串】'
        }
      }
      

      if(this.data.all_data[index].type == 2){ // 需要用户上传图片
        answer.type = 1
      }else if(this.data.all_data[index].type == 3){ // 需要用户上传录音
        answer.type = 2
      }else{
        answer.type = ''
      }
      
      this.setData({
        today_data:this.data.all_data[index],//下一题
        current:current,
        answer:answer,
        allAnswer:this.data.allAnswer,
        uploaderList:[],//下一题后图片置空
        imglist:[],//下一题后图片置空
        musicHttp:'',//下一题后录音文件置空
        musicUrl:'',//下一题后录音文件置空
      })
      // wx.redirectTo({
      //   url: '/pages/three/three',
      // })
    },
    //答题提交
    TodayTask(){
      clearInterval(time)
      var data = {}//提交参数
      var url = '' //接口地址 
      //判断任务类型
      var temporary = Math.ceil(time_num/60);//学习时间
      var all_data = JSON.stringify(this.data.allAnswer)
      if(this.data.taskType == "today"){  //今日任务
        url = 'today/TodayTask'
        data = {today_id:this.data.today_id,json:all_data,learn_time:temporary,type:this.data.TodayTaskType}
      }else if(this.data.taskType  == "match"){//比赛任务
        url = 'match/MatchTask'
        data = {match_id:this.data.match_id,json:all_data,learn_time:temporary}
      }
      app.post(url,data ).then(res => {
        if(res.code == 1){
          console.log(res)
          this.TodayTaskWindow()
        }else{
          wx.showToast({
            title: res.msg,
            icon: 'none'
          })
        }
    }).catch(err => {
        wx.showToast({
          title: err.msg,
          icon: 'none'
        })
    })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
      if(options.type == "today"){//今日任务
        this.setData({
          today_id:options.id,
        })
        this.TodayQuestion()
      }else if(options.type == "match"){//比赛任务
        this.setData({
          match_id:options.id,
        })
        this.MatchQuestion()
      }
      this.setData({
        taskType:options.type,
        TodayTaskType:options.clockType,//是否为补卡
        http_url:app.globalData.imgBaseUrl,
      })
      var that = this;
      this.WebImage()
      time = setInterval(function(){
        time_num++
      },1000)
    },
    //提交完成弹窗
    TodayTaskWindow(){
      var data = {}//提交参数
      var url = '' //接口地址 
      if(this.data.taskType == "today"){  //今日任务
        url = 'today/TodayTaskWindow'
        data = {TodayClockId:this.data.today_id}
      }else if(this.data.taskType  == "match"){//比赛任务
        url = 'match/MatchTaskWindow'
        data = {MatchClockId:this.data.match_id}
      }
      app.post(url,data).then(res => {
          if(res.code == 1){
            console.log(res)
            this.setData({
              alterData:res.data
            })
            this.setData({
              alterType:true
            })
          }else{
            wx.showToast({
              title: res.msg,
              icon: 'none'
            })
          }
      }).catch(err => {
          wx.showToast({
            title: err.msg,
            icon: 'none'
          })
      })
    },
    //完成任务返回首页
    gototram(){
      
      wx.switchTab({
        url: '/pages/index/index',
      })
    },
    //获取今日任务列表
    TodayQuestion(){
      wx.showLoading({
        title: '加载中...',
      })
      var that = this;
      app.post("today/TodayQuestion", {today_id:this.data.today_id}).then(res => {
          if(res.code == 1){
            wx.hideLoading()
            console.log(res)

            let answer = {
              'today_subject_id': res.data.List[0].today_subject_id, //'题目ID',
              'type':0,//题目类型:1=用户上传图片,2=用户上传音频,
              'file_url': [] //'图片/音频 【多张图 , 分割 拼接字符串】'
            }
            if( res.data.List[0].type == 2){ // 需要用户上传图片
              answer.type = 1
            }else if( res.data.List[0].type == 3){ // 需要用户上传录音
              answer.type = 2
            }else{
              answer.type = ''
            }
            this.setData({
              today_data:res.data.List[0],//第一题
              all_data:res.data.List,//全部题
              Count:res.data.Count,//总题数
              current:1,//当前题数
              answer,
              pages_types:true,
            })
          }
      }).catch(err => {
          wx.showToast({
            title: err.msg,
            icon: 'none'
          })
      })
  },
  //比赛任务
  MatchQuestion(){
      var that = this;
      wx.showLoading({
        title: '加载中...',
      })
      app.post("match/MatchQuestion", {match_id:this.data.match_id}).then(res => {
          if(res.code == 1){
            console.log(res)
            wx.hideLoading()
            let answer = {
              'match_subject_id': res.data.List[0].match_subject_id, //'题目ID',
              'type':0,//题目类型:1=用户上传图片,2=用户上传音频,
              'file_url': [] //'图片/音频 【多张图 , 分割 拼接字符串】'
            }
            if( res.data.List[0].type == 2){ // 需要用户上传图片
              answer.type = 1
            }else if( res.data.List[0].type == 3){ // 需要用户上传录音
              answer.type = 2
            }else{
              answer.type = ''
            }
            this.setData({
              today_data:res.data.List[0],//第一题
              all_data:res.data.List,//全部题
              Count:res.data.Count,//总题数
              current:1,//当前题数
              answer,
              pages_types:true,
            })
          }
      }).catch(err => {
          wx.showToast({
            title: err.msg,
            icon: 'none'
          })
      })
  },
  //答题页外部链接按钮图片
  WebImage(){
    var that = this;  
    app.post("index/WebImage", {}).then(res => {
        if(res.code == 1){
          console.log(res)
          this.setData({
            webImg: res.data.web_image
          })
        }
    }).catch(err => {
        wx.showToast({
          title: err.msg,
          icon: 'none'
        })
    })
},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
      innerAudioContext.onEnded((res)=>{ // 监听音频自然播放至结束的事件
        console.log(res)
        this.setData({
          soundType : 2
        })
      })
    },

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

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {
      clearInterval(time)
      innerAudioContext.offEnded((res)=>{//取消监听音频自然播放至结束的事件
        console.log(res)
      })
      this.PlayState()//暂停后台播放的音乐
    },

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

    },

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

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {
      
    },
    
    //第三方链接
    web_url(e){
      var webUrl = e.currentTarget.dataset.weburl;
      wx.navigateTo({
        url: '/pages/webUrl/webUrl?webUrl=' + webUrl,
      })
    },
    // 删除图片
    clearImg: function (e) {
      var nowList = []; //新数据
      var imglist = this.data.imglist; //原数据
      var nowLists = []; //新数据
      var uploaderList = this.data.uploaderList; //原数据
      for (let i = 0; i < imglist.length; i++) {
        if (i == e.currentTarget.dataset.index) {
          continue;
        } else {
          nowList.push(imglist[i])
        }
      }
      for (let i = 0; i < uploaderList.length; i++) {
        if (i == e.currentTarget.dataset.index) {
          continue;
        } else {
          nowLists.push(uploaderList[i])
        }
      }
      this.setData({
        uploaderNum: this.data.uploaderNum - 1,
        imglist: nowList,
        uploaderList: nowLists,
        showUpload: true
      })
    },
    //看原图
    showImg: function (e) {
      var that = this;
      console.log(e.currentTarget.dataset.index)
      wx.previewImage({
        urls: that.data.uploaderList,
        current: that.data.uploaderList[e.currentTarget.dataset.index]
      })
    },
    //上传图片
    upload: function (e) {
      var that = this;
      wx.chooseImage({
        count: 9 - that.data.uploaderNum, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
        success: function (res) {
          console.log(res)
          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
          let tempFilePaths = res.tempFilePaths;
          console.log(tempFilePaths)
          let uploaderList = that.data.uploaderList.concat(tempFilePaths);
          console.log(uploaderList)
          if (uploaderList.length == 9) {
            that.setData({
              showUpload: false
            })
          }
          that.setData({
            uploaderList: uploaderList,
            uploaderNum: uploaderList.length,
          })
          wx.showLoading({
            title: '正在上传..',
          })
          for (let i = 0; i < tempFilePaths.length; i++) {
            that.upload_file(tempFilePaths[i],'img')
            // wx.uploadFile({
            //   url: app.globalData.baseUrl + 'common/upload', //接口地址
            //   filePath: tempFilePaths[i], //要上传文件资源的路径 (本地路径)
            //   name: 'file', //文件对应的 key，开发者在服务端可以通过这个 key 获取文件的二进制内容
            //   formData: { //请求中额外的其他form-data
            //     'file': 'test'
            //   },
            //   success(res) {
            //     wx.hideLoading();
            //     console.log(res.data)
            //     var str = res.data

            //     var file = JSON.parse(str);
            //     console.log(file.data)
            //     let imglist = that.data.imglist.concat(file.data.save_path)
            //     console.log(imglist)

            //     that.setData({
            //       imglist: imglist
            //     })
            //   }
            // })
          }
        }
      })
    },
    //文件上传请求
    upload_file(data,type){
      var that = this;
      wx.uploadFile({
        header:{
          'content-type': 'application/json',
          'token': wx.getStorageSync('token') ? wx.getStorageSync('token') : ''
        },
        url: app.globalData.baseUrl + 'common/upload', //接口地址
        filePath: data, //要上传文件资源的路径 (本地路径)
        name: 'file', //文件对应的 key，开发者在服务端可以通过这个 key 获取文件的二进制内容
        formData: { //请求中额外的其他form-data
          'file': 'test'
        },
        success(res) {
          wx.hideLoading();
          console.log(res.data)
          var str = res.data
          var file = JSON.parse(str);
          if(type == 'img'){ //图片文件
            let imglist = that.data.imglist.concat(file.data.url)
            that.setData({
              imglist: imglist
            })
          }else{//mp3文件
            that.setData({
              musicHttp: file.data.url
            })
          }
        }
      })
    },
    
    //开始录音
    startRecord(){
      console.log("开始录音")
      const options = {
        duration: 30000, //录音
        sampleRate: 44100,
        numberOfChannels: 1,
        encodeBitRate: 192000,
        format: 'mp3'
      }
      radio.start(options); //开始录音
      this.setData({
        soundType:1,//开始录音
      })
      radio.onStart((res => {
        console.log('监听录音', res)
      }));//监听录音事件
    },
    //结束录音
  stopRecord: function () {
    console.log("结束录音")
    var that = this;
    radio.stop(); //录音结束
    
    radio.onStop((res) => { //录音结束
      console.log('录音结束', res);
      this.setData({
        soundType:2,//录音结束
        musicUrl: res.tempFilePath, //录音音频
      })
      that.upload_file(res.tempFilePath)//上传录音文件
    })
  },
  //录音播放事件
  play_voice(){
    // console.log("播放录音")
    this.setData({
      soundType:3,//录音结束
    })
    innerAudioContext.src = this.data.musicUrl
    innerAudioContext.play()
    console.log(innerAudioContext.paused)
    innerAudioContext.onPlay(() => { // 监听音频播放事件
      console.log('开始播放')
    })
    innerAudioContext.onError((res) => { // 监听音频播放错误事件
      console.log(res.errMsg)
      console.log(res.errCode)
    })
    
  },
  //录音暂停事件
  pause_voice(){
    this.setData({
      soundType:2,//录音结束
    })
    console.log("暂停播放")
    innerAudioContext.pause()
    innerAudioContext.onPause(() => { // 监听音频暂停事件
      console.log('暂停播放')
    })
    innerAudioContext.offError((res) => { // 取消监听音频加载中事件
      console.log(res.errMsg)
      console.log(res.errCode)
    })
    // innerAudioContext.offEnded((res)=>{//取消监听音频自然播放至结束的事件
    //   console.log(res)
    // })
  }
})