{"version":3,"sources":["webpack:///./src/components/common/headerFilter/headerFilter.vue","webpack:///src/components/common/headerFilter/headerFilter.vue","webpack:///./src/components/common/headerFilter/headerFilter.vue?d8f3","webpack:///./src/components/common/headerFilter/headerFilter.vue?021e","webpack:///./src/components/common/headerFilter/headerFilter.vue?7d0f","webpack:///./src/components/common/pagination/pagination.vue?ff3e","webpack:///./src/components/common/middleFilter/middleFilter.vue?a059","webpack:///./src/components/common/middleFilter/middleFilter.vue","webpack:///src/components/common/middleFilter/middleFilter.vue","webpack:///./src/components/common/middleFilter/middleFilter.vue?0cb3","webpack:///./src/components/common/middleFilter/middleFilter.vue?2c59","webpack:///./src/components/common/pagination/pagination.vue","webpack:///src/components/common/pagination/pagination.vue","webpack:///./src/components/common/pagination/pagination.vue?bfac","webpack:///./src/components/common/pagination/pagination.vue?627b"],"names":["render","_vm","this","_c","_self","staticClass","attrs","routePath","_v","_s","staticStyle","$route","path","on","showTipModal","_e","examTypeFilter","_t","_l","exam_types","item","index","key","class","activeTypeFilter","$event","changeTypeFilter","value","sourceFilterDisplay","activeSourceFilter","id","changeSourceFilter","name","staticRenderFns","data","tipCon","bookList","activeBook","itemTypeFilter","watch","handler","val","FilterCourse","deep","immediate","computed","mapState","authorization","IMG_DOMAIN_PREFIX","methods","getImagePaht","dangerouslyUseHTMLString","showConfirmButton","customClass","query","source_id","mapActions","component","examType","activeExamType","changeExamType","examQuestions","length","activeExamQuestions","changeExamQuestions","examTime","activeExamTime","changeExamTime","examSort","activeExamSort","changeExamSort","props","type","default","restExamQuestionsStatus","pagination","current_page","per_page","total","handleCurrentChange","mounted","pageText","currentPage4"],"mappings":"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","file":"js/chunk-88a600be.49404117.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"MockBoxTop\"},[_c('img',{attrs:{\"src\":_vm.routePath[0],\"alt\":\"\",\"id\":\"img\"}}),_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(_vm._s(_vm.routePath[1]))]),_c('span',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.1)\"}},[_vm._v(_vm._s(_vm.routePath[3]))]),(_vm.$route.path === '/center/mock')?_c('span',{staticClass:\"notice\",on:{\"click\":_vm.showTipModal}},[_c('i',{staticClass:\"iconfont papa-question\"}),_vm._v(\" 模考须知 \")]):_vm._e()]),(_vm.examTypeFilter)?_c('div',{staticClass:\"mold\"},[_c('div',{staticClass:\"exam\",staticStyle:{\"line-height\":\"26px\"}},[_vm._t(\"title1\",function(){return [_vm._v(\"1\")]})],2),_vm._l((_vm.examTypeFilter.exam_types),function(item,index){return _c('div',{key:index,staticClass:\"itemMold\",class:_vm.activeTypeFilter === item.key ? 'item_filter-active' : '',on:{\"click\":function($event){return _vm.changeTypeFilter(item)}}},[_vm._v(\" \"+_vm._s(item.value)+\"类 \")])})],2):_vm._e(),_c('div',{staticClass:\"course\"},[_c('div',{staticClass:\"sourse\",staticStyle:{\"line-height\":\"26px\"}},[_vm._t(\"title2\",function(){return [_vm._v(\"2\")]})],2),_vm._l((_vm.sourceFilterDisplay),function(item,index){return _c('div',{key:index,staticClass:\"itemCourse\",class:_vm.activeSourceFilter == item.id ? 'item_filter-active' : '',on:{\"click\":function($event){return _vm.changeSourceFilter(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \"),_vm._t(\"unlock\",null,{\"itemTage\":item})],2)})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"MockBoxTop\">\n    <img :src=\"routePath[0]\" alt=\"\" id=\"img\" />\n    <div class=\"title\">\n      <h3>{{ routePath[1] }}</h3>\n      <span style=\"color: rgba(0, 0, 0, 0.1)\">{{ routePath[3] }}</span>\n      <span v-if=\"$route.path === '/center/mock'\" class=\"notice\" @click=\"showTipModal\">\n        <i class=\"iconfont papa-question\"></i>\n        模考须知\n      </span>\n    </div>\n\n    <div class=\"mold\" v-if=\"examTypeFilter\">\n      <div class=\"exam\" style=\"line-height: 26px\">\n        <slot name=\"title1\">1</slot>\n      </div>\n      <!-- <div class=\"itemMold\" :class=\"activeTypeFilter == null ? 'item_filter-active' : ''\" @click=\"typeAllBtn\">全部</div> -->\n      <div\n          class=\"itemMold\"\n          v-for=\"(item, index) in examTypeFilter.exam_types\"\n          :key=\"index\"\n          @click=\"changeTypeFilter(item)\"\n          :class=\"activeTypeFilter === item.key ? 'item_filter-active' : ''\"\n      >\n        {{ item.value }}类\n      </div>\n    </div>\n    <!-- 考试来源 -->\n    <div class=\"course\">\n      <div class=\"sourse\" style=\"line-height: 26px\">\n        <slot name=\"title2\">2</slot>\n      </div>\n      <!-- <div class=\"itemCourse\" :class=\"activeSourceFilter == null ? 'item_filter-active' : ''\" @click=\"sourceAllBtn\">全部</div> -->\n      <div\n          class=\"itemCourse\"\n          v-for=\"(item, index) in sourceFilterDisplay\"\n          :key=\"index\"\n          :class=\"activeSourceFilter == item.id ? 'item_filter-active' : ''\"\n          @click=\"changeSourceFilter(item)\"\n      >\n        {{ item.name }}\n        <slot name=\"unlock\" :itemTage=\"item\"></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as Api from \"@/api/center\";\nimport {IMG_DOMAIN_PREFIX } from \"@/utils/constant.js\";\nimport {mapActions, mapState} from \"vuex\";\n//导入路由\nexport default {\n  data() {\n    return {\n      tipCon:\n          \"趴趴模拟机考使用须知<br>\" +\n          \"<br>\" +\n          \"趴趴模拟机考为【限时全真模拟考试】，在测试前，请注意以下事项：<br>\" +\n          \"<br>\" +\n          \"1 考试计时：一旦开始考试后，就会开始计时，中途不能暂停。听力部分计时为音频时间+2min检查时间（约在25 - 35分钟）；阅读部分计时\" +\n          \"60min；写作部分计时60min。如果中途退出（关闭窗口或网络断开等），之前填写的答案将会自动保存。在机考网页“个人中心 - 模考记录中”，\" +\n          \"可以找到作答到一半的题目记录，并可以继续考试。继续考试的倒计时会承接上次退出时的剩余时间。\" +\n          \"<br>\" +\n          \"<br>\" +\n          \"2 答卷提交：每科目倒计时结束后会自动提交并进入下一科目；或点击右上角Finish Section可提前提交当前科目的答卷，提交后将不可返回修改此科目答案，自动进入下一科目的作答。\" +\n          \"<br>\" +\n          \"<br>\" +\n          \"3 成绩报告：当一套题目完整提交后（听力、阅读、写作三部分都完成并提交），将会自动跳转成绩报告，可以看到自己的听力、阅读分数和错题详情。如果未100%提交答卷，不会生成成绩报告。\" +\n          \"<br>\" +\n          \"<br>\" +\n          \"4、答题前准备：<br>\" +\n          \"1）在进入模考前，请确认自己的网络连接正常，耳机或电脑声音播放正常，不要将电脑或耳机处于静音状态。<br>\" +\n          \"2）关闭自行安装的智能输入法，将输入法调节到原始的英文输入状态，确认无词汇联想等功能，否则将影响你的真实成绩。<br>\" +\n          \"3）如果安装了一些翻译插件，如有道翻译等，具有网页及文字自动翻译功能，请提前将插件关闭或退出，避免影响正常做题。<br>\" +\n          \"<br>\" +\n          \"<br>\" +\n          \"祝宝宝取得好成绩！<br>\",\n      bookList: [], // 书籍列表\n      activeBook: [],\n      activeTypeFilter: null,\n      activeSourceFilter: null,\n      sourceFilterDisplay: null, //题目来源\n      itemTypeFilter: null,\n      // activeTypeFilter:this.examTypeFilter[0].id\n    };\n  },\n  watch: {\n    examTypeFilter: {\n      handler(val, oldVal) {\n        if (val && oldVal && val.length === oldVal.length) return;\n        this.activeTypeFilter = val && val.exam_types && val.exam_types[0].key;\n        this.sourceFilterDisplay =\n            val && val.exam_types && val.exam_types[0].sources;\n        this.activeSourceFilter =\n            this.$route.query.source_id ||\n            (val && val.exam_types && val.exam_types[0].sources[0].id); //首次控制高亮\n\n        //路由传参\n        let FilterCourse =\n            val &&\n            val.exam_types &&\n            val.exam_types[0]?.sources.filter((item) => {\n              return item.id == this.$route.query.source_id;\n            });\n        this.$emit(\n            \"SourceFilter\",\n            (FilterCourse && FilterCourse[0]) ||\n            (val && val.exam_types && val.exam_types[0].sources[0])\n        ); //首次触发事件\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  computed: {\n    ...mapState({\n      examTypeFilter: (state) => state.center.examTypeFilter,\n      authorization: (state) => state.common.authorization,\n    }),\n\n    routePath() {\n      if (this.$route.path === \"/center/record/mock\") {\n        return [IMG_DOMAIN_PREFIX + \"book.png\", \"模考记录\", false];\n      } else if (this.$route.path === \"/center/listening\") {\n        return [\n          IMG_DOMAIN_PREFIX + \"listening.png\",\n          \"听力练习\",\n          false,\n          \"LISTENING\",\n        ];\n      } else if (this.$route.path === \"/center/mock\") {\n        return [IMG_DOMAIN_PREFIX + \"computer.png\", \"模拟机考\", true];\n      } else if (this.$route.path === \"/center/record/wrong\") {\n        return [IMG_DOMAIN_PREFIX  + \"wrongbook.png\", \"错题本\", false];\n      } else if (this.$route.path === \"/center/record/note\") {\n        return [IMG_DOMAIN_PREFIX  + \"notebook.png\", \"笔记本\", false];\n      } else if (this.$route.path === \"/center/reading\") {\n        return [IMG_DOMAIN_PREFIX + \"reading.png\", \"阅读练习\", false, \"READING\"];\n      } else if (this.$route.path === \"/center/writing\") {\n        return [IMG_DOMAIN_PREFIX + \"write.png\", \"写作练习\", false, \"WRITING\"];\n      } else if (this.$route.path === \"/center/record/practice\") {\n        return [IMG_DOMAIN_PREFIX + \"practice.png\", \"练习记录\", false];\n      } else if (this.$route.path === \"/center/record/collection\") {\n        return [IMG_DOMAIN_PREFIX  + \"collect.png\", \"我的收藏\", false];\n      } else {\n        return [];\n      }\n    },\n  },\n  methods: {\n\n    getImagePaht(imageName){\n      return `/assets/img/${imageName}`\n    },\n    showTipModal() {\n      this.$alert(this.tipCon, '模考须知', {\n        dangerouslyUseHTMLString: true,\n        showConfirmButton: false,\n        customClass: \"custom-modal-style\",\n      })\n    },\n    changeTypeFilter(item) {\n      // 切换题目类型筛选来源\n      this.activeSourceFilter = item.sources?.[0]?.id;\n      if (item.sources.length !== 0) {\n        this.$emit(\"SourceFilter\", item.sources?.[0]);\n      }\n      this.activeTypeFilter = item.key;\n      this.itemTypeFilter = item;\n      const filterCourse = this.examTypeFilter.exam_types.filter((sources) => {\n        return sources?.key === item?.key;\n      });\n      this.sourceFilterDisplay = filterCourse[0]?.sources;\n      if (item.sources.length !== 0) {\n        this.$emit(\"TypeFilter\", item);\n      } else {\n        this.$emit(\"TypeFilter\", \"null\");\n      }\n    },\n    changeSourceFilter(item) {\n      //title2\n      //路由传参\n      this.$router.push({\n        path: this.$route.path,\n        query: {\n          source_id: item.id,\n        },\n      });\n      this.activeSourceFilter = item.id;\n      this.$emit(\"SourceFilter\", item);\n    },\n    ...mapActions([\"setExamTypeFilter\"]),\n    // typeAllBtn() {\n    //   this.activeTypeFilter = null\n    //   let arr = []\n    //   this.examTypeFilter.forEach(item => {\n    //      arr.push(...item.sources)\n    //   })\n    //   this.sourceFilterDisplay = arr\n    // },\n    // sourceAllBtn() {\n    //   this.activeSourceFilter = null\n    //   this.$emit('SourceFilter', {id: ''})\n    // }\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n.item_filter-active {\n  border-radius: 24px;\n  color: #fff;\n  background: #29d087;\n}\n\n.MockBoxTop {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 20px;\n  text-align: left;\n  width: 100%;\n  height: 148px;\n  background-color: white;\n  border-radius: 4px;\n\n  .title {\n    position: relative;\n    >h3 {\n      font-size: 20px;\n    }\n\n    .item {\n      width: 85px;\n      position: absolute;\n      top: 2px;\n      left: 85px;\n    }\n  }\n\n  h3 {\n    font-weight: bold;\n    font-size: 16px;\n    display: inline-block;\n    margin-right: 20px;\n  }\n\n  .notice {\n    .papa-question {\n      font-size: 12px;\n    }\n\n    color: #afafaf;\n    font-size: 12px;\n  }\n\n  .notice:hover {\n    color: #29d087;\n    cursor: pointer;\n  }\n\n  .mold {\n    display: flex;\n    font-size: 12px;\n    color: #666666;\n    z-index: 2;\n  }\n\n  .course {\n    display: flex;\n    font-size: 12px;\n    color: #666666;\n    z-index: 2;\n  }\n\n  .mold {\n    z-index: 2;\n    .exam {\n      margin-right: 20px;\n      font-size: 14px;\n    }\n\n    .itemMold {\n      padding: 5px 12px;\n      cursor: pointer;\n      margin: 0 12px;\n      font-size: 14px;\n      .hover-btn;\n    }\n  }\n\n  .course {\n    z-index: 2;\n    .sourse {\n      margin-right: 20px;\n      font-size: 14px;\n    }\n\n    .itemCourse {\n      padding: 5px 12px;\n      cursor: pointer;\n      margin: 0 12px;\n      position: relative;\n      font-size: 14px;\n      .hover-btn;\n\n      .freeTag {\n        z-index: 9;\n        position: absolute;\n        top: -30%;\n        font-size: 12px;\n        transform: scale(0.8);\n        background: #ff3e3e;\n        color: #fff;\n        padding: 0px 6px;\n        border-radius: 100px;\n      }\n\n      .freeTag :after {\n        content: \"\";\n        position: absolute;\n        top: 90%;\n        left: -9px;\n        width: 21px;\n        height: 7px;\n        border-width: 0;\n        border-style: solid;\n        border-color: transparent;\n        border-right-width: 6px;\n        border-right-color: currentColor;\n        border-radius: 0 0 34px 0;\n        color: #ff3e3e;\n      }\n    }\n  }\n\n  #img {\n    position: absolute;\n    right: 0;\n    top: 0;\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!./headerFilter.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!./headerFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./headerFilter.vue?vue&type=template&id=0a773a4a&scoped=true&\"\nimport script from \"./headerFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./headerFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headerFilter.vue?vue&type=style&index=0&id=0a773a4a&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  \"0a773a4a\",\n  null\n  \n)\n\nexport default component.exports","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!./headerFilter.vue?vue&type=style&index=0&id=0a773a4a&prod&lang=less&scoped=true&\"","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!./pagination.vue?vue&type=style&index=0&id=47e983c2&prod&lang=less&scoped=true&\"","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!./middleFilter.vue?vue&type=style&index=0&id=4cb7059a&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"P_Box\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticStyle:{\"margin-right\":\"20px\"}},[_vm._t(\"title1\")],2),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"row wrap\",\"width\":\"880px\",\"padding-top\":\"5px\"}},[_vm._t(\"title1Item\",function(){return _vm._l((_vm.examType),function(item,index){return _c('div',{key:index,staticClass:\"item hover-btn\",class:_vm.activeExamType==index?'active_item':'',on:{\"click\":function($event){return _vm.changeExamType(item,index)}}},[_vm._v(_vm._s(item.name || item.value))])})})],2)]),_vm._t(\"dotted1\"),(_vm.examQuestions.length)?_c('div',{staticClass:\"title\"},[_c('div',{staticStyle:{\"margin-right\":\"20px\"}},[_vm._t(\"title2\")],2),_c('div',{staticStyle:{\"display\":\"flex\",\"flex-flow\":\"row wrap\",\"width\":\"880px\",\"padding-top\":\"5px\"}},[_vm._t(\"title2Item\",function(){return _vm._l((_vm.examQuestions),function(item,index){return _c('div',{key:index,staticClass:\"item hover-btn\",class:_vm.activeExamQuestions==index?'active_item':'',on:{\"click\":function($event){return _vm.changeExamQuestions(item,index)}}},[_vm._v(_vm._s(item.name || item.value))])})})],2)]):_vm._e(),_vm._t(\"dotted2\"),_c('div',{staticClass:\"title\"},[_c('div',{staticStyle:{\"margin-right\":\"20px\"}},[_vm._t(\"title3\")],2),_vm._t(\"title3Item\",function(){return _vm._l((_vm.examTime),function(item,index){return _c('div',{key:index,staticClass:\"item hover-btn\",class:_vm.activeExamTime==index?'active_item':'',on:{\"click\":function($event){return _vm.changeExamTime(item,index)}}},[_vm._v(_vm._s(item.value))])})})],2),_vm._t(\"dotted3\"),_c('div',{staticClass:\"title\"},[_c('div',{staticStyle:{\"margin-right\":\"20px\"}},[_vm._t(\"title4\")],2),_vm._t(\"title4Item\",function(){return _vm._l((_vm.examSort),function(item,index){return _c('div',{key:index,staticClass:\"item hover-btn\",class:_vm.activeExamSort==index?'active_item':'',on:{\"click\":function($event){return _vm.changeExamSort(item,index)}}},[_vm._v(_vm._s(item.value))])})})],2)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"P_Box\">\n    <div class=\"title\">\n      <div style=\"margin-right:20px\">\n        <slot name=\"title1\"></slot>\n      </div>\n      <div style=\"display: flex; flex-flow: row wrap; width: 880px; padding-top: 5px;\">\n        <slot name=\"title1Item\">\n         <div class=\"item hover-btn\" v-for=\"(item,index) in examType\" :key=\"index\" @click=\"changeExamType(item,index)\" :class=\"activeExamType==index?'active_item':''\">{{item.name || item.value}}</div>\n        </slot>\n      </div>\n    </div>\n\n    <slot name=\"dotted1\"></slot>\n\n\n    <div class=\"title\" v-if=\"examQuestions.length\">\n      <div style=\"margin-right:20px\">\n        <slot name=\"title2\"></slot>\n      </div>\n      <div style=\"display: flex; flex-flow: row wrap; width: 880px; padding-top: 5px;\">\n        <slot name=\"title2Item\">\n         <div class=\"item hover-btn\" v-for=\"(item,index) in examQuestions\" :key=\"index\" @click=\"changeExamQuestions(item,index)\" :class=\"activeExamQuestions==index?'active_item':''\">{{item.name || item.value}}</div>\n        </slot>\n      </div>\n    </div>\n\n    <slot name=\"dotted2\"></slot>\n\n    <div class=\"title\">\n      <div style=\"margin-right:20px\">\n        <slot name=\"title3\"></slot>\n      </div>\n      <slot name=\"title3Item\">\n         <div class=\"item hover-btn\" v-for=\"(item,index) in examTime\" :key=\"index\" @click=\"changeExamTime(item,index)\" :class=\"activeExamTime==index?'active_item':''\">{{item.value}}</div>\n      </slot>\n    </div>\n\n    <slot name=\"dotted3\"></slot>\n\n    <div class=\"title\">\n      <div style=\"margin-right:20px\">\n        <slot name=\"title4\"></slot>\n      </div>\n      <slot name=\"title4Item\">\n         <div class=\"item hover-btn\" v-for=\"(item,index) in examSort\" :key=\"index\" @click=\"changeExamSort(item,index)\" :class=\"activeExamSort==index?'active_item':''\">{{item.value}}</div>\n      </slot>\n    </div>\n  </div>\n\n</template>\n\n<script>\nexport default {\n  name: 'middleFilter',\n  data(){\n    return {\n      activeExamType:0,\n      activeExamQuestions:0,\n      activeExamTime:0,\n      activeExamSort:0,\n    }\n  },\n  props: {\n    examType: {\n      type: Array,\n      default: () => []\n    },\n    examQuestions: {\n      type: Array,\n      default: () => []\n    },\n    examTime: {\n      type: Array,\n      default: () => []\n    },\n    examSort: {\n      type: Array,\n      default: () => []\n    },\n  },\n\n  methods:{\n    changeExamType(item,index){\n      this.activeExamType = index\n      this.$emit('changeExamType',item);\n    },\n    changeExamQuestions(item,index){\n      this.activeExamQuestions = index\n      this.$emit('changeExamQuestions',item);\n\n    },\n    changeExamTime(item,index){\n      this.activeExamTime = index\n      this.$emit('changeExamTime',item);\n\n    },\n    changeExamSort(item,index){\n      this.activeExamSort = index\n      this.$emit('changeExamSort',item);\n    },\n    restExamQuestionsStatus(){\n      this.activeExamQuestions = 0\n    }\n  }\n}\n</script>\n\n<style  lang=\"less\" scoped>\nhtml{\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n.active_item{\n  background-color: #29D087FF;\n  color: white;\n  //指针\n}\n  .P_Box{\n    border-radius: 4px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 50px;\n    background: #fff;\n    padding: 20px;\n    text-align: left;\n\n    .dotted{\n      border-top: 1px dashed #e5e5e5;\n      margin: 6px 0;\n    }\n    .title{\n      display: flex;\n      display: -webkit-box;\n      font-size: 12px;\n      color: #00000099;\n      font-size: 14px;\n      line-height: 41px;\n      //虚线\n\n      .item{\n        height: 28px;\n        line-height: 28px;\n        margin: auto 12px;\n        padding:0 12px;\n        border-radius: 24px;\n        &:hover {\n          cursor: pointer;\n        }\n      }\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!./middleFilter.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!./middleFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./middleFilter.vue?vue&type=template&id=4cb7059a&scoped=true&\"\nimport script from \"./middleFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./middleFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./middleFilter.vue?vue&type=style&index=0&id=4cb7059a&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  \"4cb7059a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p_pagination\"},[_c('div',{staticClass:\"block\"},[_c('el-pagination',{attrs:{\"current-page\":_vm.pagination.current_page || 1,\"page-size\":_vm.pagination.per_page,\"hide-on-single-page:true\":\"\",\"layout\":\"prev, pager, next,jumper\",\"total\":_vm.pagination.total},on:{\"current-change\":_vm.handleCurrentChange}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p_pagination\">\n    <div class=\"block\">\n      <el-pagination\n        @current-change=\"handleCurrentChange\"\n        :current-page=\"pagination.current_page || 1\"\n        :page-size=\"pagination.per_page\"\n        hide-on-single-page:true\n        layout=\"prev, pager, next,jumper\"\n        :total=\"pagination.total\"\n      ></el-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'pagination',\n  props: {\n    pagination: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  mounted() {\n    let pageText = document.getElementsByClassName('el-pagination__jump')[0]\n    if (pageText) {\n      //可能存在不显示页码的情况，所以最好判断一下避免报错~\n      pageText.childNodes[0].nodeValue = '跳到'\n    }\n  },\n  methods: {\n    handleCurrentChange(val) {\n      this.$emit('handleCurrentChange', val)\n    }\n  },\n  data() {\n    return {\n      currentPage4: 1\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.p_pagination {\n  caret-color: black;\n  width: 100%;\n  height: 100%;\n  background-color: #fff;\n  margin-top: 10px;\n  border-radius: 4px;\n  /deep/ .el-pager li {\n    min-width: 24px; //一定要加！不然默认的宽度是32px\n    width: 24px;\n    height: 24px;\n    border: 1px solid #dcdfe6;\n    font-size: 12px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n    border-radius: 4px;\n    color: #626469; //字体颜色\n    background: #ffffff; //背景色\n    line-height: 22px;\n    margin: 0 4px;\n    &.active {\n      //选中时字体颜色、背景色变化\n      color: white;\n      background: #29d087 center center no-repeat;\n    }\n  }\n  /deep/ .btn-next {\n    padding-left: 0px;\n  }\n  /deep/.btn-prev {\n    padding-right: 0px;\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!./pagination.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!./pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagination.vue?vue&type=template&id=47e983c2&scoped=true&\"\nimport script from \"./pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pagination.vue?vue&type=style&index=0&id=47e983c2&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  \"47e983c2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}