{"version":3,"sources":["webpack:///./src/views/mock/listen/listen.vue?a22c","webpack:///./src/views/mock/listen/listen.vue","webpack:///./src/views/mock/listen/listen.js","webpack:///src/views/mock/listen/listen.vue","webpack:///./src/views/mock/listen/listen.vue?883f","webpack:///./src/views/mock/listen/listen.vue?f0f7"],"names":["render","_vm","this","_c","_self","_setupProxy","staticClass","isShowInstructions","showStep","attrs","require","_v","staticStyle","_m","on","$event","goNext","ref","playTestAudio","goTest","isShowNote","instructionsNote","closeNote","_e","part","currentPart","partDesc","buttonGroups","length","_l","listenData","key","id","class","groups","group","question_type","slot","questions","question","index","selectAnswers","submitAnswer","beginNum","answer","split","QUESTION_TYPE","MATCH","type","TITLE","mode","QUESTION_TYPE_MODE","MATCH_CHOOSE","isReady","staticRenderFns","Base64","mixins","mockMix","data","audioList","currentAudioIndex","answers","audioTime","recordTime","timeInterval","currentAudioTime","listeningTime","audioCount","beginButton","exerciseType","totalPart","props","curTime","Number","default","computed","mapState","state","tests","countDownLimit","recordId","sections","common","recordDetails","detailIds","exerciseMode","mounted","routeQuery","$route","query","EXERCISE_TYPE","MOCK","setCurrentSection","getRecordId","methods","callback","detail","section","MOCK_SECTION","LISTENING","postAnswer","getSection","Api","res","JSON","parse","decode","encrypted","iv","value","decroptRes","AES","decrypt","dealData","then","buttons","audioDuration","setCurrentPart","setButtonGroups","i","getAnswers","Array","spent_second","setCurrentPartObj","part_id","setCurrentPaper","paper","answerObj","forEach","content","question_id","findAnswer","arr","item","questionId","ele","step","preloadAudio","setIsStarted","playAudio","$emit","setInterval","beginTime","audioRange","audio","document","getElementById","loop","currentTime","src","play","self","addEventListener","setTimeout","AUDIOSLEEPTIME","$refs","testAudio","mapActions","watch","newVal","oldVal","time","toFixed","totalDuration","leaveTime","getMockRecordSectionDetail","setCountdownLimit","components","note","match","partBar","navigation","noteCompletion","exerciseGroup","multipleAnswer","multipleChoice","beforeRouteLeave","to","from","next","clearInterval","component"],"mappings":"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","file":"js/chunk-2b653e9c.4137bfd9.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./listen.vue?vue&type=style&index=0&id=27295e94&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"p_listen\"},[(_vm.isShowInstructions)?_c('div',{staticClass:\"confirmDetails\"},[_c('div',{staticClass:\"p-content container-fluid\"},[_c('div',{staticClass:\"row instructions steps\"},[(_vm.showStep==='one')?_c('div',{staticClass:\"col step step-one\"},[_c('div',{staticClass:\"student-detail\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/userCheck.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"bc-box-title\"},[_vm._v(\"Confirm your details\")]),_c('div',{staticClass:\"bc-box\"},[_c('h3',{staticStyle:{\"color\":\"red\",\"text-align\":\"center\",\"font-size\":\"1.75rem\"}},[_vm._v(\"EXAMPLE\")]),_vm._m(0),_c('p',{staticClass:\"bx-box-info\"},[_vm._v(\"If your details aren't correct, please inform the invigilator.\")]),_c('button',{staticClass:\"button button-bc\",on:{\"click\":function($event){return _vm.goNext('two')}}},[_vm._v(\"My details are correct\")])])])]):(_vm.showStep==='two')?_c('div',{staticClass:\"col step step-two\"},[_c('div',{staticClass:\"test-sound\"},[_c('audio',{ref:\"testAudio\",attrs:{\"src\":require(\"../../../assets/audio/soundcheck.mp3\"),\"loop\":\"\"}}),_c('img',{attrs:{\"src\":require(\"../../../assets/img/sound.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"bc-box-title\"},[_vm._v(\"Test sound\")]),_c('div',{staticClass:\"bc-box\"},[_vm._m(1),_c('button',{staticClass:\"button btn-primary button-bc\",attrs:{\"id\":\"test-audio\"},on:{\"click\":_vm.playTestAudio}},[_vm._v(\"Play sound \")]),_c('p',{staticClass:\"bc-box-attention\"},[_vm._v(\"if you can not hear the sound clearly, please tell the invigilator\")]),_c('button',{staticClass:\"button button-bc btn-primary next-button\",on:{\"click\":function($event){return _vm.goNext('three')}}},[_vm._v(\"Continue\")])])])]):_c('div',{staticClass:\"col step step-three\"},[_vm._m(2),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col text-center\"},[_c('p',[_vm._v(\"Do not click 'Start test' until you are told to do so.\")]),_c('button',{staticClass:\"button button-bc btn-primary next-button last-step\",attrs:{\"id\":\"start-test\"},on:{\"click\":_vm.goTest}},[_vm._v(\" Start test \")])])])])])]),(_vm.isShowNote)?_c('note',{staticClass:\"note_instructions\",attrs:{\"main-text\":_vm.instructionsNote,\"contenteditable\":false},on:{\"close-note\":_vm.closeNote}}):_vm._e()],1):_c('div',{staticClass:\"test-container container-fluid px-lg-5\"},[_c('div',{staticClass:\"row mx-lg-n5\"},[_c('div',{staticClass:\"test col py-3 px-lg-5 test-listening view content\"},[_c('div',{staticClass:\"row\"},[_c('part-bar',{attrs:{\"part-bar-data\":{part:_vm.currentPart,partDesc: 'part.content' }}})],1),(_vm.buttonGroups.length>0)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col d-lg-none\"},[_c('navigation',{attrs:{\"buttonGroups\":_vm.buttonGroups}})],1)]):_vm._e(),_c('div',{staticClass:\"row\"},_vm._l((_vm.listenData),function(part){return _c('div',{key:part.id,staticClass:\"col\",class:_vm.currentPart===part.part?'':'hidden'},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col exercises has-parts\"},[_vm._l((part.groups),function(group){return [(group.question_type===11)?_c('div',{key:group.id,staticClass:\"row exercise exercise-mc1\"},[[_c('exercise-group',{attrs:{\"group\":group}},[_c('div',{staticClass:\"row list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},_vm._l((group.questions),function(question,index){return _c('multiple-choice',{key:index,staticClass:\"d_jump\",attrs:{\"id\":question.id,\"question-type\":\"listening\",\"question-desc\":question,\"answers\":_vm.selectAnswers},on:{\"submitAnswer\":_vm.submitAnswer}})}),1)])]],2):_vm._e(),(group.question_type===12)?_c('div',{key:group.id,staticClass:\"row exercise exercise-mc2\"},[_c('exercise-group',{attrs:{\"group\":group}},[_c('div',{staticClass:\"row list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},_vm._l((group.questions),function(question,index){return _c('multiple-answer',{key:index,staticClass:\"d_jump\",attrs:{\"id\":question.id,\"questionRange\":`${group.beginNum} - ${group.beginNum+group.questions[0].answer.length - 1}`,\"beginNumber\":group.beginNum,\"question-desc\":question,\"question-type\":\"listening\",\"answers\":_vm.selectAnswers[question.id]&&_vm.selectAnswers[question.id].answer.split('')||[]},on:{\"submitAnswer\":_vm.submitAnswer}})}),1)])],1):_vm._e(),(group.question_type=== 32)?_c('div',{key:group.id},[_c('exercise-group',{attrs:{\"group\":group}},[_c('div',{staticClass:\"row list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},[_c('note-completion',{staticClass:\"d_jump\",attrs:{\"id\":group.id,\"question-desc\":group,\"selectAnswers\":_vm.selectAnswers},on:{\"submitAnswer\":_vm.submitAnswer}})],1)])],1):_vm._e(),((group.question_type=== _vm.QUESTION_TYPE.MATCH || group.type === _vm.QUESTION_TYPE.TITLE) )?_c('div',{key:group.id},[_c('exercise-group',{attrs:{\"group\":group}},[_c('div',{staticClass:\"row list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},[(group.mode!==_vm.QUESTION_TYPE_MODE.MATCH_CHOOSE)?_c('match',{attrs:{\"group\":group,\"selectAnswers\":_vm.selectAnswers},on:{\"submitAnswer\":_vm.submitAnswer}}):_vm._l((group.questions),function(question,index){return _c('multiple-choice',{key:index,staticClass:\"d_jump\",attrs:{\"id\":question.id,\"question-desc\":question,\"question-type\":\"listening\"},on:{\"submitAnswer\":_vm.submitAnswer}})})],2)])],1):_vm._e()]})],2)])])}),0)])]),_c('div',{staticClass:\"row question-navigation d-none d-lg-flex\",staticStyle:{\"margin-top\":\"10px\"}},[_c('navigation',{attrs:{\"button-groups\":_vm.buttonGroups}})],1)]),(_vm.isReady)?_c('div',{staticClass:\"p_listening_loading\"},[_vm._m(3)]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('ul',[_c('li',[_vm._v(\"Name:\")]),_c('li',[_vm._v(\"Date of birth: XX-XX-XXXX\")]),_c('li',[_vm._v(\"Candidate number: xxxx xxxx - 123456\")])])\n},function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('p',[_vm._v(\"Put on your headphones and click the \"),_c('strong',[_vm._v(\"Play sound\")]),_vm._v(\" button to play a sample sound.\")])\n},function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h5',[_vm._v(\"IELTS Listening\")]),_c('p',[_vm._v(\"Time: Approximately 30 minutes\")]),_c('h5',[_vm._v(\"INSTRUCTIONS TO CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"Answer \"),_c('strong',[_vm._v(\"all\")]),_vm._v(\" the questions.\")]),_c('li',[_vm._v(\"You can change your answers at any time during the test.\")])]),_c('h5',[_vm._v(\"INFORMATION FOR CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"There are 40 questions in this test.\")]),_c('li',[_vm._v(\"Each question carries one mark.\")]),_c('li',[_vm._v(\"There are four parts to the test\")]),_c('li',[_vm._v(\"You will hear each part once.\")]),_c('li',[_vm._v(\"For each part of the test there will be time for you to look through the questions and time for you to check your answers. \")])])])])\n},function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"loading_content\"},[_c('i',{staticClass:\"el-icon-loading\"}),_c('div',[_vm._v(\"试题加载中\")])])\n}]\n\nexport { render, staticRenderFns }","import note from \"../../../components/common/edit/note.vue\";\nimport match from \"@/components/question/match/match.vue\";\nimport partBar from \"@/components/question/partBar/partBar.vue\";\nimport exerciseGroup from \"@/components/question/exercise/exercise.vue\";\nimport navigation from \"@/components/question/navigation/navigation.vue\";\nimport multipleAnswer from \"@/components/question/multipleAnswer/multipleAnswer.vue\";\nimport noteCompletion from \"@/components/question/noteCompletion/noteCompletion.vue\";\nimport multipleChoice from \"@/components/question/multipleChoice/multipleChoice.vue\";\n\nimport * as Api from \"@/api/mock\";\nimport { AUDIOSLEEPTIME } from \"@/utils/constant\";\nimport { dealData } from \"@/utils/util\";\nimport {\n  QUESTION_TYPE_MODE,\n  QUESTION_TYPE,\n  EXERCISE_TYPE,\n  MOCK_SECTION,\n} from \"@/utils/constant\";\n\nimport { mapActions, mapState } from \"vuex\";\nimport AES from \"@/utils/AES\";\nimport { mockMix } from \"@/views/mock/mixins/mockMix\";\n\nlet Base64 = require(\"js-base64\").Base64;\n\nexport default {\n  mixins: [mockMix],\n  data() {\n    return {\n      isReady: true,\n      listenData: [],\n      audioList: [],\n      currentAudioIndex: 0,\n      showStep: \"one\",\n      isShowNote: true,\n      isShowInstructions: true,\n      answers: [],\n      selectAnswers: {},\n      audioTime: [],\n      recordTime: \"\",\n      timeInterval: null,\n      currentAudioTime: \"\", //继续练习时音频需要接着上次的位置继续播放\n      listeningTime: 0,\n      audioCount: 0,\n      QUESTION_TYPE,\n      QUESTION_TYPE_MODE,\n      beginButton: true,\n      exerciseType: 3,\n      totalPart: 0,\n    };\n  },\n  props:{\n    curTime:{\n      type: Number,\n      default: 0\n    }\n  },\n  computed: {\n    instructionsNote() {\n      if (this.showStep === \"one\") {\n        return \"Please click the “my details are correct” button to progress into the listening familiarisation test, in your real IELTS test there will be an invigilator in the room to advise when to do this.\";\n      } else if (this.showStep === \"two\") {\n        return \"Please click the “Continue” button to progress into the familiarisation test, in your real IELTS test there will be an invigilator in the room to advise when to do this.\";\n      } else {\n        return \"Please click the “Start test” button to start the familiarisation test, in your real IELTS test there will be an invigilator in the room to advise when to do this.\";\n      }\n    },\n    ...mapState({\n      currentPart: (state) => state.tests.currentPart,\n      buttonGroups: (state) => state.tests.buttonGroups,\n      countDownLimit: (state) => state.tests.countDownLimit,\n      recordId: (state) => state.tests.recordId,\n      sections: (state) => state.common.sections,\n      recordDetails: (state) => state.tests.detailIds,\n      exerciseMode: (state) => state.tests.exerciseMode,\n    }),\n  },\n  mounted() {\n    let routeQuery = this.$route.query;\n    this.exerciseType = routeQuery.type * 1 || EXERCISE_TYPE.MOCK;\n    this.setCurrentSection(\"listening\");\n    this.getRecordId();\n    this.beginButton = true;\n  },\n  methods: {\n    submitAnswer(answer, callback) {\n      let detail = {\n        recordId: this.recordId,\n        section: MOCK_SECTION.LISTENING\n      };\n      this.postAnswer(\"listening\", detail, answer, this.exerciseType, callback);\n    },\n\n    getSection() {\n      let detail = {\n        recordId: this.recordId,\n        section:MOCK_SECTION.LISTENING\n      };\n      Api.getPaper(\n        detail,\n        (res) => {\n          const { iv, value } =  JSON.parse(Base64.decode(res.encrypted))\n          const decroptRes = JSON.parse(AES.decrypt(value, '', 'CBC', iv));\n          this.dealData(decroptRes, this.selectAnswers).then(\n            ([data, buttons, audioList, audioDuration]) => {\n              this.listenData = data;\n              this.setCurrentPart(data[0].part);\n              this.setButtonGroups(buttons);\n              this.audioList = audioList;\n              this.audioTime = audioDuration;\n              this.totalPart = data.length;\n              for (let i = 0; i < this.totalPart; i++) {\n                this.listeningTime += audioDuration[i];\n                this.audioCount++;\n              }\n            }\n          );\n        },\n        \"\",\n        this.exerciseType\n      );\n    },\n    getAnswers() {\n      let detail = {\n        recordId: this.recordId,\n        section: MOCK_SECTION.LISTENING\n      };\n      Api.getSelectAnswer(this.exerciseType, detail, \"\", (res) => {\n        let answers;\n        if (res instanceof Array) {\n          answers = {\n            spent_second: 0,\n            answers: res,\n          };\n        } else {\n          answers = res;\n          this.setCurrentPartObj({\n            id:res.part_id\n          })\n          this.setCurrentPaper(res.paper)\n        }\n        this.recordTime = answers.spent_second;\n        if (answers.answers.length === 0) {\n          this.selectAnswers = {};\n        } else {\n          let answerObj = {};\n          answers.answers.forEach((answer) => {\n            answer.answer = answer.content\n            delete answer.content\n            answerObj[answer.question_id] = answer;\n          });\n          this.selectAnswers = answerObj;\n        }\n        this.getSection();\n      });\n    },\n    findAnswer(arr, item) {\n      let questionId = \"\";\n      arr.forEach((ele, index) => {\n        if (ele.question_id === item.question_id) {\n          questionId = index;\n        }\n      });\n      return questionId;\n    },\n    goNext(step) {\n      this.showStep = step;\n      this.preloadAudio(this.recordTime);\n    },\n    goTest() {\n      if (this.beginButton) {\n        this.beginButton = false;\n        this.isShowInstructions = false;\n        this.setIsStarted(true);\n        this.playAudio(this.recordTime); // todo 播放音频\n        this.$emit(\"startTimer\", this.countDownLimit);\n        if (this.exerciseMode === \"first\") {\n          this.submitAnswer(\"\");\n        } else {\n          this.submitAnswer(\"continue\");\n        }\n        this.timeInterval = setInterval(() => {\n          //todo\n          this.submitAnswer(\"second\");\n        }, 30000);\n      }\n    },\n    preloadAudio(beginTime) {\n      let audioRange = [];\n      audioRange[0] = this.audioTime[0];\n      audioRange[1] = this.audioTime[0] + this.audioTime[1];\n      audioRange[2] = audioRange[1] + this.audioTime[2];\n      audioRange[3] = audioRange[2] + this.audioTime[3];\n      let audio = document.getElementById(\"listeningAudio\");\n      audio.loop = false;\n      let currentTime = \"\";\n      if (beginTime < audioRange[0]) {\n        audio.src = this.audioList[0];\n        currentTime = beginTime;\n      } else if (beginTime > audioRange[0] && beginTime < audioRange[1]) {\n        audio.src = this.audioList[1];\n        currentTime = beginTime - audioRange[0];\n      } else if (beginTime > audioRange[1] && beginTime < audioRange[2]) {\n        audio.src = this.audioList[2];\n        currentTime = beginTime - audioRange[1];\n      } else if (beginTime > audioRange[2] && beginTime < audioRange[3]) {\n        audio.src = this.audioList[3];\n        currentTime = beginTime - audioRange[2];\n      } else {\n        return;\n      }\n      this.currentAudioTime = currentTime;\n    },\n    playAudio() {\n      let audio = document.getElementById(\"listeningAudio\");\n      audio.loop = false;\n      audio.currentTime = this.currentAudioTime;\n      audio.play();\n      let self = this;\n      audio.addEventListener(\n        \"ended\",\n        function() {\n          self.currentAudioIndex += 1;\n          if (self.audioList[self.currentAudioIndex]) {\n            setTimeout(function() {\n              audio.src = self.audioList[self.currentAudioIndex];\n              document.getElementById(\"listeningAudio\").play();\n            }, AUDIOSLEEPTIME);\n          } else {\n            return;\n          }\n        },\n        false\n      );\n    },\n    playTestAudio() {\n      this.$refs.testAudio.play();\n    },\n    closeNote() {\n      this.isShowNote = false;\n    },\n    dealData,\n\n    ...mapActions([\n      \"setCurrentPart\",\n      \"setButtonGroups\",\n      \"setPreciseTime\",\n      \"setNotPreciseTime\",\n      \"setIsStarted\",\n      \"setCountdownLimit\",\n      \"setIsAnswered\",\n      \"setCurrentSection\",\n      \"setRecordId\",\n      \"setRecordDetailIds\",\n      \"setCurrentPartObj\",\n      \"setCurrentPaper\"\n    ]),\n  },\n  watch: {\n    audioCount(newVal, oldVal) {\n      if (newVal === this.totalPart) {\n        let time = this.listeningTime.toFixed(0) * 1 + 120;\n        this.totalDuration = time\n        let leaveTime = 0\n        if(this.exerciseType === EXERCISE_TYPE.MOCK){\n          leaveTime = this.totalDuration - this.getMockRecordSectionDetail(this.recordDetails)?.spent_second;\n        }else {\n          leaveTime = this.totalDuration - this.recordTime;\n        }\n        this.setCountdownLimit(leaveTime);\n        this.isReady = false;\n      }\n    },\n  },\n  components: {\n    note,\n    match,\n    partBar,\n    navigation,\n    noteCompletion,\n    exerciseGroup,\n    multipleAnswer,\n    multipleChoice,\n  },\n  beforeRouteLeave(to, from, next) {\n    clearInterval(this.timeInterval);\n    next();\n  },\n};\n","<template>\n  <div class=\"p_listen\">\n    <!-- 确认信息   -->\n    <div class=\"confirmDetails\" v-if=\"isShowInstructions\">\n      <div class=\"p-content container-fluid\">\n        <div class=\"row instructions steps\">\n          <div class=\"col  step step-one\" v-if=\"showStep==='one'\">\n            <div class=\"student-detail\">\n              <img src=\"../../../assets/img/userCheck.png\" alt=\"\">\n              <p class=\"bc-box-title\">Confirm your details</p>\n              <div class=\"bc-box\">\n                <h3 style=\"color: red;text-align: center;font-size: 1.75rem\">EXAMPLE</h3>\n                <ul>\n                  <li>Name:</li>\n                  <li>Date of birth: XX-XX-XXXX</li>\n                  <li>Candidate number: xxxx xxxx - 123456</li>\n                </ul>\n                <p class=\"bx-box-info\">If your details aren't correct, please inform the invigilator.</p>\n                <button class=\"button button-bc\" @click=\"goNext('two')\">My details are correct</button>\n              </div>\n            </div>\n          </div>\n          <div class=\"col step step-two\" v-else-if=\"showStep==='two'\">\n            <div class=\"test-sound\">\n              <audio ref=\"testAudio\" src=\"../../../assets/audio/soundcheck.mp3\" loop></audio>\n              <img src=\"../../../assets/img/sound.png\" alt=\"\">\n              <p class=\"bc-box-title\">Test sound</p>\n              <div class=\"bc-box\">\n                <p>Put on your headphones and click the <strong>Play sound</strong> button to play a sample sound.</p>\n                <button id=\"test-audio\" class=\"button  btn-primary  button-bc\" @click=\"playTestAudio\">Play sound\n                </button>\n                <p class=\"bc-box-attention\">if you can not hear the sound clearly, please tell the invigilator</p>\n                <button class=\"button  button-bc btn-primary next-button\" @click=\"goNext('three')\">Continue</button>\n              </div>\n            </div>\n          </div>\n          <div class=\"col step step-three\" v-else>\n            <div class=\"row\">\n              <div class=\"col\">\n\n                <h5>IELTS Listening</h5>\n                <p>Time: Approximately 30 minutes</p>\n                <h5>INSTRUCTIONS TO CANDIDATES</h5>\n                <ul>\n                  <li>Answer <strong>all</strong> the questions.</li>\n                  <li>You can change your answers at any time during the test.</li>\n                </ul>\n                <h5>INFORMATION FOR CANDIDATES</h5>\n                <ul>\n                  <li>There are 40 questions in this test.</li>\n                  <li>Each question carries one mark.</li>\n                  <li>There are four parts to the test</li>\n                  <li>You will hear each part once.</li>\n                  <li>For each part of the test there will be time for you to look through the questions and time for\n                    you\n                    to check your answers.\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col text-center\">\n                <p>Do not click 'Start test' until you are told to do so.</p>\n                <button id=\"start-test\" class=\"button button-bc btn-primary  next-button last-step\" @click=\"goTest\">\n                  Start test\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <note class=\"note_instructions\" @close-note=\"closeNote\" v-if=\"isShowNote\" :main-text=\"instructionsNote\"\n            :contenteditable=\"false\"></note>\n    </div>\n\n    <!-- 听力页面 -->\n    <div class=\"test-container container-fluid px-lg-5\" v-else>\n      <div class=\"row mx-lg-n5\">\n        <div class=\"test col py-3 px-lg-5 test-listening view content\">\n          <!-- title row -->\n          <div class=\"row\">\n            <part-bar class=\"\"\n                      :part-bar-data=\"{part:currentPart,partDesc: 'part.content' }\"\n            ></part-bar>\n          </div>\n          <div class=\"row\" v-if=\"buttonGroups.length>0\">\n            <div class=\"col d-lg-none\">\n              <navigation :buttonGroups=\"buttonGroups\"></navigation>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"col\" v-for=\"(part) in listenData\" :key=\"part.id\"\n                 :class=\"currentPart===part.part?'':'hidden'\">\n              <!--  question row -->\n              <div class=\"row\">\n                <div class=\"col exercises has-parts\">\n                  <template v-for=\"(group) in part.groups\">\n                    <div v-if=\"group.question_type===11\" class=\"row exercise exercise-mc1\" :key=\"group.id\">\n                      <template>\n                        <exercise-group :group=\"group\">\n                          <div slot=\"exerciseSlot\" class=\"row list-unstyled font-weight-bold questions\">\n                            <multiple-choice v-for=\"(question,index) in group.questions\" :key=\"index\"\n                                             class=\"d_jump\"\n                                             :id=\"question.id\"\n                                             question-type=\"listening\"\n                                             :question-desc=\"question\"\n                                             :answers=\"selectAnswers\"\n                                             @submitAnswer=\"submitAnswer\"\n                            ></multiple-choice>\n                          </div>\n                        </exercise-group>\n                      </template>\n                    </div>\n                    <div v-if=\"group.question_type===12\" class=\"row exercise exercise-mc2\" :key=\"group.id\">\n                      <exercise-group :group=\"group\">\n                        <div slot=\"exerciseSlot\" class=\"row list-unstyled font-weight-bold questions\">\n                          <multiple-answer v-for=\"(question,index) in group.questions\" :key=\"index\"\n                                           class=\"d_jump\"\n                                           :id=\"question.id\"\n                                           :questionRange=\"`${group.beginNum} - ${group.beginNum+group.questions[0].answer.length - 1}`\"\n                                           :beginNumber=\"group.beginNum\"\n                                           :question-desc=\"question\"\n                                           question-type=\"listening\"\n                                           :answers=\"selectAnswers[question.id]&&selectAnswers[question.id].answer.split('')||[]\"\n                                           @submitAnswer=\"submitAnswer\"\n                          ></multiple-answer>\n                        </div>\n                      </exercise-group>\n                    </div>\n                    <div v-if=\"group.question_type=== 32\" :key=\"group.id\">\n                      <exercise-group :group=\"group\">\n                        <div slot=\"exerciseSlot\" class=\"row list-unstyled font-weight-bold questions\">\n                          <note-completion\n                              class=\"d_jump\"\n                              :id=\"group.id\"\n                              :question-desc=\"group\"\n                              :selectAnswers=\"selectAnswers\"\n                              @submitAnswer=\"submitAnswer\"\n                          ></note-completion>\n                        </div>\n                      </exercise-group>\n                    </div>\n                    <div v-if=\"(group.question_type=== QUESTION_TYPE.MATCH || group.type === QUESTION_TYPE.TITLE) \" :key=\"group.id\">\n                      <exercise-group :group=\"group\">\n                        <div slot=\"exerciseSlot\" class=\"row list-unstyled font-weight-bold questions\">\n                          <match :group=\"group\"\n                                 v-if=\"group.mode!==QUESTION_TYPE_MODE.MATCH_CHOOSE\"\n                                 :selectAnswers=\"selectAnswers\"\n                                 @submitAnswer=\"submitAnswer\"\n                          ></match>\n                          <template v-else>\n                            <multiple-choice v-for=\"(question,index) in group.questions\" :key=\"index\"\n                                             class=\"d_jump\"\n                                             :id=\"question.id\"\n                                             :question-desc=\"question\"\n                                             question-type=\"listening\"\n                                             @submitAnswer=\"submitAnswer\"\n                            ></multiple-choice>\n                          </template>\n                        </div>\n                      </exercise-group>\n                    </div>\n                  </template>\n                </div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"row question-navigation d-none d-lg-flex\" style=\"margin-top: 10px;\">\n        <navigation :button-groups=\"buttonGroups\"></navigation>\n      </div>\n    </div>\n\n    <!-- loading page   -->\n    <div class=\"p_listening_loading\" v-if=\"isReady\">\n\n      <div class=\"loading_content\">\n        <i class=\"el-icon-loading\"></i>\n        <div >试题加载中</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\n  import listenJs from './listen'\n  import { QUESTION_TYPE } from '@/utils/constant'\n\n  export default listenJs\n</script>\n<style lang=\"less\" scoped>\n  .top-bar, .exercises {\n    box-shadow: 0 0.0714em 0.214em rgba(0, 0, 0, 0.25);\n    background-image: linear-gradient(to top, #fff, #dde3ee);\n  }\n\n  .exercises {\n    border-radius: 8px;\n    padding-top: 15px;\n    padding-bottom: 1em;\n    height: calc(100vh - 246px);\n    overflow-y: auto;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .exercise {\n    margin-bottom: 2em;\n  }\n\n  .confirmDetails {\n    width: 100%;\n  }\n\n  .container-fluid {\n    width: 100%;\n    padding-right: 15px;\n    padding-left: 15px;\n    margin-right: auto;\n    margin-left: auto;\n\n  }\n\n  .p-content {\n    .instructions {\n      padding-top: 40px;\n\n      h5 {\n        font-weight: bold;\n        font-size: 1.25rem;\n        color: #212529;\n      }\n\n      .student-detail, .test-sound {\n        width: 100%;\n        max-width: 1120px;\n        margin: 80px auto 0 auto;\n      }\n\n      p, ul {\n        font-size: 14px;\n      }\n\n      p.bx-box-info, p.bc-box-attention {\n        padding-left: 25px;\n        background-position: left 0.15em;\n        background-repeat: no-repeat;\n      }\n\n      p.bx-box-info {\n        background-image: url(../../../../src/assets/img/iconInformation16.png);\n      }\n\n      p.bc-box-attention {\n        background-image: url(../../../../src/assets/img/iconAttention16.png);\n      }\n\n      .bc-box-title {\n        display: inline-block;\n        font-weight: bold;\n      }\n\n      .bc-box {\n        display: block;\n        width: 100%;\n        max-width: 1120px;\n        border: solid 1px white;\n        border-radius: 10px;\n        padding: 15px;\n        margin: 0 auto;\n      }\n\n      .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {\n        color: #fff;\n        background-color: #0062cc;\n        border-color: #005cbf;\n      }\n\n      .button-bc {\n        margin: 0 auto;\n        display: block;\n        background-color: transparent;\n        color: #283e53;\n        font-weight: bold;\n        border: none;\n        box-shadow: 0 2px 2px grey;\n      }\n    }\n  }\n\n  .note_instructions {\n    right: 10%;\n    bottom: 10%;\n  }\n\n  .p_listening_loading {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    background: #dce5f6;\n    z-index: 99;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .loading_content {\n      width: 300px;\n      height: 200px;\n      text-align: center;\n      color: #333;\n    }\n  }\n</style>\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!./listen.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!./listen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./listen.vue?vue&type=template&id=27295e94&scoped=true&\"\nimport script from \"./listen.vue?vue&type=script&lang=js&\"\nexport * from \"./listen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./listen.vue?vue&type=style&index=0&id=27295e94&prod&lang=less&scoped=true&\"\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  \"27295e94\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}