{"version":3,"sources":["webpack:///./src/views/training/Game_vision.vue","webpack:///src/views/training/Game_vision.vue","webpack:///./src/views/training/Game_vision.vue?ebbd","webpack:///./src/views/training/Game_vision.vue?3436","webpack:///./src/views/training/Game_vision.vue?d7e2"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","_v","_s","info","GameName","domProps","Guideline","network","on","startTests","_e","attrs","staticStyle","dialogVisible","$event","ref","finished","question","targetText","_l","newList","item","index","key","class","active","style","color","clickFn","text","surplusNum","timeSpan","finish","staticRenderFns","data","count","targetColor","result","length","list","texts","colors","startTime","endTime","PublishID","reportID","startTimeDate","endTimeDate","sumNum","alreadyNum","timeSpanTime","istest","CrossOut","Number","ResultID1","TimeSpan","Url1","Url2","mounted","getApi","filters","toText","val","methods","getGameHeight","setTimeout","boxHeight","$refs","leftBox","offsetHeight","textbox","overflowX","height","title","formatDate","date","Date","YY","getFullYear","MM","getMonth","DD","getDate","hh","getHours","mm","getMinutes","ss","getSeconds","getMilliseconds","window","android","getTitle","getTime","countDown","setInterval","clearInterval","toTextFn","toColorFn","getUrlParam","reg","RegExp","r","location","search","substr","match","decodeURIComponent","rand","min","max","Math","round","random","copy","obj","newobj","constructor","Array","i","crossOut","substring","randText","leaveOutFun","submitData","ReportID","StartTime","ReactionTime","EndTime","No1","Result","push","splice","sizeColor","itemIs","some","j","myRestart","alert","component"],"mappings":"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","file":"js/chunk-06adf30f.59185e19.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Game_vision\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"view\"},[_c('div',{staticClass:\"left\"}),_c('div',{staticClass:\"right\"},[_c('h2',[_vm._v(_vm._s(_vm.info.GameName))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.info.Guideline)}}),_c('div',{staticClass:\"btn-group\"},[(_vm.network)?_c('div',{staticClass:\"btn-left\"},[_c('button',{staticClass:\"btn\",on:{\"click\":_vm.startTests}},[_vm._v(\"开始训练\")])]):_vm._e(),(!_vm.network)?_c('div',{staticClass:\"btn-left\"},[_c('h2',[_c('b',[_c('font',{attrs:{\"color\":\"red\"}},[_vm._v(\"网络断开，正在重新连接...\")])],1)])]):_vm._e()])])]),_c('el-dialog',{staticStyle:{\"display\":\"none\"},attrs:{\"show-close\":false,\"fullscreen\":true,\"title\":\"\",\"visible\":_vm.dialogVisible},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('div',{ref:\"stage\",staticClass:\"stage\",attrs:{\"id\":\"stage\"}},[(!_vm.finished)?_c('div',[_c('div',{ref:\"leftBox\",staticClass:\"left-box\",staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"justify-content\":\"center\"}},[(_vm.question == 0)?_c('div',{ref:\"title\",staticClass:\"text-center mb-2\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\" 请点掉\"+_vm._s(_vm.targetText)+\"的字 \")]):_c('div',{ref:\"title\",staticClass:\"text-center mb-2\",staticStyle:{\"font-size\":\"22px\"}},[_vm._v(\" 请点掉\"+_vm._s(_vm.targetText)+\"这个字 \")]),_c('div',{ref:\"textbox\",staticClass:\"textbox\"},_vm._l((_vm.newList),function(item,index){return _c('span',{key:index,staticClass:\"item\",class:item.active ? 'remove' : '',style:('color:' + item.color),on:{\"click\":function($event){return _vm.clickFn(item, index)}}},[_vm._v(_vm._s(item.text))])}),0)]),_c('div',{staticClass:\"right-box\"},[_c('div',{staticClass:\"myDiv3_Main_right_1\"},[_c('p',{staticClass:\"my_right_gameName\"},[_vm._v(_vm._s(_vm.info.GameName))]),_c('div',{staticClass:\"myDiv3_Main_right_info mytrain\"},[_vm._v(\"状态：训练进行中\")]),_c('div',{staticClass:\"myDiv3_Main_right_info myerrorNum\"},[_vm._v(\"剩余数：\"+_vm._s(_vm.surplusNum))])]),_c('div',{staticClass:\"myDiv3_Main_right_2\"},[_c('span',{staticClass:\"my_right_font1\"},[_vm._v(\"剩余时间\")]),_c('span',{staticClass:\"my_right_time\"},[_vm._v(_vm._s(_vm.timeSpan)+\"s\")])]),_c('div',{staticClass:\"myDiv3_Main_right_3\"},[_c('input',{staticClass:\"my_right_btn\",attrs:{\"type\":\"button\",\"value\":\"提交\",\"id\":\"btnSubmit\"},on:{\"click\":function($event){return _vm.finish()}}}),_c('input',{staticClass:\"my_right_btn\",attrs:{\"type\":\"button\",\"value\":\"重新开始\",\"onclick\":\"mySignOutGame();\"}})])])]):_c('div',{staticClass:\"text-center pt-4 pb-5\",staticStyle:{\"font-size\":\"30px\",\"padding-top\":\"14rem!important\"}},[_c('p',{staticStyle:{\"font-size\":\"42px\"}},[_vm._v(\"测试结束！\")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template style=\"\">\r\n  <div class=\"Game_vision\">\r\n\r\n    <div class=\"view\" v-loading=\"loading\">\r\n      <div class=\"left\">\r\n          <!-- <img src=\"../images/视觉控制力.jpg\" alt=\"\" width=\"380\" height=\"230\"> -->\r\n      </div>\r\n      <div class=\"right\">\r\n        <h2>{{ info.GameName }}</h2>\r\n        <!--<label>训练描述:</label>-->\r\n        <p v-html=\"info.Guideline\"></p>\r\n        <div class=\"btn-group\">\r\n          <div v-if=\"network\" class=\"btn-left\">\r\n            <button @click=\"startTests\" class=\"btn\">开始训练</button>\r\n          </div>\r\n          <div v-if=\"!network\" class=\"btn-left\">\r\n            <h2><b><font color=\"red\">网络断开，正在重新连接...</font></b></h2>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <el-dialog style=\"display: none;\" :show-close=\"false\" :fullscreen=\"true\" title=\"\" :visible.sync=\"dialogVisible\">\r\n      <div class=\"stage\" id=\"stage\" ref=\"stage\">\r\n        <div v-if=\"!finished\">\r\n          <div class=\"left-box\" ref=\"leftBox\" style=\"display: flex;flex-direction: column;justify-content: center;\">\r\n            <div style=\"font-size: 22px;\" ref=\"title\" class=\"text-center mb-2\" v-if=\"question == 0\">\r\n              请点掉{{ targetText }}的字\r\n            </div>\r\n            <div style=\"font-size: 22px;\" ref=\"title\" class=\"text-center mb-2\" v-else>\r\n              请点掉{{ targetText }}这个字\r\n            </div>\r\n            <div class=\"textbox\" ref=\"textbox\">\r\n              <span @click=\"clickFn(item, index)\" class=\"item\" :class=\"item.active ? 'remove' : ''\" :style=\"'color:' + item.color\" v-for=\"(item, index) in newList\" :key=\"index\">{{ item.text }}</span>\r\n            </div>\r\n          </div>\r\n          <div class=\"right-box\">\r\n            <div class=\"myDiv3_Main_right_1\">\r\n              <p class=\"my_right_gameName\">{{ info.GameName }}</p>\r\n              <div class=\"myDiv3_Main_right_info mytrain\">状态：训练进行中</div>\r\n              <div class=\"myDiv3_Main_right_info myerrorNum\">剩余数：{{ surplusNum }}</div>\r\n            </div>\r\n            <div class=\"myDiv3_Main_right_2\">\r\n              <span class=\"my_right_font1\">剩余时间</span>\r\n              <span class=\"my_right_time\">{{ timeSpan }}s</span>\r\n            </div>\r\n            <div class=\"myDiv3_Main_right_3\">\r\n              <input type=\"button\" class=\"my_right_btn\" value=\"提交\" id=\"btnSubmit\" @click=\"finish()\">\r\n              <input type=\"button\" class=\"my_right_btn\" value=\"重新开始\" onclick=\"mySignOutGame();\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-else style=\"font-size: 30px;padding-top: 14rem!important;\" class=\"text-center pt-4 pb-5\">\r\n          <p style=\"font-size: 42px;\">测试结束！</p>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      network: true, //默认有网\r\n      count: 1,\r\n      targetText: '',\r\n      targetColor: '', //red\r\n      question: 0,//有两种问题 0代表点掉某种颜色的字如红色的字,1代表点掉某个字，如红字，与颜色无关\r\n      result: [],\r\n      length: 0,\r\n      list: [],\r\n      newList: [],\r\n      texts: ['红','绿','黄','紫','蓝'],\r\n      colors: ['red','yellow','green','blue','purple'],\r\n      timeSpan: 0, //游戏总时长\r\n      startTime: 0,\r\n      endTime: 0,\r\n      PublishID: \"\",//发布ID\r\n      reportID: \"\",\r\n      startTimeDate: '', //开始日期时间\r\n      endTimeDate: '',\r\n      sumNum: 0, //需要点掉字数量\r\n      alreadyNum: 0, //已经点掉的数量\r\n      surplusNum: 0, //剩余点掉字数\r\n      timeSpanTime: null,\r\n      istest: false,//是否测试\r\n      finished: false,\r\n      loading: false,\r\n      info: {CrossOut: \"绿\", GameName: \"视觉控制力\", Guideline: \"屏幕上会出现五颜六色的代表颜色的字，<b><font color=\\\"red\\\">请按照要求点击去除相应的字</font></b>，如“点掉红这个字”或“点掉红色的字”。\", Number: 25, ResultID1: null, TimeSpan: 0.5, Url1: \"http://172.16.0.110:8003\", Url2: \"http://172.16.0.110:9004\",\r\n      },\r\n      dialogVisible: false,\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getApi();\r\n  },\r\n  filters: {\r\n    toText(val) {\r\n      let text = ''\r\n      switch (val) {\r\n        case 'red':\r\n          text = '红'\r\n          break\r\n        case 'yellow':\r\n          text = '黄'\r\n          break\r\n        case 'green':\r\n          text = '绿'\r\n          break\r\n        case 'blue':\r\n          text = '蓝'\r\n          break\r\n        case 'purple':\r\n          text = '紫'\r\n          break\r\n      }\r\n      return text\r\n    }\r\n  },\r\n  methods: {\r\n    //获取元素高度\r\n    getGameHeight() {\r\n      setTimeout(() => {\r\n        let boxHeight = this.$refs.leftBox.offsetHeight;\r\n        if (this.$refs.textbox.offsetHeight > boxHeight) {\r\n          this.$refs.textbox.style.overflowX = 'scroll';\r\n          this.$refs.textbox.style.height = this.$refs.textbox.offsetHeight - this.$refs.title.offsetHeight - 10 + 'px';\r\n        }\r\n      },5);\r\n    },\r\n    formatDate(date) {\r\n      var date = new Date(date);\r\n      var YY = date.getFullYear() + '-';\r\n      var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';\r\n      var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());\r\n      var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';\r\n      var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';\r\n      var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());\r\n      var fff = date.getMilliseconds() >= 100 ? date.getMilliseconds() : date.getMilliseconds() >= 10 ? '0' + date.getMilliseconds() : '00' + date.getMilliseconds();\r\n      return YY + MM + DD + \" \" + hh + mm + ss;\r\n    },\r\n    //游戏开始\r\n    startTests() {\r\n      if (this.question == 0) {\r\n        if (!!window.android) window.android.getTitle(\"请点掉\" + this.targetText + \"的字\");\r\n      } else {\r\n        if (!!window.android) window.android.getTitle(\"请点掉\" + this.targetText + \"这个字\");\r\n      }\r\n      this.dialogVisible = true;\r\n      this.startTime = new Date().getTime();\r\n      this.startTimeDate = this.formatDate(this.startTime);\r\n      this.countDown();\r\n    },\r\n     //时间倒数\r\n    countDown() {\r\n      this.timeSpanTime = setInterval(() => {\r\n        this.timeSpan--;\r\n        if (this.timeSpan === 0) {\r\n          clearInterval(this.timeSpanTime);\r\n          this.finish();\r\n        }\r\n      }, 1000);\r\n    },\r\n    toTextFn(val) {\r\n      let text = '';\r\n      switch (val) {\r\n        case 'red':\r\n          text = '红'\r\n          break\r\n        case 'yellow':\r\n          text = '黄'\r\n          break\r\n        case 'green':\r\n          text = '绿'\r\n          break\r\n        case 'blue':\r\n          text = '蓝'\r\n          break\r\n        case 'purple':\r\n          text = '紫'\r\n          break\r\n      }\r\n      return text;\r\n    },\r\n    toColorFn(val) {\r\n      let text = '';\r\n      switch (val) {\r\n        case '红':\r\n          text = 'red'\r\n          break\r\n        case '黄':\r\n          text = 'yellow'\r\n          break\r\n        case '绿':\r\n          text = 'green'\r\n          break\r\n        case '蓝':\r\n          text = 'blue'\r\n          break\r\n        case '紫':\r\n          text = 'purple'\r\n          break\r\n      }\r\n      return text;\r\n    },\r\n    getUrlParam(name) {\r\n      var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\");\r\n      var r = window.location.search.substr(1).match(reg);\r\n      if (r != null) return decodeURIComponent(r[2]);\r\n      return null;\r\n    },\r\n    rand(min, max) {\r\n      return Math.round(Math.random() * (max - min) + min);\r\n    },\r\n    copy(obj) {\r\n      var newobj = obj.constructor === Array ? [] : {};\r\n      if (typeof obj !== 'object') {\r\n        return;\r\n      }\r\n      for (var i in obj) {\r\n        newobj[i] = typeof obj[i] === 'object' ? this.copy(obj[i]) : obj[i];\r\n      }\r\n      return newobj\r\n    },\r\n    //模拟请求返回来数据\r\n    getApi() {\r\n      this.loading = false;\r\n      this.length = 25;//出现字数\r\n      this.targetText = \"绿\";//点掉字\r\n      let crossOut = \"绿\".substring(0, 1);\r\n      this.timeSpan = \"0.5\".TimeSpan * 60;//测试时长（分）res.data.Data.TimeSpan*60\r\n      this.question = this.targetText.length > 1 ? 0 : 1;\r\n      this.targetColor = this.toColorFn(crossOut);\r\n      this.reportID = this.getUrlParam('UserID');\r\n      this.PublishID = this.getUrlParam('PublishID');\r\n      this.randText();\r\n    },\r\n    finish: function () {\r\n      clearInterval(this.timeSpanTime);\r\n      if (this.surplusNum > 0) this.leaveOutFun();\r\n      this.count = 0\r\n      this.submitData();\r\n    },\r\n    //遗漏函数\r\n    leaveOutFun() {\r\n      this.endTime = new Date().getTime();\r\n      for (let i = 0; i < this.newList.length; i++) {\r\n        let obj = {};\r\n        obj.GameID = 'RZ-13';//游戏编号\r\n        obj.ReportID = this.reportID;//报告编号\r\n        obj.StartTime = this.startTimeDate;//开始时间\r\n        obj.ReactionTime = 0;//反应时（毫秒）\r\n        obj.EndTime = this.formatDate(this.endTime);//结束时间\r\n        if (this.question === 1 && this.newList[i].text === this.targetText && !this.newList[i].active) {\r\n          obj.No1 = this.result.length + 1;//序号\r\n          obj.Result = '遗漏';//结果\r\n          obj.CrossOut = this.toTextFn(this.newList[i].color) + '的' + this.targetText + '字';//点掉字\r\n          if (this.result.length + 1 == 1) {\r\n            obj.ReportID = obj.ReportID + \"_\" + this.PublishID;\r\n          }\r\n          this.result.push(obj);\r\n        } else if (this.question === 0 && this.newList[i].color === this.targetColor) {\r\n          obj.No1 = this.result.length + 1;//序号\r\n          obj.Result = '遗漏';//结果\r\n          obj.CrossOut = this.toTextFn(this.newList[i].color) + '的' + this.newList[i].text + '字';//颜色的字\r\n          if (this.result.length + 1 == 1) {\r\n            obj.ReportID = obj.ReportID + \"_\" + this.PublishID;\r\n          }\r\n          this.result.push(obj);\r\n        }\r\n      }\r\n    },\r\n    clickFn: function (item, index) {\r\n      // if (this.count == 0) return;\r\n      if (!item.active) {\r\n        this.endTime = new Date().getTime();\r\n        item.active = true;\r\n        let obj = {}\r\n        obj.GameID = 'RZ-13';//游戏编号\r\n        obj.ReportID = this.reportID;//报告编号\r\n        obj.StartTime = this.startTimeDate;//开始时间\r\n        obj.No1 = this.result.length + 1;//序号\r\n        obj.ReactionTime = this.endTime - this.startTime;//反应时（毫秒）\r\n        obj.EndTime = this.formatDate(this.endTime);//结束时间\r\n        if (this.question == 1) {\r\n          obj.Result = item.text == this.targetText ? '正确' : '错误';//结果\r\n          obj.CrossOut = this.toTextFn(item.color) + '的' + item.text + '字';//点掉字\r\n          item.text === this.targetText.substring(0, 1) ? this.alreadyNum += 1 : this.alreadyNum += 0;\r\n        } else {\r\n          obj.Result = item.color === this.targetColor ? '正确' : '错误'\r\n          obj.CrossOut = this.toTextFn(item.color) + '的' + item.text + '字';//点掉字\r\n          item.color === this.targetColor ? this.alreadyNum += 1 : this.alreadyNum += 0;\r\n          if (item.color === this.targetColor) this.newList.splice(index, 1)\r\n        }\r\n        this.surplusNum = this.sumNum - this.alreadyNum;\r\n        if (this.result.length + 1 == 1) {\r\n          this.istest = true;\r\n          obj.ReportID = obj.ReportID + \"_\" + this.PublishID;\r\n        }\r\n        this.result.push(obj);\r\n        //题目做完自动提交\r\n        if (this.surplusNum == 0) this.finish();\r\n      }\r\n    },\r\n    randText: function(){\r\n      for (let i = 0; i < this.length; i++) {\r\n        this.list.push({ color: this.colors[this.rand(0, this.colors.length - 1)], text: this.texts[this.rand(0, this.texts.length - 1)], active: false });\r\n      }\r\n      this.sizeColor(this.list);\r\n      this.newList = this.copy(this.list);\r\n    },\r\n    //判断随机字的颜色是否有一个是点掉字的颜色\r\n    sizeColor(list){\r\n      let itemIs = list.some(item => {\r\n        return this.question === 1 ? item.text === this.targetText.substring(0, 1) ? true : false : item.color === this.targetColor ? true : false;\r\n      });\r\n      if (itemIs === false) {\r\n        this.question === 1 ? this.list[this.list.length - 2].text = this.targetText.substring(0,1) : this.list[this.list.length - 2].color = this.targetColor;\r\n      }\r\n      for (let j = 0; j < list.length; j++) {\r\n        //0 某个颜色的字 1这个字\r\n        if (this.question === 0 && list[j].color === this.targetColor) {\r\n          this.sumNum += 1;\r\n        }\r\n        if (this.question === 1 && list[j].text === this.targetText.substring(0, 1)) {\r\n          this.sumNum += 1;\r\n        }\r\n      }\r\n      this.surplusNum = this.sumNum;\r\n    },\r\n    //重新开始\r\n    myRestart() {\r\n      if (!!window.android) window.android.getTitle(\"\");\r\n      clearInterval(this.timeSpanTime);\r\n      this.list = [];\r\n      this.result = [];\r\n      this.sumNum = 0;\r\n      this.alreadyNum = 0;\r\n      this.surplusNum = 0;\r\n      this.getApi();\r\n      this.startTests();\r\n    },\r\n    submitData() {\r\n      alert(\"完成\");\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n  .Game_vision{width: 100%;height: 100%;}\r\n  .textbox {position: relative;top: 0;margin-bottom: 1.5rem;overflow-x: scroll;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}\r\n  .item {font-size: 50px;cursor: pointer;width: 20%;text-align: center;}\r\n  .remove {opacity: 0.05;}\r\n  .textbox::-webkit-scrollbar {display: none;}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_vision.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_vision.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Game_vision.vue?vue&type=template&id=bfab55cc&style=true\"\nimport script from \"./Game_vision.vue?vue&type=script&lang=js\"\nexport * from \"./Game_vision.vue?vue&type=script&lang=js\"\nimport style0 from \"./Game_vision.vue?vue&type=style&index=0&id=bfab55cc&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game_vision.vue?vue&type=style&index=0&id=bfab55cc&prod&lang=css\""],"sourceRoot":""}