aiJia_game/pages/xin_li_xuan_zhuan/xin_li_xuan_zhuan.js

// pages/tu_xing_tui_li/tu_xing_tui_li.js
const { throttle } = require('../../utils/util.js')
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isXlxz: true,
    statusBar: app.globalData.statusBar,
    mentalRotation:0,
    graphicReasoning:0,
    spaceImagination:0,
    executionFunctionality:0,
    visualSearch:0,
    workingMemory:0,
    isAnswer: false,
    times: 0,
    level:0,
    isWhite:false,
    allList:[ 
      [
        {
          idx: 0,
          imgTitle: '../../image/lianxi_title_two.png',
          header:'正式测试前先练习一下吧：',
          title: '下面灰色图形旋转可以得到哪张黄色图形',
          answerList: [
            [
              {
                img: '../../image/lianxi_two_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_d.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
            [
              {
                img: '../../image/lianxi_two_as_d.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_c.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_b.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/lianxi_two_as_a.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        }
      ],
      [
        {
          id: 0,
          imgTitle: '../../image/the_first_pass_two_tittle.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_first_pass_two_as_a.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_first_pass_two_as_d.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_a.png',
                text: 'C',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two_as_c.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ]
          ]
        },
        {
          id: 1,
          imgTitle: '../../image/the_first_pass_two_tittle1.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_first_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_c.png',
                text: 'C',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_first_pass_two1_as_c.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_d.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_first_pass_two1_as_a.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        },
      ],
      [
        {
          id: 0,
          imgTitle: '../../image/the_second_pass_two_tittle.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_second_pass_two_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_d.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_second_pass_two_as_d.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_c.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_b.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two_as_a.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ]
          ]
        },
        {
          id: 1,
          imgTitle: '../../image/the_second_pass_two_tittle1.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_second_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_second_pass_two1_as_b.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_a.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_d.png',
                text: 'C',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_second_pass_two1_as_a.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        },
      ],
      [
        {
          id: 0,
          imgTitle: '../../image/the_third_pass_two_tittle.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_third_pass_two_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_b.png',
                text: 'B',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_third_pass_two_as_b.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_a.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_d.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two_as_c.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        },
        {
          id: 1,
          imgTitle: '../../image/the_third_pass_two_tittle1.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_third_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_c.png',
                text: 'C',
                isAnswer:1,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_third_pass_two1_as_c.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_a.png',
                text: 'C',
                isAnswer:0,
                status: ''
              },
              {
                img: '../../image/the_third_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        },
      ],
      [
        {
          id: 0,
          imgTitle: '../../image/the_fourth_pass_two_tittle.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_fourth_pass_two_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_c.png',
                text: 'C',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_fourth_pass_two_as_d.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_a.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_b.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two_as_c.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
          ]
        },
        {
          id:1,
          imgTitle: '../../image/the_fourth_pass_two_tittle1.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_fourth_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_fourth_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_d.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fourth_pass_two1_as_b.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
          ]
        },
      ],
      [
        {
          id: 0,
          imgTitle: '../../image/the_fifth_pass_two_tittle.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_fifth_pass_two_as_a.png',
                text: 'A',
                isAnswer:0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_b.png',
                text: 'B',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_fifth_pass_two_as_c.png',
                text: 'A',
                isAnswer:0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_a.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_d.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two_as_b.png',
                text: 'D',
                isAnswer: 1,
                status: ''
              }
            ],
          ]
        },
        {
          id: 1,
          imgTitle: '../../image/the_fifth_pass_two_tittle1.png',
          title: '认真观察下图，此图旋转后可以得到哪张图？',
          answerList: [
            [
              {
                img: '../../image/the_fifth_pass_two1_as_a.png',
                text: 'A',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_c.png',
                text: 'C',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
            [
              {
                img: '../../image/the_fifth_pass_two1_as_c.png',
                text: 'A',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_b.png',
                text: 'B',
                isAnswer: 0,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_a.png',
                text: 'C',
                isAnswer: 1,
                status: ''
              },
              {
                img: '../../image/the_fifth_pass_two1_as_d.png',
                text: 'D',
                isAnswer: 0,
                status: ''
              }
            ],
          ]
        },
      ],
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData(options)
    console.log(options)
    this.setData({
      isOne: Math.round(Math.random()),
      isRandom:Math.round(Math.random())
    })
  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },
  /**
   * 底部导航跳转
   */
  redirectCtl: app.redirectCtl,
  /**
   * 返回上一级页面
   */
  blockCtl: function () {
    this.redirectCtl({ url: 'me', method: {} }, true)
    this.endSetInter();
  },
  /**
   * 开始答题
   */
  actionAnswer: function () {
    const { isXlxz } = this.data;
    this.startSetInter();
    this.setData({ isXlxz: false })
  },
  /**
   * 选择答案 
   */
  selectItems:throttle(function(e){
    const {lindex, mindex,sindex } = e.currentTarget.dataset;
    const { allList, times, graphicReasoning, ageGroup,isRandom} = this.data;
    // console.log(lindex, mindex,sindex)
    var that = this;
    var temp = {};
    for (var i in allList[lindex][mindex].answerList[isRandom]) {
      temp[`allList[${lindex}][${mindex}].answerList[${isRandom}][${i}].status`] = '';
    }
    temp[`allList[${lindex}][${mindex}].answerList[${isRandom}][${sindex}].status`]='active';
    this.setData(temp);
    if (allList[lindex][mindex].answerList[isRandom][sindex].isAnswer == 1) {
      that.setData({ isYes: true,isAnswer: true})
      if(lindex!=0){
        that.integraeRule(1)
      }
      that.endSetInter();
      that.startSetInter()
    } else {
      that.setData({ isYes: false,isAnswer: true })
      if(lindex!=0){
        that.integraeRule(0)
      }
      that.endSetInter();
      that.startSetInter()
    }
    setTimeout(
      function () {
        if(lindex+1==6){
          that.endSetInter();
          that.tenEndTimes()
        }else{
          that.setData({ level:lindex+1,isAnswer:false,times: 0,isOne: Math.round(Math.random()),isWhite:true,isRandom:Math.round(Math.random())})
          that.hiddenShow()
        }
      }, 300)
  },800),
  /**
  * 过渡页显示
  */
  hiddenShow:function(){
    const {isWhite} = this.data;
    var that = this;
    setTimeout(function () {
      that.setData({ isWhite:false})
    }, 500)
  },
   /**
  * 积分规则处理
  */
  integraeRule:function(str){
    const { ageGroup, times,mentalRotation}=this.data;
    var that = this;
    that.saveCase(str)
    // console.log(ageGroup, times,mentalRotation)
    if(str==1){
        if (0<ageGroup&&ageGroup <= 5) {
          if (0 < times && times <= 720) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (720 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        } else if (6<=ageGroup&&ageGroup <= 8){
          if (0 < times && times <= 600) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (600 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (9<=ageGroup&&ageGroup <= 12){
          if (0 < times && times <= 480) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (480 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (13<=ageGroup&&ageGroup <= 15){
          if (0 < times && times <= 300) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (300 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (16<=ageGroup&&ageGroup <= 35){
          if (0 < times && times <= 120) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (120 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (36<=ageGroup&&ageGroup <= 49){
          if (0 < times && times <= 300) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (300 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (50<=ageGroup&&ageGroup <=60){
          if (0 < times && times <= 480) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (480 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  else if (60<ageGroup){
          if (0 < times && times <= 600) {
            that.setData({ mentalRotation: Number(mentalRotation)+20 });
          } else if (600 < times ) {
            that.setData({ mentalRotation: Number(mentalRotation)+18 });
          }
        }  
        
      }else{
        that.setData({ mentalRotation: Number(mentalRotation)+0 });
      }
  },
  /**
  * 开始计时
  */
  startSetInter: function () {
    var that = this;
    const { graphicReasoning } = that.data;
    //将计时器赋值给setInter
    that.data.setInter = setInterval(
      function () {
        var numVal = that.data.times + 0.1;
        that.setData({ times: numVal });
      }
      , 100);
  },
  /**
   * 结束计时
   */
  endSetInter: function () {
    var that = this;
    clearInterval(that.data.setInter)
  },
  /**
   * 页面跳转定时器
   */
  tenEndTimes: function () {
    var that = this;
    const { graphicReasoning, level, ageGroup,spaceImagination,executionFunctionality,visualSearch,workingMemory,mentalRotation,gameRespondentId} = that.data;
    setTimeout(
      function () {
        that.redirectCtl({ url: 'kong_jian_xiang_xiang', method: { mentalRotation,graphicReasoning, level:0, ageGroup,spaceImagination,executionFunctionality,visualSearch,workingMemory,gameRespondentId} }, true)
      }, 500
    )
  },
   /**
   * 答题情况保存
   */
  saveCase:function(str){
    const postData = { fn: this.getPersonInfo, param: { ...arguments } }
    const {level,times,gameRespondentId}=this.data
    app.post('/api/game/v2/answerInfoSave', {gameRespondentId,moduleCode:1,questionCode:level,usedTime:Math.round(times*1000),answerResult:str+1}, 0, postData).then(res => {
    })
  },
})