{"version":3,"sources":["webpack:///./src/views/school/operationGuide/OperationGuide.vue","webpack:///src/views/school/operationGuide/OperationGuide.vue","webpack:///./src/views/school/operationGuide/OperationGuide.vue?bf81","webpack:///./src/views/school/operationGuide/OperationGuide.vue?f543","webpack:///./src/views/school/operationGuide/OperationGuide.vue?dc50"],"names":["render","_vm","this","_c","_self","_l","numPages","i","key","ref","refInFor","attrs","url","staticRenderFns","name","components","pdf","data","pageNum","pageTotalNum","loadedRatio","mounted","getNumPages","methods","loadingTask","createLoadingTask","promise","then","catch","err","console","error","prePage","page","nextPage","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAMF,EAAII,GAAIJ,EAAIK,UAAU,SAASC,GAAG,OAAOJ,EAAG,MAAM,CAACK,IAAID,EAAEE,IAAI,MAAMC,UAAS,EAAKC,MAAM,CAAC,IAAMV,EAAIW,IAAI,KAAOL,QAAO,IAE5LM,EAAkB,G,YCiCP,GACfC,KAAA,iBACAC,WAAA,CACAC,YAEAC,OACA,OACAL,IACA,gHACAM,QAAA,EACAC,aAAA,EACAC,YAAA,EACAd,SAAA,OAIAe,UACA,KAAAC,eAEAC,QAAA,CAEAD,cACA,IAAAE,EAAAR,OAAAS,kBAAA,KAAAb,KACAY,EAAAE,QAAAC,KAAAX,IACA,KAAAV,SAAAU,EAAAV,WACAsB,MAAAC,IACAC,QAAAC,MAAA,WAAAF,MAIAG,UACA,IAAAC,EAAA,KAAAf,QACAe,IAAA,EAAAA,EAAA,OAAAd,aACA,KAAAD,QAAAe,GAIAC,WACA,IAAAD,EAAA,KAAAf,QACAe,IAAA,KAAAd,aAAAc,EAAA,IACA,KAAAf,QAAAe,KC3EqX,I,wBCQjXE,EAAY,eACd,EACAnC,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAsB,E,2CCnBf","file":"js/chunk-75a70dd8.1cb11d0f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.numPages),function(i){return _c('pdf',{key:i,ref:\"pdf\",refInFor:true,attrs:{\"src\":_vm.url,\"page\":i}})}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <div class=\"page-box\">\r\n      {{ pageNum }} / {{ pageTotalNum }}\r\n    </div> -->\r\n    <!-- <pdf\r\n    class=\"pdf-box\"\r\n      :page=\"pageNum\"\r\n      :src=\"url\"\r\n      @progress=\"loadedRatio = $event\"\r\n      @num-pages=\"pageTotalNum = $event\"\r\n    ></pdf> -->\r\n    <pdf\r\n      ref=\"pdf\"\r\n      v-for=\"i in numPages\" \r\n      :key=\"i\"  \r\n      :src=\"url\" \r\n      :page=\"i\"\r\n      ></pdf>\r\n    <!-- <el-button-group class=\"pageBtn-box\">\r\n      <el-button\r\n        type=\"primary\"\r\n        icon=\"el-icon-arrow-left\"\r\n        @click=\"prePage\"\r\n        >上一页</el-button\r\n      >\r\n      <el-button type=\"primary\" @click=\"nextPage\"\r\n      style=\"margin-left:20px\"\r\n        >下一页<i class=\"el-icon-arrow-right el-icon--right\"></i\r\n      ></el-button>\r\n    </el-button-group> -->\r\n  </div>\r\n</template>\r\n<script>\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  name: \"OperationGuide\",\r\n  components: {\r\n    pdf\r\n  },\r\n  data() {\r\n    return {\r\n      url:\r\n        \"https://school.zzsasoft.com/uploads/files/20200511/%E5%B9%B3%E5%8F%B0%E6%93%8D%E4%BD%9C%E6%8C%87%E5%8D%97.pdf\",\r\n      pageNum: 1,\r\n      pageTotalNum: 1, // 总页数\r\n      loadedRatio: 0, // 当前页面的加载进度，范围是0-1 ，等于1的时候代表当前页已经完全加载完成了\r\n      numPages:null\r\n      \r\n    };\r\n  },\r\n   mounted() {\r\n      this.getNumPages()\r\n  },\r\n  methods: {\r\n    //   计算pdf页码总数\r\n      getNumPages() {\r\n      let loadingTask = pdf.createLoadingTask(this.url)\r\n      loadingTask.promise.then(pdf => {\r\n        this.numPages = pdf.numPages\r\n      }).catch(err => {\r\n        console.error('pdf 加载失败', err);\r\n      })\r\n    },\r\n    // 上一页\r\n    prePage() {\r\n      let page = this.pageNum;\r\n      page = page > 1 ? page - 1 : this.pageTotalNum;\r\n      this.pageNum = page;\r\n    },\r\n\r\n    // 下一页\r\n    nextPage() {\r\n      let page = this.pageNum;\r\n      page = page < this.pageTotalNum ? page + 1 : 1;\r\n      this.pageNum = page;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.page-box{\r\n    height: 60px;\r\n    font-size: 24px;\r\n    color: #409EFF;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.pdf-box{\r\n    height: 90%;\r\n    overflow-y: scroll;\r\n}\r\n.pageBtn-box{\r\n    height: 100px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n</style>\r\n","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!./OperationGuide.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!./OperationGuide.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OperationGuide.vue?vue&type=template&id=a99f8088&scoped=true\"\nimport script from \"./OperationGuide.vue?vue&type=script&lang=js\"\nexport * from \"./OperationGuide.vue?vue&type=script&lang=js\"\nimport style0 from \"./OperationGuide.vue?vue&type=style&index=0&id=a99f8088&prod&scoped=true&lang=scss\"\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  \"a99f8088\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OperationGuide.vue?vue&type=style&index=0&id=a99f8088&prod&scoped=true&lang=scss\""],"sourceRoot":""}