PhonicsGame_master/pages/main/list.js

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

const app = getApp();
var categoryID = "";
var categoryName = "";
var categoryNum = "";
var SelectID = 0;

Page({
  data: {
    version: app.globalData.version,
    filter: 'all',
    CategoryID: 1,
  },
  onLoad: function (options) {
    var that=this;
    categoryID = options.id;
    categoryName = options.name;
    categoryNum = options.num;
    //console.log(category);
    common.getStorageValue(this, "HelpHidden2", false, function () { 
      that.showHelp();
    });

    this.setData({
      CategoryNum: categoryNum,
      CategoryID: categoryID,
      Containnerheight: server.getWindowHeight(),
    });
    this.getList();
    
  },
  getList: function () {
    this.buildList();
    wx.setNavigationBarTitle({
      title: categoryName + " 题卡仓库",
    });
  },
  gotoDetail: function (e) {
    SelectID = e.currentTarget.dataset.id;
    var arr = wx.getStorageSync('SelectIDArray');
    if (!arr)
      arr = [];
    for (var i = 0; i < arr.length; i++) {
      if (arr[i] == SelectID) {
        arr.splice(i, 0);
        break;
      }
    }

    arr.push(SelectID);
    wx.setStorageSync('SelectIDArray', arr);
    this.buildList();

    wx.navigateTo({
      url: '../main/detail?id=' + SelectID,
    });

    this.closeHelp();
  },
  buildList: function () {
    var that = this;

    var arrID = categoryID.split(",");
    var list = [];

    var data = wx.getStorageSync('QuestionTypeList');
    var arr = wx.getStorageSync('SelectIDArray');
    for (var i = 0; i < data.length; i++) {
      for (var j = 0; j < arrID.length; j++) {
        if (data[i].ID == arrID[j]) {
          for (var k = 0; k < data[i].List.length; k++) {
            data[i].List[k].CategoryLevel = data[i].Name;
            data[i].List[k].IconName = app.globalData.fileUrl + data[i].List[k].IconName;
            data[i].List[k].SelectItem = "boxCenter";
            for (var n = 0; n < arr.length; n++) {
              if (arr[n] == data[i].List[k].ID) {
                data[i].List[k].SelectItem = "boxLeft";
              }
            }

            data[i].List[k].Select = false;
            if (SelectID == data[i].List[k].ID)
              data[i].List[k].Select = true;

            if (this.data.filter == "vertical") {
              if (data[i].List[k].QuestionNumber3 > 0)
                list.push(data[i].List[k]);
            }
            else {
              list.push(data[i].List[k]);
            }
          }
          break;
        }
      }
    }
    this.setData({
      QuestionTypeList: list,
    });

  },
  openMenu: function (e) {
    this.data.filter = e.currentTarget.dataset.filter;
    this.setData({
      filter: this.data.filter,
    });
    this.buildList();
  },
  showHelp: function () {
    if (!this.data.HelpHidden2) {
      this.audioCtx = wx.createAudioContext('myAudio');
      var str = "这里是仓库，每一层货架的箱子里都有一个知识点，很有意思吧！如果看到一个叫“有竖式”的标签，说明该题型可以打印竖式计算题，想要快速定位所有竖式题目的话，点击顶层货架就能帮你筛选。请选一只箱子继续。";
      server.playAudio(this.audioCtx, str);
    }
  },
  closeHelp: function () {
    this.setData({
      HelpHidden2: true,
    });
    wx.setStorageSync("HelpHidden2", 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,
    }
  },
})