{"version":3,"sources":["webpack:///./src/views/personal/myPractice/newWordBook.vue?f940","webpack:///./src/views/personal/myPractice/newWordBook.vue?41b8","webpack:///src/views/personal/myPractice/newWordBook.vue","webpack:///./src/views/personal/myPractice/newWordBook.vue?adca","webpack:///./src/views/personal/myPractice/newWordBook.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","m","i","key","class","masterIndex","on","$event","masterClick","_v","_s","staticStyle","list","length","li","newWordBook","Name","WordsCategoryName","Phonetic","attrs","play","CreateTime","page","pageSize","total","handleSizeChange","handleCurrentChange","staticRenderFns","data","userInfo","JSON","parse","localStorage","getItem","masterState","components","noData","created","mounted","route","$route","query","init","watch","methods","console","log","val","$refs","audio","src","UserID","Id","courseId","CourseId","title","obj","type","goVocabulary","ob","$router","push","component"],"mappings":"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","file":"static/js/chunk-db5f48bc.a74694eb.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newWordBook.vue?vue&type=style&index=0&id=ab8e8b52&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"practice\"},[_c('div',{staticClass:\"rollUp_cont_first\"},[_c('div',{staticClass:\"rollUp_cont_first_top\"},_vm._l((_vm.masterState),function(m,i){return _c('div',{key:i,class:_vm.masterIndex == i ? ' act' : '',on:{\"click\":function($event){return _vm.masterClick(i)}}},[_vm._v(\" \"+_vm._s(m)+\" \")])}),0),_c('div',{staticClass:\"he_10\",staticStyle:{\"margin\":\"0 -30px\"}}),(_vm.list.length > 0)?_c('ul',_vm._l((_vm.list),function(li,i){return _c('li',{key:i,on:{\"click\":function($event){return _vm.newWordBook(li)}}},[_c('div',{staticClass:\"name\"},[_c('span',[_vm._v(_vm._s(li.Name))]),_c('span',[_vm._v(_vm._s(li.WordsCategoryName))])]),_c('div',{staticClass:\"pronunciation\"},[_vm._v(\" \"+_vm._s(li.Phonetic)+\" \"),_c('img',{staticClass:\"icon_audio\",attrs:{\"src\":require(\"@/assets/images/icon_audio.png\"),\"alt\":\"\",\"srcset\":\"\"},on:{\"click\":function($event){return _vm.play(li.Name)}}})]),_c('p',{staticClass:\"time\"},[_vm._v(_vm._s(li.CreateTime))]),_c('div',{staticClass:\"he_10\",staticStyle:{\"margin\":\"0 -45px\"}})])}),0):_c('div',[_c('no-data')],1)]),_c('el-pagination',{attrs:{\"background\":\"\",\"current-page\":_vm.page,\"page-size\":_vm.pageSize,\"layout\":\"prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange,\"update:currentPage\":function($event){_vm.page=$event},\"update:current-page\":function($event){_vm.page=$event}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\r\n * @Author: liuzhixiang \r\n * @Date: 2021-02-07 15:48:15 \r\n * @Last Modified by: liuzhixiang\r\n * @Last Modified time: 2021-09-24 17:03:50\r\n */\r\n<template>\r\n  <div class=\"practice\">\r\n    <div class=\"rollUp_cont_first\">\r\n      <div class=\"rollUp_cont_first_top\">\r\n        <div\r\n          :class=\"masterIndex == i ? ' act' : ''\"\r\n          v-for=\"(m, i) in masterState\"\r\n          :key=\"i\"\r\n          @click=\"masterClick(i)\"\r\n        >\r\n          {{ m }}\r\n        </div>\r\n      </div>\r\n      <div class=\"he_10\" style=\"margin: 0 -30px\"></div>\r\n      <ul v-if=\"list.length > 0\">\r\n        <li v-for=\"(li, i) in list\" :key=\"i\" @click=\"newWordBook(li)\">\r\n          <div class=\"name\">\r\n            <span>{{ li.Name }}</span>\r\n            <span>{{ li.WordsCategoryName }}</span>\r\n          </div>\r\n          <div class=\"pronunciation\">\r\n            {{ li.Phonetic }}\r\n            <img\r\n              src=\"@/assets/images/icon_audio.png\"\r\n              class=\"icon_audio\"\r\n              alt=\"\"\r\n              srcset=\"\"\r\n              @click=\"play(li.Name)\"\r\n            />\r\n          </div>\r\n          <!-- <p class=\"notes\" v-html=\"li.Explain\"></p> -->\r\n          <p class=\"time\">{{ li.CreateTime }}</p>\r\n          <div class=\"he_10\" style=\"margin: 0 -45px\"></div>\r\n        </li>\r\n      </ul>\r\n      <div v-else>\r\n        <no-data></no-data>\r\n      </div>\r\n    </div>\r\n    <el-pagination\r\n      background\r\n      @size-change=\"handleSizeChange\"\r\n      @current-change=\"handleCurrentChange\"\r\n      :current-page.sync=\"page\"\r\n      :page-size=\"pageSize\"\r\n      layout=\"prev, pager, next, jumper\"\r\n      :total=\"total\"\r\n    >\r\n    </el-pagination>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { queryWordsBook } from \"@/api/questionBank\";\r\nimport noData from \"@/components/noData\";\r\nexport default {\r\n  data () {\r\n    return {\r\n      page: 1,\r\n      pageSize: 10,\r\n      total: 0,\r\n      list: [],\r\n      userInfo: JSON.parse(localStorage.getItem(\"userInfo\")),\r\n      masterIndex: 0,\r\n      masterState: [\"认识\", \"不认识\", \"模糊\"],\r\n    };\r\n  },\r\n  components: {\r\n    noData\r\n  },\r\n  created () { },\r\n  mounted () {\r\n    this.route = this.$route.query\r\n    this.init();\r\n  },\r\n  watch: {\r\n    $route: \"init\",\r\n  },\r\n  methods: {\r\n    handleSizeChange (val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange (val) {\r\n      console.log(`当前页: ${val}`);\r\n      this.page = val;\r\n      this.init();\r\n    },\r\n    masterClick (i) {\r\n      this.list = [];\r\n      this.page = 1;\r\n      this.masterIndex = i\r\n      this.init()\r\n    },\r\n    //播放词语\r\n    play (name) {\r\n      this.$refs.audio.src =\r\n        \"https://dict.youdao.com/speech?audio=\" + name;\r\n      this.$refs.audio.play();\r\n    },\r\n    // 生词本跳转\r\n    newWordBook (obj) {\r\n      let ob = {\r\n        UserID: this.userInfo.Id,\r\n        courseId: this.route.CourseId,\r\n        title: \"生词本\",\r\n        Id: obj.Id,\r\n        type: 3,\r\n      }\r\n      this.goVocabulary(ob)\r\n    },\r\n    goVocabulary (obj) {\r\n      let url = \"/onlineQuestionBank/vocabulary\"\r\n      this.$router.push({ path: url, query: obj });\r\n    },\r\n    async init () {\r\n      let parm = {\r\n        studentId: this.userInfo.Id,\r\n        courseId: this.route.CourseId,\r\n        pageIndex: this.page,\r\n        pageSize: this.pageSize,\r\n        answer: this.masterIndex\r\n      }\r\n      const res = await queryWordsBook(parm);\r\n      if (res.success == true) {\r\n        this.list = res.response.data\r\n        this.total = res.response.dataCount\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.practice {\r\n  .rollUp_cont_first {\r\n    .rollUp_cont_first_top {\r\n      font-size: 15px;\r\n      height: 45px;\r\n      font-weight: bold;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n      background: #fff;\r\n      margin-top: 10px;\r\n      .act {\r\n        color: #3a78f9;\r\n        position: relative;\r\n        &::before {\r\n          display: inline-block;\r\n          content: \" \";\r\n          width: 20px;\r\n          height: 3px;\r\n          background: #3a78f9;\r\n          position: absolute;\r\n          left: 0;\r\n          right: 0;\r\n          margin: 0 auto;\r\n          bottom: -10px;\r\n        }\r\n      }\r\n    }\r\n    ul {\r\n      li {\r\n        // padding: 15px;\r\n        background-color: #fff;\r\n        margin-top: 8px;\r\n        .name {\r\n          font-size: 16px;\r\n          font-family: DIN;\r\n          font-weight: bold;\r\n          color: #3a78f9;\r\n          line-height: 1;\r\n          display: flex;\r\n          justify-content: space-between;\r\n          align-items: center;\r\n          span {\r\n            &:nth-child(2) {\r\n              font-size: 14px;\r\n              color: #999999;\r\n            }\r\n          }\r\n        }\r\n        .pronunciation {\r\n          line-height: 1.5;\r\n          margin: 10px 0 10px;\r\n        }\r\n        .notes {\r\n          line-height: 1.5;\r\n        }\r\n        .time {\r\n          font-size: 13px;\r\n          color: #999999;\r\n          line-height: 1;\r\n          margin: 10px 0;\r\n          // margin-top: 10px;\r\n        }\r\n        .icon_audio {\r\n          width: 15px;\r\n          vertical-align: text-bottom;\r\n          margin: 0 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newWordBook.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newWordBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newWordBook.vue?vue&type=template&id=ab8e8b52&scoped=true&\"\nimport script from \"./newWordBook.vue?vue&type=script&lang=js&\"\nexport * from \"./newWordBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./newWordBook.vue?vue&type=style&index=0&id=ab8e8b52&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  \"ab8e8b52\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}