{"version":3,"sources":["webpack:///./src/views/center/record/wordBook/right.vue?e99c","webpack:///./src/components/common/pagination/pagination.vue?ff3e","webpack:///./src/views/center/record/wordBook/wordBook.vue","webpack:///./src/views/center/record/wordBook/left.vue","webpack:///src/views/center/record/wordBook/left.vue","webpack:///./src/views/center/record/wordBook/left.vue?87c3","webpack:///./src/views/center/record/wordBook/left.vue?cbfa","webpack:///./src/views/center/record/wordBook/right.vue","webpack:///src/views/center/record/wordBook/right.vue","webpack:///./src/views/center/record/wordBook/right.vue?6747","webpack:///./src/views/center/record/wordBook/right.vue?064e","webpack:///src/views/center/record/wordBook/wordBook.vue","webpack:///./src/views/center/record/wordBook/wordBook.vue?519f","webpack:///./src/views/center/record/wordBook/wordBook.vue?e6f4","webpack:///./src/views/center/record/wordBook/wordBook.vue?2dfb","webpack:///./src/views/center/record/wordBook/left.vue?d257","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","scopedSlots","_u","key","fn","staticStyle","attrs","advertisingData","EieltsAds","RECORD_BANNER","on","wordNumChange","proxy","ref","RECORD_RIGHT","RECORD_DIALOG","length","_e","RECORD_BOTTOM","staticRenderFns","IMG_DOMAIN_PREFIX","_v","inputChange","model","value","formModal","word","callback","$$v","$set","expression","directives","name","rawName","resetInput","sort","_l","options","item","label","list","index","_s","created_at","summary","$event","edit","del","loading","pagination","handleCurrentChange","emptyUrlMap","img","domProps","text","LoadingImg","modalVisible","modalRecord","modalMode","ok","components","RecordList","Pagination","WordBookModal","ESelect","data","empty","searchEmpty","page","mounted","methods","view","note","confirmButtonText","cancelButtonText","type","delWordApi","message","getWordList","wordListApi","component","total","statistics","getNoteTatistic","Api","mixins","AdsRight","AdsSwiper","centerLayout","left","right","AdsBottoom","AdsModal","created","toLogin","initAdsData","current_page","per_page","props","default","pageText","currentPage4"],"mappings":"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","file":"js/chunk-ffc004ac.763cbce0.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!./right.vue?vue&type=style&index=0&id=63252de6&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&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p_listening\"},[_c('div',{staticClass:\"p_listening\"},[_c('center-layout',{scopedSlots:_vm._u([{key:\"left\",fn:function(){return [_c('div',{staticClass:\"box-empty\",staticStyle:{\"height\":\"27px\"}}),_c('ads-swiper',{attrs:{\"swiperAds\":_vm.advertisingData[_vm.EieltsAds.RECORD_BANNER]}}),_c('left',{on:{\"change\":_vm.wordNumChange}})]},proxy:true},{key:\"right\",fn:function(){return [_c('right',{ref:\"rightRef\",staticStyle:{\"margin-bottom\":\"0px\"}}),_c('AdsRight',{attrs:{\"rightAds\":_vm.advertisingData[_vm.EieltsAds.RECORD_RIGHT]}})]},proxy:true}])}),(_vm.advertisingData[_vm.EieltsAds.RECORD_DIALOG] && _vm.advertisingData[_vm.EieltsAds.RECORD_DIALOG].length > 0)?_c('AdsModal',{attrs:{\"modalAds\":_vm.advertisingData[_vm.EieltsAds.RECORD_DIALOG]}}):_vm._e(),_c('AdsBottoom',{attrs:{\"bottomAds\":_vm.advertisingData[_vm.EieltsAds.RECORD_BOTTOM]}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"p_listening\"},[_c('div',{staticClass:\"header-box\"},[_c('img',{staticClass:\"word-bg\",attrs:{\"src\":_vm.IMG_DOMAIN_PREFIX + 'wordbook-bg.png',\"alt\":\"\"}}),_c('h4',{staticClass:\"word-title\"},[_vm._v(\"单词本\")]),_c('div',{staticClass:\"search-box\"},[_c('div',{staticClass:\"input-box\"},[_c('el-input',{staticClass:\"input\",attrs:{\"suffix-icon\":\"el-icon-search\",\"placeholder\":\"请输入想要搜索的单词\"},on:{\"change\":_vm.inputChange},model:{value:(_vm.formModal.word),callback:function ($$v) {_vm.$set(_vm.formModal, \"word\", $$v)},expression:\"formModal.word\"}}),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.formModal.word),expression:\"formModal.word\"}],staticClass:\"el-icon-circle-close reset-input\",on:{\"click\":_vm.resetInput}}),_c('div',{staticClass:\"btn-mask\",on:{\"click\":_vm.inputChange}})],1),_c('e-select',{staticClass:\"select\",attrs:{\"placeholder\":\"请选择排序方式\"},on:{\"change\":_vm.inputChange},model:{value:(_vm.formModal.sort),callback:function ($$v) {_vm.$set(_vm.formModal, \"sort\", $$v)},expression:\"formModal.sort\"}},_vm._l((_vm.options),function(item){return _c('el-option',{key:item.value,attrs:{\"label\":item.label,\"value\":item.value}})}),1)],1)]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.list),function(item,index){return _c('RecordList',{key:index,scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\" \"+_vm._s(item.word)+\" \")]},proxy:true},{key:\"time\",fn:function(){return [_vm._v(\"添加时间：\"+_vm._s(item.created_at))]},proxy:true},{key:\"left\",fn:function(){return [(item.summary)?_c('div',{staticClass:\"note-box\"},[_c('span',{staticClass:\"tit\"},[_vm._v(\"Note\")]),_c('span',{staticClass:\"w-note\"},[_vm._v(\" \"+_vm._s(item.summary)+\" \")])]):_c('div',{staticClass:\"note-box\"},[_c('span',{staticClass:\"w-note gray\"},[_vm._v(\" 还没有添加笔记 \")])])]},proxy:true},{key:\"btn1\",fn:function(){return [_c('span',{staticStyle:{\"display\":\"none\"}})]},proxy:true},{key:\"btn2\",fn:function(){return [_c('span',{on:{\"click\":function($event){return _vm.edit(item)}}},[_vm._v(_vm._s(item.summary ? \"查看\" : \"添加\")+\"笔记\")])]},proxy:true},{key:\"btn3\",fn:function(){return [_c('span',{on:{\"click\":function($event){return _vm.del(item)}}},[_vm._v(\"删除单词\")])]},proxy:true}],null,true)})}),1),(_vm.list && _vm.list.length > 0 && !_vm.loading)?_c('div',{staticClass:\"pagination\"},[_c('Pagination',{attrs:{\"pagination\":_vm.pagination},on:{\"handleCurrentChange\":_vm.handleCurrentChange}})],1):_vm._e(),(_vm.list && !_vm.list.length > 0 && !_vm.loading)?_c('div',{staticClass:\"default\"},[_c('div',[_c('img',{attrs:{\"src\":_vm.emptyUrlMap[_vm.formModal.word ? 'searchEmpty' : 'empty'].img,\"alt\":\"\"}}),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.emptyUrlMap[_vm.formModal.word ? 'searchEmpty' : 'empty'].text)}})])]):_vm._e(),(_vm.loading)?_c('div',{staticClass:\"loading\"},[_c('img',{attrs:{\"src\":_vm.LoadingImg,\"alt\":\"加载中\"}})]):_vm._e(),_c('WordBookModal',{attrs:{\"visible\":_vm.modalVisible,\"record\":_vm.modalRecord,\"mode\":_vm.modalMode},on:{\"update:visible\":function($event){_vm.modalVisible=$event},\"ok\":_vm.ok}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p_listening\">\n    <div class=\"header-box\">\n      <img\n        class=\"word-bg\"\n        :src=\"IMG_DOMAIN_PREFIX + 'wordbook-bg.png'\"\n        alt=\"\"\n      />\n      <h4 class=\"word-title\">单词本</h4>\n      <div class=\"search-box\">\n        <div class=\"input-box\">\n          <el-input\n            class=\"input\"\n            v-model=\"formModal.word\"\n            suffix-icon=\"el-icon-search\"\n            placeholder=\"请输入想要搜索的单词\"\n            @change=\"inputChange\"\n          />\n          <i\n            v-show=\"formModal.word\"\n            @click=\"resetInput\"\n            class=\"el-icon-circle-close reset-input\"\n          />\n          <div class=\"btn-mask\" @click=\"inputChange\"></div>\n          <!--          <img :src=\"IMG_DOMAIN_PREFIX + 'search-icon.png'\" alt=\"搜索\">-->\n        </div>\n\n        <e-select\n          class=\"select\"\n          v-model=\"formModal.sort\"\n          placeholder=\"请选择排序方式\"\n          @change=\"inputChange\"\n        >\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          >\n          </el-option>\n        </e-select>\n      </div>\n    </div>\n    <div class=\"bottom\">\n      <RecordList v-for=\"(item, index) in list\" :key=\"index\">\n        <template #title>\n          {{ item.word }}\n        </template>\n        <template #time>添加时间：{{ item.created_at }}</template>\n\n        <template #left>\n          <div class=\"note-box\" v-if=\"item.summary\">\n            <span class=\"tit\">Note</span>\n            <span class=\"w-note\">\n              {{ item.summary }}\n            </span>\n          </div>\n          <div class=\"note-box\" v-else>\n            <span class=\"w-note gray\">\n              还没有添加笔记\n            </span>\n          </div>\n        </template>\n\n        <template #btn1>\n<!--          <span-->\n<!--            :style=\"{ display: item.summary ? 'block' : 'none' }\"-->\n<!--            @click=\"view(item)\"-->\n<!--            >查看笔记</span-->\n<!--          >-->\n          <span style=\"display: none\"></span>\n        </template>\n        <template #btn2>\n          <span @click=\"edit(item)\"\n            >{{ item.summary ? \"查看\" : \"添加\" }}笔记</span\n          >\n        </template>\n        <template #btn3>\n          <span @click=\"del(item)\">删除单词</span>\n        </template>\n      </RecordList>\n    </div>\n    <div class=\"pagination\" v-if=\"list && list.length > 0 && !loading\">\n      <Pagination\n        @handleCurrentChange=\"handleCurrentChange\"\n        :pagination=\"pagination\"\n      ></Pagination>\n    </div>\n    <div class=\"default\" v-if=\"list && !list.length > 0 && !loading\">\n      <div>\n        <img\n          :src=\"emptyUrlMap[formModal.word ? 'searchEmpty' : 'empty'].img\"\n          alt=\"\"\n        />\n        <p v-html=\"emptyUrlMap[formModal.word ? 'searchEmpty' : 'empty'].text\"></p>\n      </div>\n    </div>\n    <div class=\"loading\" v-if=\"loading\">\n      <img :src=\"LoadingImg\" alt=\"加载中\">\n    </div>\n\n    <WordBookModal\n      :visible.sync=\"modalVisible\"\n      :record=\"modalRecord\"\n      :mode=\"modalMode\"\n      @ok=\"ok\"\n    />\n  </div>\n</template>\n\n<script>\nimport RecordList from \"@/components/common/recordlist/recordlist.vue\";\nimport Pagination from \"@/components/common/pagination/pagination.vue\";\nimport WordBookModal from \"@/views/center/components/wordBookModal\";\nimport ESelect from \"@/views/center/components/eSelect.vue\";\nimport { wordListApi, delWordApi } from \"@/api/center\";\nimport LoadingImg from '@/assets/img/loading.gif'\nimport { IMG_DOMAIN_PREFIX } from \"@/utils/constant.js\";\n\nexport default {\n  components: {\n    RecordList,\n    Pagination,\n    WordBookModal,\n    ESelect\n  },\n  data() {\n    return {\n      IMG_DOMAIN_PREFIX,\n      emptyUrlMap: {\n        empty: {\n          img: IMG_DOMAIN_PREFIX + \"word-empty.png\",\n          text: `哎呀！你还没有添加单词呢，<br>可前往成绩报告添加单词哦～`\n        },\n        searchEmpty: {\n          img: IMG_DOMAIN_PREFIX + \"word-search-empty.png\",\n          text: `哎呀！没有找到你想要的单词呢，<br>可前往成绩报告添加单词哦～`\n        }\n      },\n\n      // 搜索\n      formModal: {\n        word: \"\",\n        sort: 2\n      },\n      options: [\n        {\n          value: 2,\n          label: \"加入时间倒序\"\n        },\n        {\n          value: 1,\n          label: \"加入时间正序\"\n        },\n        {\n          value: 3,\n          label: \"首字母升序\"\n        },\n        {\n          value: 4,\n          label: \"首字母降序\"\n        }\n      ],\n\n      // 列表\n      list: [],\n      pagination: {},\n      page: 1,\n\n      //  modal\n      modalRecord: {},\n      modalVisible: false,\n      modalMode: \"edit\",\n      LoadingImg,\n      loading:false\n    };\n  },\n\n  mounted() {\n    this.getWordList();\n  },\n  methods: {\n    inputChange() {\n      // if (!this.formModal.word) {\n      //   this.$message({\n      //     type: \"warning\",\n      //     message: \"请输入想要搜索的单词\"\n      //   });\n      // }\n      this.getWordList();\n    },\n    resetInput() {\n      this.formModal.word = \"\";\n      this.handleCurrentChange(1);\n    },\n    view(item) {\n      this.modalVisible = true;\n      this.modalMode = \"view\";\n      this.modalRecord = {\n        ...item,\n        note: item.summary\n      };\n    },\n    edit(item) {\n      this.modalVisible = true;\n      this.modalMode = \"edit\";\n      this.modalRecord = {\n        ...item,\n        note: item.summary\n      };\n    },\n    del(item) {\n      this.$confirm(\n        `点击 确认 ，单词${item.word}会从单词本中删除。 确定要删除${item.word}单词吗？`,\n        \"提示\",\n        {\n          confirmButtonText: \"确定\",\n          cancelButtonText: \"取消\",\n          type: \"warning\"\n        }\n      ).then(() => {\n        delWordApi(item.id, () => {\n          this.$message({\n            type: \"success\",\n            message: \"删除成功!\"\n          });\n          this.handleCurrentChange(1);\n          this.$emit(\"change\");\n        });\n\n      });\n    },\n    ok() {\n      this.modalVisible = false;\n      this.handleCurrentChange(1);\n    },\n    getWordList() {\n      this.loading = true\n      wordListApi(\n        {\n          ...this.formModal,\n          page: this.page\n        },\n        (res, page) => {\n          this.list = res;\n          this.pagination = page;\n          this.loading = false\n        }\n      );\n    },\n    handleCurrentChange(page) {\n      this.page = page;\n      this.getWordList();\n    }\n  }\n};\n</script>\n\n<style lang=\"less\" scoped>\n.p_listening {\n  /deep/ .label {\n    display: none;\n  }\n\n  .header-box {\n    position: relative;\n    padding: 20px;\n    margin-bottom: 12px;\n    text-align: left;\n    background: #fff;\n\n    .word-bg {\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 0;\n    }\n\n    .word-title {\n      position: relative;\n      z-index: 1;\n      font-size: 20px;\n      margin-bottom: 12px;\n    }\n\n    /deep/ .el-input__suffix {\n      right: 10px;\n    }\n\n    /deep/ .el-input__inner {\n      border-color: transparent;\n      caret-color: #2f2f2f !important;\n      background: rgba(245, 247, 250, 1);\n    }\n\n    /deep/ .el-input__inner:focus {\n      border-color: #29d087;\n    }\n\n    .search-box {\n      display: flex;\n\n      .input-box {\n        position: relative;\n        flex: 1;\n        margin-right: 12px;\n\n        .input {\n          width: 100%;\n          border-radius: 8px;\n          background: rgba(245, 247, 250, 1);\n          /deep/.el-input__icon {\n            color: #000;\n            font-size: 16px;\n            font-weight: bolder;\n          }\n        }\n        .reset-input {\n          position: absolute;\n          top: 0;\n          width: 30px;\n          height: 40px;\n          line-height: 40px;\n          text-align: center;\n          cursor: pointer;\n          right: 30px;\n          color: #000;\n          font-size: 16px;\n          font-weight: bolder;\n        }\n        .btn-mask {\n          position: absolute;\n          right: 0;\n          top: 0;\n          width: 30px;\n          height: 40px;\n          cursor: pointer;\n        }\n\n        > img {\n          position: absolute;\n          right: 10px;\n          top: 10px;\n          width: 16px;\n          height: 16px;\n          .hover-scale;\n        }\n      }\n\n      .select {\n        width: 162px;\n        border-radius: 8px;\n        background: rgba(245, 247, 250, 1);\n      }\n    }\n  }\n\n  .bottom {\n    border-radius: 4px;\n    width: 100%;\n    background-color: #fff;\n\n    .note-box {\n      display: flex;\n\n      .tit {\n        font-size: 14px;\n        font-weight: bold;\n        color: rgba(0, 0, 0, 0.9);\n        margin-right: 8px;\n      }\n\n      .w-note {\n        font-size: 14px;\n        font-weight: 400;\n        color: rgba(0, 0, 0, 0.6);\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-line-clamp: 2; /* 显示的行数 */\n        -webkit-box-orient: vertical;\n        text-overflow: ellipsis;\n      }\n      .gray {\n        color: rgba(0, 0, 0, 0.30)\n      }\n    }\n  }\n\n  .pagination {\n    height: 45px;\n    text-align: left;\n    background-color: white;\n  }\n\n  .default {\n    width: 100%;\n    height: 400px;\n    background-color: white;\n    border-radius: 4px;\n\n    div {\n      display: inline-block;\n      transform: translateY(50%);\n\n      p {\n        font-size: 14px;\n        color: #b2b2b2;\n        font-size: 12px;\n      }\n\n      // height: 100%;\n    }\n  }\n\n  caret-color: rgba(0, 0, 0, 0);\n  width: 100%;\n\n  .middle {\n    margin: 12px 0;\n  }\n}\n.loading{\n  height: 400px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img{\n    width: 60px;\n    height: 60px;\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!./left.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!./left.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./left.vue?vue&type=template&id=9953f320&scoped=true&\"\nimport script from \"./left.vue?vue&type=script&lang=js&\"\nexport * from \"./left.vue?vue&type=script&lang=js&\"\nimport style0 from \"./left.vue?vue&type=style&index=0&id=9953f320&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  \"9953f320\",\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_listening\"},[_c('div',[_c('statistics',{scopedSlots:_vm._u([{key:\"total\",fn:function(){return [_c('div',{staticClass:\"title\"},[_vm._v(\"单词总数\")])]},proxy:true},{key:\"count\",fn:function(){return [_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"nums\"},[_vm._v(_vm._s(_vm.total)),_c('span',{staticClass:\"font\"},[_vm._v(\" 个\")])])])]},proxy:true}])})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p_listening\">\n    <div>\n      <statistics>\n        <template #total>\n          <div class=\"title\">单词总数</div>\n        </template>\n        <template #count>\n          <div class=\"num\">\n            <span class=\"nums\" >{{total}}<span class=\"font\"> 个</span></span>\n          </div>\n        </template>\n      </statistics>\n\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport * as Api from '@/api/record.js'\nimport statistics from '@/components/common/statistics/statistics.vue'\n\nexport default {\n  components: {\n    statistics,\n  },\n  data() {\n    return {\n      total: null\n    }\n  },\n  mounted() {\n    this.getNoteTatistic()\n  },\n  methods: {\n    getNoteTatistic() {\n      Api.getWordTotal(\n          'get',\n          '',\n          (res) => {\n            this.total = res.total || 0\n          },\n      )\n    }\n  }\n}\n</script>\n\n<style lang=\"less\" scoped>\n.p_listening {\n  caret-color: rgba(0, 0, 0, 0);\n  margin-top: 27px;\n  width: 100%;\n}\n.num {\n  margin-bottom: 15px !important;\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!./right.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!./right.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./right.vue?vue&type=template&id=63252de6&scoped=true&\"\nimport script from \"./right.vue?vue&type=script&lang=js&\"\nexport * from \"./right.vue?vue&type=script&lang=js&\"\nimport style0 from \"./right.vue?vue&type=style&index=0&id=63252de6&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  \"63252de6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"p_listening\">\n    <div class=\"p_listening\">\n      <center-layout>\n        <template #left>\n          <div class=\"box-empty\" style=\"height: 27px\"></div>\n          <ads-swiper :swiperAds=\"advertisingData[EieltsAds.RECORD_BANNER]\" />\n          <left @change=\"wordNumChange\"></left>\n        </template>\n        <template #right>\n          <right ref=\"rightRef\" style=\"margin-bottom:0px;\"></right>\n          <AdsRight :rightAds=\"advertisingData[EieltsAds.RECORD_RIGHT]\" />\n        </template>\n      </center-layout>\n      <AdsModal v-if=\"advertisingData[EieltsAds.RECORD_DIALOG] && advertisingData[EieltsAds.RECORD_DIALOG].length > 0\" :modalAds=\"advertisingData[EieltsAds.RECORD_DIALOG]\" />\n      <AdsBottoom :bottomAds=\"advertisingData[EieltsAds.RECORD_BOTTOM]\" />\n    </div>\n  </div>\n</template>\n\n<script>\n\n\nimport centerLayout from \"@/views/center/components/centerLayout\";\nimport left from \"./left\";\nimport right from \"./right\";\nimport AdsSwiper from '@/views/center/components/AdsSwiper.vue'\nimport AdsRight from '@/views/center/components/AdsRight.vue'\nimport { toLogin } from \"@/utils/authorization\";\nimport { adsMixins } from '@/mixins/adsMixins'\nimport { EieltsAds } from '@/utils/constant.js'\nimport AdsModal from \"@/views/center/components/AdsModal.vue\";\nimport AdsBottoom from '@/views/center/components/AdsBottom.vue'\n\nexport default {\n  mixins: [adsMixins],\n  name: 'wordBook',\n  data(){\n    return {\n      EieltsAds\n    }\n  },\n  components: {\n    AdsRight,\n    AdsSwiper,\n    centerLayout,\n    left,\n    right,\n    AdsBottoom,\n    AdsModal\n  },\n  created() {\n    if (!localStorage.authorization) {\n      toLogin();\n      return;\n    }\n    this.initAdsData()\n  },\n  methods: {\n    wordNumChange() {\n      this.$refs.rightRef.getNoteTatistic()\n    },\n    initAdsData(){\n      this.initAds([ EieltsAds.RECORD_BANNER, EieltsAds.RECORD_RIGHT, EieltsAds.RECORD_DIALOG, EieltsAds.RECORD_BOTTOM ])\n    }\n  }\n\n}\n</script>\n\n<style lang=\"less\" scoped>\n.p_listening {\n  width: 100%;\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!./wordBook.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!./wordBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./wordBook.vue?vue&type=template&id=164c3c03&scoped=true&\"\nimport script from \"./wordBook.vue?vue&type=script&lang=js&\"\nexport * from \"./wordBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./wordBook.vue?vue&type=style&index=0&id=164c3c03&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  \"164c3c03\",\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!./wordBook.vue?vue&type=style&index=0&id=164c3c03&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!./left.vue?vue&type=style&index=0&id=9953f320&prod&lang=less&scoped=true&\"","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":""}