{"version":3,"sources":["webpack:///./src/views/training/Game_reaction_rate.vue","webpack:///src/views/training/Game_reaction_rate.vue","webpack:///./src/views/training/Game_reaction_rate.vue?8522","webpack:///./src/views/training/Game_reaction_rate.vue?f259","webpack:///./src/views/training/Game_reaction_rate.vue?d927"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","_v","_s","info","GameName","Guideline","on","$event","startTest","staticStyle","attrs","dialogVisible","ref","pageShowStatus","targetLetter","speeds","currentSpeedIndex","_l","datalist","row","rowIdx","key","item","cellIdx","class","isSelected","selected","finished","targetLetterNum","selectedData","correctNum","mul","handleEndExercise","handleContinueTest","staticRenderFns","Number","prototype","arg","result","forEach","m","s1","toString","s2","split","length","e","replace","Math","pow","data","gameMode","id","time","testNum","charCodeList","axs","timer","startTime","startTimeDate","endTime","reportID","publishID","errorNum","count","mounted","getApi","initTargetLetterList","methods","formatDate","date","Date","YY","getFullYear","MM","getMonth","DD","getDate","hh","getHours","mm","getMinutes","ss","getSeconds","getMilliseconds","val","jij","round","random","getUrlParam","reg","RegExp","r","window","location","search","substr","match","decodeURIComponent","modu","commentsPoint","cell","list","aimsRowScales","Array","fill","i","num","parseInt","cellList","cellIndexs","n","_index","getRandom","push","j","indexOf","getRandomcharCode","aimsCharCode","code","isNaN","temp","that","setTimeout","getTime","gameTimeFun","second","floor","d","toFixed","listStyle","$refs","style","transform","webkitTransform","transition","webkitTransition","setInterval","clearInterval","practiceResultFun","resultFun","rowIndex","cellIndex","target","end","currentItem","obj","ReportID","PublishID","StartTime","EndTime","No1","DiffName","CorrectNum","ErrorNum","OmissionNum","submitData","listdom","getGetReportID","Promise","resolve","rej","$request","get","then","res","addCookie","Data","computed","correctRate","total","component"],"mappings":"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","file":"js/chunk-5ff04e2e.efabffc3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"Game_a_type\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"yj-view\"},[_c('div',{staticClass:\"left\"}),_c('div',{staticClass:\"right\"},[_c('h2',[_vm._v(_vm._s(_vm.info.GameName))]),_c('label',[_vm._v(\"训练描述:\")]),_c('p',[_vm._v(_vm._s(_vm.info.Guideline))]),_c('div',{staticClass:\"btn-group\"},[_c('div',{staticClass:\"btn-left\"},[_c('button',{staticClass:\"yj-btn\",on:{\"click\":function($event){return _vm.startTest(0)}}},[_vm._v(\"练习\")]),_c('button',{staticClass:\"yj-btn\",on:{\"click\":function($event){return _vm.startTest(1)}}},[_vm._v(\"正式\")])])])])]),_c('el-dialog',{staticClass:\"bg-black\",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.pageShowStatus === 0)?_c('div',{staticClass:\"text-center text-white ready-dot\"},[_vm._v(\" [ \"+_vm._s(_vm.targetLetter)+\" ] \")]):(_vm.pageShowStatus === 1)?_c('div',{staticClass:\"warpper\"},[_c('div',{staticClass:\"head text-center text-white\"},[_c('span',[_vm._v(\"本轮寻找：[ \"+_vm._s(_vm.targetLetter)+\" ]\")]),_c('span',{},[_vm._v(_vm._s(_vm.speeds[_vm.currentSpeedIndex].name))])]),_c('div',{staticClass:\"list-wrapper\"},[_c('ul',{ref:\"list\",staticClass:\"list\"},_vm._l((_vm.datalist),function(row,rowIdx){return _c('li',{key:'row' + rowIdx,staticClass:\"row-item\"},_vm._l((row),function(item,cellIdx){return _c('span',{key:'cell' + cellIdx,staticClass:\"cell-item\",class:item.isSelected && 'active',on:{\"click\":function($event){return _vm.selected(item, rowIdx, cellIdx)}}},[_vm._v(_vm._s(item.name))])}),0)}),0)])]):_c('div',{staticClass:\"d-flex flex-column justify-content-center text-center\",staticStyle:{\"height\":\"100%\",\"font-size\":\"30px\"}},[(!_vm.finished)?_c('div',[_c('div',{staticClass:\"report\"},[_c('h2',[_vm._v(\"本次练习的目标个数为：\"+_vm._s(_vm.targetLetterNum))]),_c('h2',[_vm._v(\"正确个数为：\"+_vm._s(_vm.selectedData.correctNum))]),_c('h2',[_vm._v(\"遗漏个数为：\"+_vm._s(_vm.targetLetterNum - _vm.selectedData.correctNum))]),_c('h2',[_vm._v(\"正确率：\"+_vm._s((_vm.selectedData.correctNum / _vm.targetLetterNum).mul(100))+\"%\")])]),(_vm.currentSpeedIndex === 2)?_c('button',{staticClass:\"btn\",staticStyle:{\"margin\":\"0 auto\"},on:{\"click\":function($event){return _vm.handleEndExercise()}}},[_vm._v(\" 确定 \")]):_c('button',{staticClass:\"btn\",staticStyle:{\"margin\":\"0 auto\"},on:{\"click\":function($event){return _vm.handleContinueTest()}}},[_vm._v(\"提交\")])]):_c('div',[_c('div',{staticClass:\"report\"},[_c('h1',[_vm._v(\"本回合\")]),_c('h1',[_vm._v(\"测验结束！\")])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template style=\"\">\r\n  <div class=\"Game_a_type\">\r\n    <div class=\"yj-view\" v-loading=\"loading\">\r\n      <div class=\"left\">\r\n          <!-- <img src=\"../images/反应速度测试.png\" 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>{{ info.Guideline }}</p>\r\n\r\n          <div class=\"btn-group\">\r\n            <div class=\"btn-left\">\r\n                <button @click=\"startTest(0)\" class=\"yj-btn\">练习</button>\r\n                <button @click=\"startTest(1)\" class=\"yj-btn\">正式</button>\r\n            </div>\r\n          </div>\r\n      </div>\r\n    </div>\r\n\r\n     <el-dialog style=\"display: none;\" :show-close=\"false\" class=\"bg-black\" :fullscreen=\"true\" title=\"\" :visible.sync=\"dialogVisible\">\r\n              <div class=\"stage\" id=\"stage\" ref=\"stage\">\r\n                  <div class=\"text-center text-white ready-dot\" v-if=\"pageShowStatus === 0\">\r\n                      [ {{ targetLetter }} ]\r\n                  </div>\r\n                  <div class=\"warpper\" v-else-if=\"pageShowStatus === 1\">\r\n                      <div class=\"head text-center text-white\">\r\n                          <span>本轮寻找：[ {{ targetLetter }} ]</span>\r\n                          <span style=\"\">{{ speeds[currentSpeedIndex].name }}</span>\r\n                      </div>\r\n\r\n                      <div class=\"list-wrapper\">\r\n                          <ul class=\"list\" ref=\"list\">\r\n                              <li class=\"row-item\" v-for=\"(row, rowIdx) in datalist\" :key=\"'row' + rowIdx\">\r\n                                  <span class=\"cell-item\" :class=\"item.isSelected && 'active'\"\r\n                                      @click=\"selected(item, rowIdx, cellIdx)\" v-for=\"(item, cellIdx) in row\"\r\n                                      :key=\"'cell' + cellIdx\">{{ item.name }}</span>\r\n                              </li>\r\n                          </ul>\r\n                      </div>\r\n                  </div>\r\n\r\n                  <div v-else style=\"height: 100%; font-size: 30px;\"\r\n                      class=\"d-flex flex-column justify-content-center text-center\">\r\n                      <div v-if=\"!finished\">\r\n                          <div class=\"report\">\r\n                              <h2>本次练习的目标个数为：{{ targetLetterNum }}</h2>\r\n                              <h2>正确个数为：{{ selectedData.correctNum }}</h2>\r\n                              <h2>遗漏个数为：{{ targetLetterNum - selectedData.correctNum }}</h2>\r\n                              <h2>正确率：{{ (selectedData.correctNum / targetLetterNum).mul(100) }}%</h2>\r\n                          </div>\r\n                          <button v-if=\"currentSpeedIndex === 2\" class=\"btn\" style=\"margin: 0 auto;\"\r\n                                  @click=\"handleEndExercise()\">\r\n                              确定\r\n                          </button>\r\n                          <button v-else class=\"btn\" style=\"margin: 0 auto;\" @click=\"handleContinueTest()\">提交</button>\r\n                      </div>\r\n                      <div v-else>\r\n                          <div class=\"report\">\r\n                              <h1>本回合</h1>\r\n                              <h1>测验结束！</h1>\r\n                              <!--<h1>您的平均正确率为：{{correctRate}}%</h1>-->\r\n                          </div>\r\n                      </div>\r\n                  </div>\r\n              </div>\r\n          </el-dialog>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nNumber.prototype['mul'] = function (...arg) {\r\n  var result = this;\r\n  arg.forEach(value => {\r\n    var m = 0, s1 = result.toString(), s2 = value.toString();\r\n    try { m += s1.split(\".\")[1].length } catch (e) { }\r\n    try { m += s2.split(\".\")[1].length } catch (e) { }\r\n    result = Number(s1.replace(\".\", \"\")) * Number(s2.replace(\".\", \"\")) / Math.pow(10, m);\r\n  });\r\n  return result;\r\n};\r\nexport default {\r\n  data() {\r\n    return {\r\n      finished: false,\r\n      gameMode: 0, // 0：练习   1:正式\r\n      currentSpeedIndex: 0,\r\n      speeds: [{id: 1,name: '低速',time: 20,testNum: 5,}, {id: 2,name: '中速',time: 13,testNum: 5,}, {id: 3,name: '高速',time: 10,testNum: 5}],\r\n      charCodeList: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],\r\n      dialogVisible: false,\r\n      targetLetterNum: 25, // 目标字母数量\r\n      targetLetter: this.axs(['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']),\r\n      datalist: [],\r\n      pageShowStatus: 0, //页面内容显示状态 0:注释点 1:游戏页 2:结果\r\n      timer: null, //定时器\r\n      startTime: 0, //开始时间戳\r\n      startTimeDate: '', //开始日期时间\r\n      endTime: 0, //结束时间戳\r\n      reportID: \"\", //游戏编号\r\n      publishID: \"\", //发布编号\r\n      selectedData: { errorNum: 0, correctNum: 0 }, // 选择的数据\r\n      result: [], //结果\r\n      count: 0,\r\n      info: '',\r\n      loading:true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getApi();\r\n    this.initTargetLetterList()\r\n  },\r\n  methods: {\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    axs(val) {\r\n      var jij = val[Math.round(Math.random() * 25)];\r\n      return jij;\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    // 获取初始数据\r\n    getApi() {\r\n      this.loading = false;\r\n      this.reportID = this.getUrlParam('UserID');\r\n      this.publishID = this.getUrlParam('PublishID');\r\n    },\r\n    // 正式测试\r\n    startTest(modu) {\r\n      this.gameMode = modu\r\n      this.dialogVisible = true;\r\n      this.commentsPoint();\r\n    },\r\n    // 初始化\r\n    initTargetLetterList() {\r\n      var row = 10\r\n      var cell = 10\r\n      var list = []\r\n      // 目标行比例分布\r\n      var aimsRowScales = new Array(row).fill(1)\r\n      for (var i = 0; i < this.targetLetterNum - row; i++) {\r\n        var num = parseInt(Math.random() * cell)\r\n        aimsRowScales[num] += 1\r\n      }\r\n      for (var i = 0; i < row; i++) {\r\n        var cellList = []\r\n        var cellIndexs = []\r\n        for (var n = 0; n < aimsRowScales[i]; n++) {\r\n          var _index = this.getRandom(0, 9, cellIndexs)\r\n          cellIndexs.push(_index)\r\n        }\r\n        for (var j = 0; j < cell; j++) {\r\n          if (cellIndexs.indexOf(j) === -1) {\r\n            cellList.push({ name: this.getRandomcharCode(this.targetLetter), isSelected: false })\r\n          } else {\r\n            cellList.push({ name: this.targetLetter, isSelected: false })\r\n          }\r\n        }\r\n        list.push(cellList)\r\n      }\r\n      this.datalist = list\r\n    },\r\n\r\n    getRandomcharCode(aimsCharCode) {\r\n      var code = this.charCodeList[Math.round(Math.random() * 25)]\r\n      if (aimsCharCode === code) {\r\n        return this.getRandomcharCode(aimsCharCode)\r\n      } else {\r\n        return code\r\n      }\r\n    },\r\n    getRandom(n, m, list = []) {\r\n      n = Number(n); //要么是一个数，要么是NaN\r\n      m = Number(m);\r\n      if (isNaN(n) || isNaN(m)) {\r\n        return Math.random();\r\n      }\r\n      if (n > m) {\r\n        var temp = n;\r\n        n = m;\r\n        m = temp;\r\n      }\r\n      var num = Math.round(Math.random() * (m - n) + n)\r\n      if (list.indexOf(num) !== -1) {\r\n        return this.getRandom(n, m, list)\r\n      }\r\n      return num;\r\n    },\r\n    //注视点界面消失\r\n    commentsPoint() {\r\n      let that = this;\r\n      setTimeout(function () {\r\n        that.pageShowStatus = 1;\r\n        that.startTime = new Date().getTime();\r\n        that.startTimeDate = that.formatDate(that.startTime);\r\n        that.gameTimeFun();\r\n      }, 1000)\r\n    },\r\n    //游戏总时间\r\n    gameTimeFun() {\r\n      var time = this.speeds[this.currentSpeedIndex].time;\r\n      var second = Math.floor(time / 6 * 80) / 80;\r\n      var count = 0;\r\n      var d = (second / 2).toFixed(2) * 800;\r\n      setTimeout(() => {\r\n        var listStyle = this.$refs.list\r\n        count += 80\r\n        listStyle.style.transform = 'translateY(-' + count + 'px)'\r\n        listStyle.style.webkitTransform = 'translateY(-' + count + 'px)'\r\n        listStyle.style.transition = 'transform ' + second * 800 + 'ms linear'\r\n        listStyle.style.webkitTransition = 'transform ' + second * 800 + 'ms linear'\r\n        this.timer = setInterval(() => {\r\n          time = Math.floor((time - second) * 80) / 80\r\n          if (count < 400) count += 80\r\n          listStyle.style.transform = 'translateY(-' + count + 'px)'\r\n          listStyle.style.webkitTransform = 'translateY(-' + count + 'px)'\r\n          listStyle.style.transition = 'transform ' + second * 800 + 'ms linear'\r\n          listStyle.style.webkitTransition = 'transform ' + second * 800 + 'ms linear'\r\n          if (Math.floor((time - second) * 80) / 80 < 1) {\r\n            clearInterval(this.timer)\r\n            count = 0\r\n            setTimeout(() => {\r\n              this.gameMode === 0 ? this.practiceResultFun() : this.resultFun()\r\n            }, d)\r\n          }\r\n        }, second * 800);\r\n      }, d)\r\n    },\r\n    transition() {\r\n\r\n    },\r\n    selected(item, rowIndex, cellIndex) {\r\n      var target = this.datalist[rowIndex][cellIndex]\r\n      // 如果已经选过了，则直接return\r\n      if (target.isSelected) {\r\n        return;\r\n      }\r\n      target.isSelected = true;\r\n      // 正确\r\n      if (item.name === this.targetLetter) {\r\n        this.selectedData.correctNum++\r\n      }\r\n      // 错误\r\n      else {\r\n        this.selectedData.errorNum++\r\n      }\r\n    },\r\n    // 练习测试结果\r\n    practiceResultFun() {\r\n      this.pageShowStatus = 2\r\n      var end = new Date().getTime()\r\n      var diff = end - this.startTime\r\n    },\r\n    /*\r\n     * 结果函数\r\n     * 参数 result 0:正确 1:错误 2:遗漏\r\n     *\r\n     **/\r\n    resultFun() {\r\n      var currentItem = this.speeds[this.currentSpeedIndex];\r\n      currentItem.testNum--;\r\n      this.count++;\r\n      this.endTime = new Date().getTime();\r\n      this.datalist = [];\r\n      var obj = {};\r\n      obj.GameID = 'YJ-05'; //游戏编号\r\n      obj.ReportID = this.reportID; //报告编号\r\n      obj.PublishID = this.publishID; //发布编号\r\n      obj.StartTime = this.startTimeDate;//开始时间\r\n      obj.EndTime = this.formatDate(this.endTime);//结束时间\r\n      obj.No1 = this.count; //序号\r\n      obj.DiffName = this.speeds[this.currentSpeedIndex].name;\r\n      obj.CorrectNum = this.selectedData.correctNum;\r\n      obj.ErrorNum = this.selectedData.errorNum;\r\n      obj.OmissionNum = this.targetLetterNum - this.selectedData.correctNum;\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      if (currentItem.testNum <= 0) {\r\n        this.currentSpeedIndex++;\r\n      }\r\n      // 测试结束\r\n      if (this.currentSpeedIndex >= 3) {\r\n        this.pageShowStatus = 2;\r\n        this.submitData();\r\n        return false;\r\n      }\r\n      if (this.currentSpeedIndex < this.speeds.length) {\r\n        var listdom = this.$refs.list;\r\n        listdom.style.transition = '';\r\n        listdom.style.webkitTransition = '';\r\n        listdom.style.transform = '';\r\n        listdom.style.webkitTransform = '';\r\n        setTimeout(() => {\r\n          this.startTime = new Date().getTime();\r\n          this.startTimeDate = this.formatDate(this.startTime);\r\n          this.selectedData = { errorNum: 0, correctNum: 0 }\r\n          this.initTargetLetterList();\r\n          this.gameTimeFun();\r\n        }, 800);\r\n      }\r\n    },\r\n    handleContinueTest() {\r\n      this.currentSpeedIndex++;\r\n      this.pageShowStatus = 0;\r\n      this.selectedData = { errorNum: 0, correctNum: 0 }\r\n      this.initTargetLetterList();\r\n      var that = this;\r\n      setTimeout(function () {\r\n        that.pageShowStatus = 1;\r\n        that.startTime = new Date().getTime();\r\n        that.gameTimeFun();\r\n      }, 1000)\r\n    },\r\n    handleEndExercise() {\r\n      this.dialogVisible = false\r\n      this.pageShowStatus = 0\r\n      this.selectedData = { errorNum: 0, correctNum: 0 }\r\n      this.currentSpeedIndex = 0\r\n      this.targetLetter = this.charCodeList[Math.round(Math.random() * 25)]\r\n      this.initTargetLetterList()\r\n    },\r\n    //获取报告编号\r\n    getGetReportID() {\r\n      return new Promise((resolve, rej) => {\r\n        $request.get('/Api/Game9/GetReportID?PadID=' + this.getUrlParam('PadID')).then(res => {\r\n          for (let i = 0; i < this.result.length; i++) {\r\n            this.result[i].ReportID = this.reportID;//res.data.Data.ReportID\r\n            this.result[i].PublishID = this.publishID;\r\n          }\r\n          addCookie('ReportID', res.data.Data.ReportID);\r\n          resolve()\r\n        });\r\n      })\r\n    },\r\n    submitData: function () { \r\n    }\r\n  },\r\n  computed: {\r\n    correctRate() {\r\n      var count = 0\r\n      var total = this.targetLetterNum * 15\r\n      this.result.forEach(item => {\r\n        count += item.CorrectNum\r\n      })\r\n      var num = count / total * 80 > 0 ? (count / total * 80).toFixed(2) : 0;\r\n      return num\r\n    }\r\n  },\r\n}\r\n\r\n</script>\r\n\r\n<style>\r\n  .Game_a_type{width: 100%;height: 100%;position: relative;}\r\n  .warpper {width: 100%;box-sizing: border-box;overflow: hidden;}\r\n  .head {width: 800px;display: flex;justify-content: space-between;font-size: 28px;margin: 30px auto 30px;}\r\n  .list-wrapper {width: 800px;height: 400px;margin: auto;overflow: hidden;}\r\n  .list {margin: 0 auto;list-style: none;padding: 0;}\r\n  .list .row-item {width: 100%;display: flex;height: 80px;}\r\n  .list .row-item .cell-item {width: 80px;line-height: 80px;text-align: center;background-color: #fff;border-top: 1px dashed #14b12e;border-right: 1px dashed #14b12e;font-size: 24px;color: #14b12e;cursor: pointer;}\r\n  .list .row-item .cell-item.active {background-color: #56d262;color: #f7f6f6;opacity: 0.9;transition: all 0.3s;}\r\n  .report {margin-bottom: 30px;color: #fff;}\r\n  .el-dialog.is-fullscreen {background-color: #000000;}\r\n  .el-dialog__wrapper{position: absolute;}\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_reaction_rate.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_reaction_rate.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Game_reaction_rate.vue?vue&type=template&id=7df3d6bf&style=true\"\nimport script from \"./Game_reaction_rate.vue?vue&type=script&lang=js\"\nexport * from \"./Game_reaction_rate.vue?vue&type=script&lang=js\"\nimport style0 from \"./Game_reaction_rate.vue?vue&type=style&index=0&id=7df3d6bf&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_reaction_rate.vue?vue&type=style&index=0&id=7df3d6bf&prod&lang=css\""],"sourceRoot":""}