{"version":3,"sources":["webpack:///./src/components/Pagenation.vue","webpack:///./src/components/Pagenation.vue?dd9d","webpack:///./src/views/search.vue","webpack:///./src/views/search.vue?a827","webpack:///./src/components/Pagenation.vue?007a","webpack:///./src/views/search.vue?e75c"],"names":["background","page-size","pageSize","current-page","currentPage","i","$emit","layout","pager-count","total","name","props","Number","type","default","__exports__","render","class","route","params","keyWord","videos","length","gutter","v","key","id","xs","sm","tag","mediaType","width","video","loading","pageChange","cp","components","NewVideoItem","Pagenation","setup","console","log","state","getVideoPage","refresh","then","res","data","records","finally","pageNo"],"mappings":"sNACE,eAUI,UATF,eAQgB,GAPdA,WAAA,GACCC,YAAW,EAAAC,SACXC,eAAc,EAAAC,YACd,gBAAc,YAAE,SAAAC,GAAC,OAAI,EAAAC,MAAK,SAAWD,KACtCE,OAAO,oBACNC,cAAa,EACbC,MAAO,EAAAA,O,6DAMC,GACbC,KAAM,aACNC,MAAO,CACLF,MAAOG,OACPV,SAAU,CACRW,KAAMD,OACNE,QAAS,IAEXV,YAAa,CACXS,KAAMD,OACNE,QAAS,K,iCClBf,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,+ICPNC,MAAM,a,SACwBA,MAAM,a,iBACJ,a,uBAEnC,eAEI,KAFDA,MAAM,SAAQ,UAEjB,M,GACyCA,MAAM,qB,GACxCA,MAAM,iB,SAMHA,MAAM,W,GAKbA,MAAM,c,sMApBb,eAyBM,YAxBJ,eAsBM,MAtBN,EAsBM,CArBO,EAAAC,MAAMC,OAAOC,S,iBAAxB,eAEM,MAFN,EAEM,CADJ,eAAiC,SAA9B,IAAC,eAAE,EAAAF,MAAMC,OAAOC,SAAS,IAAC,G,2BAE/B,E,gBAGA,eAWM,MAXN,EAWM,CAVJ,eASM,MATN,EASM,CARuB,EAAAC,OAAOC,Q,iBAAlC,eAIS,G,MAJAC,OAAQ,I,0BACQ,iBAAmB,E,mBAA1C,eAES,2BAF0B,EAAAF,QAAM,SAAXG,G,wBAA9B,eAES,GAFDP,MAAM,SAA8BQ,IAAKD,EAAEE,GAAKC,GAAI,YAAeC,GAAI,c,0BAC7E,iBAAuE,CAAvE,eAAuE,GAAxDC,IAAgB,UAAXL,EAAEM,UAAwBC,MAAO,IAAMC,MAAOR,G,6EAGtE,eAEO,OAFP,EAA6B,iB,SAPD,EAAAS,a,eAA3B,E,MAAA,MAYL,eAEI,IAFJ,EAEI,CADF,eAAoF,GAAvE,SAAQ,EAAAC,WAAahC,SAAU,GAAKE,YAAa,EAAA+B,GAAM1B,MAAO,EAAAA,O,+CAG/E,eAAsB,kC,4EAUX,GACbC,KAAM,SACN0B,WAAY,CACVC,eAAA,KACAC,aAAA,MAEFC,MANa,WAOX,IAAMrB,EAAQ,iBACdsB,QAAQC,IAAIvB,GACZ,IAAMwB,EAAQ,eAAS,CACrBrB,OAAQ,GACRjB,YAAa,EACbK,MAAO,EACPwB,SAAS,IAGLE,EAAK,gBAAS,kBAAMO,EAAMtC,YAAc,KAExCuC,EAAe,SAACC,GACpBF,EAAMT,SAAU,EAChB,eAAc,CACZR,IAAKP,EAAMC,OAAOC,QAClBhB,YAAawC,EAAUF,EAAMtC,YAAc,EAAIsC,EAAMtC,YACrDF,SAAU,KACT2C,MAAK,SAAAC,GACNJ,EAAMrB,OAASyB,EAAIC,KAAKC,QACxBN,EAAMjC,MAAQqC,EAAIC,KAAKtC,SACtBwC,SAAQ,WACTP,EAAMT,SAAU,MAGdC,EAAa,SAACgB,GAClBR,EAAMtC,YAAc8C,EAAS,EAC7BP,KAUF,OAPAA,GAAa,GAEb,gBAAMzB,GAAO,WACXyB,GAAa,MAIf,iCACK,gBAAOD,IADZ,IAEEC,eACAT,aACAhB,QACAiB,S,iCC5EN,MAAMpB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,oCCTf,W,kCCAA,W","file":"js/chunk-73f09abf.4900dc25.js","sourcesContent":["<template>\n  <p>\n    <el-pagination\n      background\n      :page-size=\"pageSize\"\n      :current-page=\"currentPage\"\n      @current-change=\"i => $emit('change', i)\"\n      layout=\"prev, pager, next\"\n      :pager-count=\"5\"\n      :total=\"total\">\n    </el-pagination>\n  </p>\n</template>\n\n<script>\nexport default {\n  name: \"pagenation\",\n  props: {\n    total: Number,\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    currentPage: {\n      type: Number,\n      default: 1\n    }\n  }\n};\n</script>\n\n\n<style scoped>\n.pg-btn {\n  display: inline-block;\n  height: 20px;\n  line-height: 20px;\n  padding: 0 10px;\n  border: 1px solid #ccc;\n  cursor: pointer;\n}\n.pg-btn + .pg-btn {\n  margin-left: 10px;\n}\n.disabled {\n  background: #eee;\n  cursor: not-allowed;\n}\n.active {\n  background: #e7393e;\n  border-color: #e7393e;\n  color: #fff;\n}\n</style>\n","import { render } from \"./Pagenation.vue?vue&type=template&id=aee94220&scoped=true\"\nimport script from \"./Pagenation.vue?vue&type=script&lang=js\"\nexport * from \"./Pagenation.vue?vue&type=script&lang=js\"\n\nimport \"./Pagenation.vue?vue&type=style&index=0&id=aee94220&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/marco/Documents/proj/gxtelibrary-front-end/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-aee94220\"]])\n\nexport default __exports__","<template>\n  <div>\n    <div class=\"container\">\n      <div v-if=\"route.params.keyWord\" class=\"top-title\">\n        <b>\"{{route.params.keyWord}}\"</b> 课程的搜索结果\n      </div>\n      <p class=\"title\">\n        全部课程\n      </p>\n      <div v-loading.fullscreen.lock=\"loading\" class=\"container-wrapper\">\n        <div class=\"p-c container\">\n          <el-row :gutter=\"24\" v-if=\"videos.length\">\n            <el-col class=\"v-item\" v-for=\"v in videos\" :key=\"v.id\" :xs=\"{span: '12'}\" :sm=\"{span: '4-8'}\" >\n              <NewVideoItem :tag=\"v.mediaType === 'AUDIO'\" :width=\"300\" :video=\"v\" />\n            </el-col>\n          </el-row>\n          <span class=\"no-data\" v-else>\n            ...暂无数据\n          </span>\n        </div>\n      </div>\n      <p class=\"pagenation\">\n        <Pagenation @change=\"pageChange\" :pageSize=\"20\" :currentPage=\"cp\"  :total=\"total\" />\n      </p>\n    </div>\n    <slot name=\"footer\" />\n  </div>\n</template>\n\n<script>\nimport { getVideoList as _getVideoList } from \"@api\"\nimport NewVideoItem from '@c/NewVideoItem.vue'\nimport Pagenation from '@c/Pagenation.vue'\nimport { reactive, toRefs, computed, watch } from \"vue\"\nimport { useRoute } from 'vue-router'\nexport default {\n  name: \"Audios\",\n  components: {\n    NewVideoItem,\n    Pagenation\n  },\n  setup () {\n    const route = useRoute()\n    console.log(route)\n    const state = reactive({\n      videos: [],\n      currentPage: 0,\n      total: 0,\n      loading: false\n    })\n\n    const cp = computed(() => state.currentPage + 1)\n\n    const getVideoPage = (refresh) => {\n      state.loading = true\n      _getVideoList({\n        key: route.params.keyWord,\n        currentPage: refresh ? state.currentPage = 0 : state.currentPage,\n        pageSize: 20\n      }).then(res => {\n        state.videos = res.data.records\n        state.total = res.data.total\n      }).finally(() => {\n        state.loading = false\n      })\n    }\n    const pageChange = (pageNo) => {\n      state.currentPage = pageNo - 1\n      getVideoPage()\n    }\n\n    getVideoPage(true)\n\n    watch(route, () => {\n      getVideoPage(true)\n    })\n\n\n    return {\n      ...toRefs(state),\n      getVideoPage,\n      pageChange,\n      route,\n      cp\n    }\n  }\n};\n</script>\n\n\n<style scoped lang=\"stylus\">\n\n.container-wrapper {\n  height: 100%;\n  box-sizing: border-box;\n  padding-bottom: 50px;\n  position: relative;\n}\n\n\n.pagenation {\n  height: 50px;\n  width: 100%;\n  text-align: center;\n}\n\n.v-item {\n  margin-bottom 30px\n}\n\n.p-c {\n  min-height: 100%;\n  position: relative;\n\n  .no-data {\n    top: 40%;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    position: absolute;\n    text-align: center;\n    color: #999;\n  }\n}\n.title {\n  font-size: 22px;\n  line-height: 40px;\n  font-family: '微软雅黑';\n  margin-top: 25px;\n  margin-bottom: 15px;\n}\n.top-title {\n  color: #272727;\n  font-size: 18px;\n  margin-top: 25px;\n}\n@media screen and (max-width: 767px) {\n  .el-col-xs-12.el-col-sm-4-8 {\n    display: block;\n    max-width: 50%;\n    -webkit-box-flex: 0;\n    -webkit-flex: 0 0 50%;\n    flex: 0 0 50%;\n  }\n} \n</style>\n","import { render } from \"./search.vue?vue&type=template&id=bbce9ab4&scoped=true\"\nimport script from \"./search.vue?vue&type=script&lang=js\"\nexport * from \"./search.vue?vue&type=script&lang=js\"\n\nimport \"./search.vue?vue&type=style&index=0&id=bbce9ab4&scoped=true&lang=stylus\"\n\nimport exportComponent from \"/Users/marco/Documents/proj/gxtelibrary-front-end/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bbce9ab4\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Pagenation.vue?vue&type=style&index=0&id=aee94220&scoped=true&lang=css\"","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/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./search.vue?vue&type=style&index=0&id=bbce9ab4&scoped=true&lang=stylus\""],"sourceRoot":""}