PhonicsGame_master/pages/main/item.js

import common from '../../utils/util';
import server from '../../utils/main';

const app = getApp();

var currentIndex = 0, tempCurrentIndex = -1;
var audioArray = [];

Page({
  data: {
    version: app.globalData.version,
    IsPlaying: 0,
    PlayStr: "本",
    selectTab0: "btn1",
    selectTab1: "",
    selectTab2: "",
  },
  onLoad: function (options) {
    var that=this;
    this.audioCtxNumber = wx.createAudioContext('numberAudio');
    
    this.setData({
      Containnerheight: server.getWindowHeight(),
      IsPlaying: 0,
    });
    audioArray = [];
    currentIndex=0;
    tempCurrentIndex = -1;

    var id = options.id;
    this.getItem(id);

    wx.setNavigationBarTitle({
      title: "试卷答案 " + id,
    });

    common.getStorageValue(this, "HelpHidden6", false, function () { 
      that.showHelp();
    });

  },
  onUnload:function(){
    this.closeHelp();
  },
  scrollTop: function (e) {
    var id = Number(e.currentTarget.dataset.id);
    var selectTab0 = "", selectTab1 = "", selectTab2 = "";
    if (id == 0)
      selectTab0 = "btn1";
    else if (id == 1)
      selectTab1 = "btn1";
    else if (id == 2)
      selectTab2 = "btn1";
    this.setData({
      selectTab0: selectTab0,
      selectTab1: selectTab1,
      selectTab2: selectTab2,
    });

    var top = 0;

    var query = wx.createSelectorQuery();
    query.select('#panelRowTop' + id).boundingClientRect();
    query.selectViewport().scrollOffset();
    query.exec(function (res) {
      top = res[0].top + res[1].scrollTop

      wx.pageScrollTo({
        scrollTop: top,
        duration: 500
      });
    });

  },
  getItem: function (id) {
    var that = this;
    var list = wx.getStorageSync("AnswerList");
    if (list && list.length > 0) {
      var item;
      for (var i = 0; i < list.length; i++) {
        if (id == list[i].AnswerID) {
          item = list[i];
          break;
        }
      }

      var list = item.QuestionList;
      for (var i = 0; i < list.length; i++) {
        if (i == 0 && list[i].Vertical) {
          list[i].IsShowVertical = true;
          break;
        }

      }

      var list = item.QuestionList;
      for (var i = 0; i < list.length; i++) {
        if (list[i].OperateAB == '÷' && list[i].Vertical) {
          list[i].LineLength = list[i].A.toString().length;
          for (var k = 0; k < list[i].Vertical[1].Array.length; k++) {
            list[i].Vertical[1].Array[k] = "";
          }
          for (var k = 0; k < list[i].Vertical[2].Array.length; k++) {
            if (list[i].Vertical[2].Array[k] =="√"){
              list[i].Vertical[2].Array[k]="";
              list[i].Vertical[2].Array.push("√");
              break;
            }
          }
        }
      }

      that.setData({
        AnswerItem: item,
      });
    }
  },
  selectedItem: function (e) {
    var id = e.currentTarget.dataset.id;
    var list = this.data.AnswerItem.QuestionList;
    for (var i = 0; i < list.length; i++) {
      if (id == list[i].ID) {
        list[i].IsShowVertical = !list[i].IsShowVertical;
      } else {
        list[i].IsShowVertical = false;
      }
    }
    this.data.AnswerItem.QuestionList = list;
    this.setData({
      AnswerItem: this.data.AnswerItem,
    });

  },
  showImage: function (e) {
    var that = this;
    wx.previewImage({
      current: that.data.AnswerItem.TempImagePath, // 当前显示图片的http链接
      urls: [that.data.AnswerItem.TempImagePath] // 需要预览的图片http链接列表
    });
  },
  playAudioStart: function () {

    if (this.data.IsPlaying == 1) {
      this.audioCtxNumber.pause();
    }
    else if (this.data.IsPlaying == -1) {
      this.audioCtxNumber.play();
    }
    else if (this.data.IsPlaying == 0) {
      var arr = [];
      var item = this.data.AnswerItem;
      var list = item.QuestionList;
      for (var i = 0; i < list.length; i++) {
        if ((i % (list.length / 3)) == 0) {
          if (i > 0) {
            arr.push("");
            audioArray.push(arr);
            arr = [];
          }
          arr.push("第" + (1 + i / (list.length / 3)) + "列");

        }
        var str = list[i].Result;
        if (str.toString().indexOf("......") > 0) {
          str = str.toString().replace("......", "”余数");
          str = "商“" + str;
        }
        arr.push(str);
      }
      arr.push("");
      audioArray.push(arr);

      this.playAudioAll();
    }

    if (this.data.IsPlaying == 1)
      this.data.IsPlaying = -1;
    else
      this.data.IsPlaying = 1;
    this.setData({
      IsPlaying: this.data.IsPlaying,
    });

  },
  playAudioAll: function () {
    if (currentIndex >= 3) {
      currentIndex = 0;
      this.setData({
        IsPlaying: true,
      });
      return;
    } else {
      server.playAudio(this.audioCtxNumber, audioArray[currentIndex].join(","));
    }
  },
  onPlayEnded: function (e) {
    currentIndex++;
    this.playAudioAll();
  },
  playPrev: function () {
    var playstr = "本";
    if (currentIndex > 0 && tempCurrentIndex == currentIndex) {
      currentIndex--;
    }
    else {
      tempCurrentIndex = currentIndex;
      playstr = "前";
      if (currentIndex <= 0)
        playstr = "本";
    }
    this.playAudioAll();
    this.setData({
      PlayStr: playstr,
    });
  },
  showHelp: function () {
    if (!this.data.HelpHidden6) {
      this.audioCtx = wx.createAudioContext('myAudio');
      var str = "Nice，让我用30秒讲完最后的帮助。答案靠左，题目居右，如果发现题目右侧有图标，说明这是一道竖式题，点击图标可以检查解题步骤，这是独门神器，对找出问题所在非常有效。期待你的好成绩，拜拜！";
      server.playAudio(this.audioCtx, str);
    }
  },
  closeHelp: function () {
    this.setData({
      HelpHidden6: true,
    });
    wx.setStorageSync("HelpHidden6", true);
    this.audioCtx = wx.createAudioContext('myAudio');
    this.audioCtx.pause();
  },
  onShareAppMessage: function () {
    return {
      title: app.globalData.ShareTitle,
      path: 'pages/index/index?UserID=' + app.globalData.userInfo.UserID,
      imageUrl: app.globalData.ShareImageUrl,
    }
  },
})