{"version":3,"sources":["webpack:///./src/views/mock/paperTests/write/index.vue?bb5f","webpack:///./src/views/mock/paperTests/write/index.vue","webpack:///src/views/mock/paperTests/write/index.vue","webpack:///./src/views/mock/paperTests/write/index.vue?d2d4","webpack:///./src/views/mock/paperTests/write/index.vue?ef14"],"names":["render","_vm","this","_c","_self","staticClass","attrs","articleList","on","tabChange","loading","_e","ref","domProps","_s","articleHtml","answerList","wordNumber","model","value","articleAnswer","callback","$$v","expression","staticRenderFns","name","components","Skeleton","Input","TabCard","props","testStart","type","default","data","initialStepInfo","label","articleActive","section","start","timer","interMinute","minutes","seconds","t","totalDuration","watch","submitAnswerApi","id","question_id","content","spent_second","computed","mounted","window","init","stepInfo","question","remainingTime","methods","initPaper","getAnswerInfoApi","record","answers","getContinueExerciseInfoApi","res","finish","finishTestApi","finished","startCountdown","pause","clearInterval","mapActions","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,WAAWL,EAAIM,aAAaC,GAAG,CAAC,OAASP,EAAIQ,YAAY,CAAER,EAAIS,QAASP,EAAG,WAAW,CAACG,MAAM,CAAC,SAAW,GAAG,KAAO,MAAML,EAAIU,KAAOV,EAAIS,QAA4GT,EAAIU,KAAvGR,EAAG,MAAM,CAACS,IAAI,aAAaP,YAAY,WAAWQ,SAAS,CAAC,UAAYZ,EAAIa,GAAGb,EAAIc,iBAA0B,GAAGZ,EAAG,UAAU,CAACG,MAAM,CAAC,WAAWL,EAAIe,WAAW,MAAQf,EAAIgB,aAAa,CAAEhB,EAAIS,QAASP,EAAG,WAAW,CAACG,MAAM,CAAC,SAAW,GAAG,KAAO,MAAML,EAAIU,KAAOV,EAAIS,QAAkLT,EAAIU,KAA7KR,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,WAAW,YAAc,OAAOY,MAAM,CAACC,MAAOlB,EAAImB,cAAeC,SAAS,SAAUC,GAAMrB,EAAImB,cAAcE,GAAKC,WAAW,oBAA6B,IAAI,IAE9sBC,EAAkB,G,kKCwCtB,OACe,GACfC,eACAC,YACAC,uBACAC,iBACAC,gBAEAC,OACAC,WACAC,aACAC,aAGAC,gBACA,OACAxB,WACAyB,mBAEAnB,aAAAoB,aAAAjB,UAEAkB,gBACA9B,eACAQ,eACAK,iBACAkB,uBACAC,SACAC,OACAC,eACAC,WACAC,cAEAC,OACAC,kBAGAC,OACA1B,yBACA2B,gBACAC,iCACAhB,4BACAE,MACAe,6BACAC,2BACAZ,qCACAa,qDAIApB,qBACA,iBACA,sBACA,iBAIAqB,UACAH,uBACA,OACA,oEAGAhC,sBACA,uEAEA,gCAGAoC,mBAAA,WACAC,4CACA,gBACAC,uCACA,kBAAAC,aACA,oBAEA,2EACAC,OACAtC,QACAiB,oCAEA,uBAEA,UACA,qBACAsB,iDACA,6BACA,+CAEA,mBACA,iBAKAC,wBACAlD,sBAAA,cACA,qBACA,kBAEAmD,sBAAA,oJAMA,GALA,aACA,+BACA,6BACA,gCACA,sBAEA,mEACAC,gBACAC,yBACAzC,qBACA,gBACA0C,6BACAA,2BACA,GACA,gBAEA,6BAEA,EAUA,6CACAA,2BACA,GAXAC,gBACAhB,8BACA3B,qBACA,6DACA4C,mCACA,MAOA,OAIA,wDApCA,IAuCAC,mBACAC,gBACAL,4BACA9B,4BACAX,oBACA+C,QAIAC,0BAAA,WACA,8BACA,+BACA,UAAA5B,gBAAAC,YAAAC,YACA,SACAF,cACAC,UACAC,WAEA,8BACA,MAEA2B,kBACA,EACAC,sBAEA,wBAGAC,gBACA,wBCjN4X,I,wBCQxXC,EAAY,eACd,EACAzE,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAiD,E","file":"js/chunk-0cf0a952.7f7162b3.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!./index.vue?vue&type=style&index=0&id=0aae9eac&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"swapper\"},[_c('TabCard',{attrs:{\"tab-list\":_vm.articleList},on:{\"change\":_vm.tabChange}},[(_vm.loading)?_c('Skeleton',{attrs:{\"animated\":\"\",\"rows\":12}}):_vm._e(),(!_vm.loading)?_c('div',{ref:\"containRef\",staticClass:\"text-box\",domProps:{\"innerHTML\":_vm._s(_vm.articleHtml)}}):_vm._e()],1),_c('TabCard',{attrs:{\"tab-list\":_vm.answerList,\"title\":_vm.wordNumber}},[(_vm.loading)?_c('Skeleton',{attrs:{\"animated\":\"\",\"rows\":10}}):_vm._e(),(!_vm.loading)?_c('Input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"请输入\"},model:{value:(_vm.articleAnswer),callback:function ($$v) {_vm.articleAnswer=$$v},expression:\"articleAnswer\"}}):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"swapper\">\n    <TabCard :tab-list=\"articleList\" @change=\"tabChange\">\n      <Skeleton v-if=\"loading\" animated :rows=\"12\" />\n      <div\n        v-if=\"!loading\"\n        class=\"text-box\"\n        ref=\"containRef\"\n        v-html=\"articleHtml\"\n      ></div>\n    </TabCard>\n    <TabCard :tab-list=\"answerList\" :title=\"wordNumber\">\n      <Skeleton v-if=\"loading\" animated :rows=\"10\" />\n      <Input\n        v-if=\"!loading\"\n        type=\"textarea\"\n        v-model=\"articleAnswer\"\n        placeholder=\"请输入\"\n      />\n    </TabCard>\n  </div>\n</template>\n\n<script>\nimport { Input, Skeleton } from \"element-ui\";\nimport { \n  getRemainingTime, \n  init,\n  getRemainderTime\n} from \"@/views/mock/paperTests/util/common\";\nimport { generateQuestion } from \"@/views/mock/paperTests/util/form\";\nimport {\n  finishTestApi,\n  getAnswerInfoApi,\n  submitAnswerApi,\n  getContinueExerciseInfoApi\n} from \"@/api/paperMock\";\nimport { MOCK_SECTION } from \"@/utils/constant\";\nimport TabCard from \"@/views/mock/paperTests/compontents/tabCard.vue\";\nimport {EXERCISE_TYPE} from \"@/utils/constant\";\nimport { mapActions } from \"vuex\";\n\nlet remainingTime = null;\nexport default {\n  name: \"writing\",\n  components: {\n    Skeleton,\n    Input,\n    TabCard\n  },\n  props:{\n    testStart:{\n      type: Boolean,\n      default: false\n    }\n  },\n  data() {\n    return {\n      loading: true,\n      initialStepInfo: {},\n\n      answerList: [{ label: \"答题试卷\", value: 0 }],\n\n      articleActive: 0,\n      articleList: [],\n      articleHtml: \"\",\n      articleAnswer: \"\",\n      section: MOCK_SECTION.WRITING,\n      start: false,\n      timer: {\n        interMinute: \"\",\n        minutes: \"\",\n        seconds: \"00\"\n      },\n      t: null,\n      totalDuration: 0//练习、模考总时长\n    };\n  },\n  watch: {\n    articleAnswer() {\n      submitAnswerApi({\n        id: this.initialStepInfo.recordId,\n        type: this.$route.query.type,\n        data: {\n          question_id: this.question_id,\n          content: this.articleAnswer,\n          section: this.initialStepInfo.section,\n          spent_second: this.totalDuration - getRemainderTime(),\n        }\n      });\n    },\n    testStart(){\n      if(this.testStart){\n        this.startCountdown();\n        this.start = true;\n      }\n    }\n  },\n  computed: {\n    question_id() {\n      return (\n        this.articleList[this.articleActive].groups[0].questions[0].id || \"\"\n      );\n    },\n    wordNumber() {\n      const l = this.articleAnswer ? this.articleAnswer.trim().split(\" \").length : 0;\n      // const l = this.articleAnswer.trim().split(/\\s+/).length\n      return `Word count：${l}`;\n    },\n  },\n  mounted() {\n    window.customStartTime = new Date().getTime();\n    this.loading = true;\n    init(this).then(res => {\n      const { questions, stepInfo } = res;\n      this.initialStepInfo = stepInfo;\n\n      this.articleList = questions.map((question, i) => ({\n        ...question,\n        value: i,\n        label: `Part ${question.number}`\n      }));\n      this.initPaper(res.answers);\n\n      if (!this.start) {\n        this.totalDuration = 60 * 60\n        remainingTime = getRemainingTime(stepInfo.spent_second, this.totalDuration);\n        this.$emit(\"getTotalTimer\", remainingTime());\n        if(this.$route.query.type === EXERCISE_TYPE.MOCK.toString()){\n          //模考模式下，进入阶段是不需要用户主动确认开始的，所以需要主动触发\n          this.startCountdown();\n          this.start = true;\n        }\n      }\n    });\n  },\n  methods: {\n    tabChange({ value }) {\n      this.articleActive = value;\n      this.initPaper();\n    },\n   async initPaper(answers) {\n      this.loading = true;\n      this.setCurrentSection('writing');\n      this.articleHtml = generateQuestion(\n        this.articleList[this.articleActive]\n      ).originalQuestionHtml;\n      // 模考才需要通过这个接口获取答案\n      if (+this.$route.query.type === +EXERCISE_TYPE.MOCK) {\n       await getAnswerInfoApi({\n          record: this.initialStepInfo,\n          callback: answers => {\n            this.articleAnswer =\n                answers.length && answers[this.articleActive]\n                    ? answers[this.articleActive].content\n                    : \"\";\n            this.loading = false;\n          }\n        });\n      }else {\n        if(!answers){\n          getContinueExerciseInfoApi({\n            id: this.initialStepInfo.recordId,\n            callback: res=>{\n              this.articleAnswer = res.answers.length && res.answers[this.articleActive]\n                    ? res.answers[this.articleActive].content\n                    : \"\";\n            }\n          })\n        }else {\n          this.articleAnswer = answers.length && answers[this.articleActive]\n                    ? answers[this.articleActive].content\n                    : \"\";\n        }\n        \n        \n      }\n      this.loading = false;\n\n    },\n    finish(finished) {\n      finishTestApi({\n        record: this.initialStepInfo,\n        type: this.$route.query.type,\n        callback: () => {\n          finished();\n        }\n      });\n    },\n    startCountdown() {\n      this.t ? clearInterval(this.t) : null;\n      this.t = setInterval(() => {\n        const { interMinute, minutes, seconds } = remainingTime();\n        this.timer = {\n          interMinute,\n          minutes,\n          seconds\n        };\n        this.$emit(\"getTimer\", this.timer);\n      }, 1000);\n    },\n    pause(isPause) {\n      if (isPause) {\n        clearInterval(this.t);\n      } else {\n        this.startCountdown();\n      }\n    },\n    ...mapActions([\n      \"setCurrentSection\"\n    ]),\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.swapper {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  /deep/.el-textarea__inner {\n    height: calc(100vh - 260px);\n    background: #f5f7fa;\n    border: none;\n  }\n\n  .text-box {\n    overflow: auto;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=0aae9eac&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=0aae9eac&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  \"0aae9eac\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}