{"version":3,"sources":["webpack:///./src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?43f1","webpack:///./src/views/articleList/moduleClassification/gyjg.vue","webpack:///./src/views/articleList/moduleClassification/gyjg.vue?fc2d","webpack:///./node_modules/vue-loader-v16/dist/exportHelper.js","webpack:///./src/components/Pagination.vue?05a1","webpack:///./src/views/articleList/moduleClassification/gyjg.vue?25e6"],"names":["props","__props","emits","__emit","currentPage4","ref","total","page_","pageSize4","handleSizeChange","e","handleCurrentChange","value","_pageChange","onMounted","nextTick","setTimeout","document","querySelector","childNodes","nodeValue","en","watch","n","o","page","limit","immediate","__exports__","gyjg_box","baseUrl","process","from","reactive","type","videoList","list","get_video_list","async","data","res","axios","code","style","transform","opacity","pageChanges","ee","dialogVisible","video_src_","video_play","item","url","video_gyjg","close","pause","Object","defineProperty","exports","default","sfc","target","__vccOpts","key","val"],"mappings":"sVAuBA,MAAMA,EAAQC,EAMRC,EAAQC,EACd,IAAIC,EAAeC,iBAAI,GACnBC,EAAQD,iBAAI,GACZE,EAAQF,iBAAI,GACZG,EAAYH,iBAAI,IAEhBI,EAAoBC,MAGpBC,EAAuBD,IACvBH,EAAMK,MAAQF,EACdG,EAAYN,EAAMK,QAMtBE,uBAAU,KAENC,sBAAS,KACTC,WAAW,KACJC,SAASC,cAAc,0BACxBD,SAASC,cAAc,wBAAwBC,WAAW,GAAGC,UAAYpB,EAAMqB,GAAK,QAAU,OAGlG,SAIN,MAAMR,EAAeN,IACjBL,EAAM,aAAaK,I,OAGvBe,mBAAM,IAAMtB,EAAMM,MAAM,CAACiB,EAAEC,KACvBlB,EAAMM,MAAQZ,EAAMM,MACpBF,EAAaQ,MAAQZ,EAAMyB,KAC3BjB,EAAUI,MAAQZ,EAAM0B,OAC1B,CAACC,WAAU,I,w9BC5Db,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,U,yVCiBf,MAAMC,EAAWxB,iBAAI,MACfyB,EAAUC,OACVC,EAAOC,sBAAS,CACpBR,KAAK,EACLC,MAAM,GACNpB,MAAM,EACN4B,KAAK,IAEDC,EAAYF,sBAAS,CACzBG,KAAK,KAGDC,EAAiBC,UACnB,MAAOC,KAAKC,SAAaC,OAAc,aAAaT,GACrC,KAAZQ,EAAIE,OACLb,EAASjB,MAAM+B,MAAMC,UAAY,gBACjCf,EAASjB,MAAM+B,MAAME,QAAU,EAC/BV,EAAUC,KAAOI,EAAID,KAAKA,KAC1BP,EAAK1B,MAAQkC,EAAID,KAAKjC,QAG5B+B,IAGA,MAAMS,EAAeC,IACnBf,EAAKP,KAAOsB,EACZV,KAGFvB,uBAAU,KACRe,EAASjB,MAAM+B,MAAMC,UAAY,oBACjCf,EAASjB,MAAM+B,MAAME,QAAU,IAEjC,IAAIG,EAAgB3C,kBAAI,GACpB4C,EAAa5C,iBAAI,IACrB,MAAM6C,EAAcC,IAClBH,EAAcpC,OAAQ,EACtBqC,EAAWrC,MAAQuC,EAAKC,KAGpBC,EAAahD,iBAAI,MACjBiD,EAAQA,KACbD,EAAWzC,MAAM2C,S,4zCC7DlB,MAAM3B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,6DCPf4B,OAAOC,eAAeC,EAAS,aAAc,CAAE9C,OAAO,IAGtD8C,EAAQC,QAAU,CAACC,EAAK5D,KACpB,MAAM6D,EAASD,EAAIE,WAAaF,EAChC,IAAK,MAAOG,EAAKC,KAAQhE,EACrB6D,EAAOE,GAAOC,EAElB,OAAOH,I,kCCTX,W,oCCAA,W","file":"js/chunk-155f5882.b685e08e.js","sourcesContent":["<template>\r\n    <div class=\"pagination_box\">\r\n        <span class=\"left_total\" v-if=\"!props.en\">共{{total}}条</span>\r\n        <span class=\"left_total\" v-else>{{total}} in total</span>\r\n        <el-pagination\r\n      v-model:currentPage=\"currentPage4\"\r\n      v-model:page-size=\"pageSize4\"\r\n      :page-sizes=\"[100, 200, 300, 400]\"\r\n      :small=\"true\"\r\n      layout=\"slot, prev, pager, next,jumper\"\r\n      :total=\"total\"\r\n      @size-change=\"handleSizeChange\"\r\n      @current-change=\"handleCurrentChange\"\r\n      :pager-count='3'\r\n      background='#174994'\r\n    ></el-pagination>\r\n    <!-- <div class=\"to_po\"><span>到</span> <input v-model=\"page_\"/> <span>页</span></div>\r\n    <div class=\"button\" @click=\"Go_\">Go</div> -->\r\n    </div>\r\n</template>\r\n\r\n<script setup> \r\nimport {ref,onMounted,watch,defineProps,defineEmits, nextTick} from 'vue'\r\nconst props = defineProps({\r\n  total: Number,\r\n  page: Number,\r\n  limit: Number,\r\n  en:Boolean\r\n})\r\nconst emits = defineEmits(['pageChange'])\r\nlet currentPage4 = ref(1)\r\nlet total = ref(0)\r\nlet page_ = ref(1)\r\nlet pageSize4 = ref(10)\r\n\r\nlet handleSizeChange = (e) => {\r\n}\r\n// 页码\r\nlet handleCurrentChange = (e) => {\r\n    page_.value = e\r\n    _pageChange(page_.value)\r\n}\r\n\r\nlet Go_ = () => {\r\n    handleCurrentChange(parseInt(page_.value))\r\n}\r\nonMounted(()=>{\r\n    // 把分页提示高亮文字改为中文\r\n    nextTick(() => {\r\n    setTimeout(() => {\r\n        if(document.querySelector('.el-pagination__jump')){\r\n          document.querySelector('.el-pagination__jump').childNodes[0].nodeValue = props.en ? 'Go to' : '前往'  \r\n        }\r\n        \r\n    },300)\r\n    })\r\n})\r\n\r\nconst _pageChange = (page_) => {\r\n    emits(\"pageChange\",page_)\r\n}\r\n// 监听总条数变化\r\nwatch(() => props.total,(n,o) => {\r\n    total.value = props.total\r\n    currentPage4.value = props.page\r\n    pageSize4.value = props.limit\r\n},{immediate:true})\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n@maxw:128rem;\r\n/deep/.btn-prev,/deep/.btn-next{ \r\n    border: 1/@maxw solid #3e7ac2 !important;\r\n    border-radius: 50% !important;\r\n    margin: 0 3/@maxw !important;\r\n    color: #3e7ac2;\r\n    cursor: pointer;\r\n    width: 41/@maxw;\r\n    height: 41/@maxw;\r\n    z-index: 99999999999 !important;\r\n}\r\n/deep/.el-pagination--small .el-pager li{\r\n    border: 2px solid #174994;\r\n    width: 41/@maxw;\r\n    height: 41/@maxw;\r\n    font-size: 20/@maxw;\r\n    color: #174994;\r\n    z-index: 99999999999 !important;\r\n}\r\n/deep/.el-pager li{ \r\n    border: 1/@maxw solid #3e7ac2 !important;\r\n    margin: 0 5/@maxw !important;\r\n    border-radius: 50% !important;\r\n    color: #3e7ac2;\r\n    cursor: pointer;\r\n} \r\n/deep/.el-pagination.is-background .el-pager li:not(.is-disabled).is-active {\r\n    background-color: #427dc3;\r\n}\r\n/deep/.el-pagination--small span:not([class*=suffix]) {\r\n    font-size: 18/@maxw;\r\n    margin-left: 10/@maxw;\r\n}\r\n/deep/.el-pagination__editor {\r\n    min-width: 0 !important;\r\n}\r\n/deep/.el-pagination__editor,.el-input{\r\nwidth: 0;\r\ndisplay: flex;\r\nalign-items: center;\r\n}\r\n/deep/.el-pagination--small .el-pagination__editor.el-input .el-input__inner {\r\n    width: 28/@maxw;\r\n}\r\n/deep/.el-input--small .el-input__wrapper {\r\n    padding: 1px 7/@maxw;\r\n    width: 50/@maxw;\r\n    height: 38/@maxw;\r\n    border-radius: 50%;\r\n    border: 1px solid #3e7ac2;\r\n    font-size: 18/@maxw;\r\n}\r\n.left_total{\r\n    color: #3e7ac2;\r\n    margin-right: 5/@maxw;\r\n    font-size: 18/@maxw !important;\r\n}\r\n.pagination_box{ \r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    color: #3e7ac2;\r\n    font-size: 10/@maxw;\r\n    .button{\r\n        margin: 0;padding: 0;\r\n        margin-left: 8/@maxw;\r\n        width: 40/@maxw;\r\n        height: 40/@maxw;\r\n        border-radius: 50%;\r\n        background-color: #174d8f;\r\n        text-align: center;\r\n        color: #fff;\r\n        cursor: pointer;\r\n        line-height: 41/@maxw;\r\n        font-size: 20/@maxw;\r\n    }\r\n    .button:hover{\r\n        background-color: #307bd7;\r\n    }\r\n}\r\n.to_po{\r\n    span{\r\n        font-size: 18/@maxw !important;\r\n    }\r\n    input{\r\n        width: 40/@maxw;\r\n        height: 40/@maxw;\r\n        border-radius: 50%;\r\n        border: 1/@maxw solid #3e7ac2 !important;\r\n        text-align: center;\r\n        font-size: 20/@maxw;\r\n        color: #174994;\r\n    }\r\n    \r\n}\r\n@media screen and (max-width:750px) {\r\n    @maxw_:750/100vw;\r\n    /deep/.btn-prev,/deep/.btn-next{ \r\n    border: 3/@maxw_ solid #3e7ac2 !important;\r\n    margin: 0 3/@maxw_ !important;\r\n    \r\n    width: 52/@maxw_;\r\n    height: 52/@maxw_;\r\n}\r\n    /deep/.el-pagination--small .el-pager li{\r\n    \r\n    width: 52/@maxw_ !important;\r\n    height: 52/@maxw_ !important;\r\n    font-size: 28/@maxw_ !important;\r\n    font-family: Source Han Sans CN-Medium;\r\n    line-height: 52/@maxw_ !important;\r\n}\r\n/deep/.el-pagination--small span:not([class*=suffix]) {\r\n    font-size: 18/@maxw;\r\n    margin-left: 20/@maxw;\r\n}\r\n/deep/.el-pager li{ \r\n    border: 3/@maxw_ solid #3e7ac2 !important;\r\n    margin: 0 5/@maxw_ !important;\r\n} \r\n/deep/.el-pagination--small .el-pagination__editor.el-input .el-input__inner {\r\n    width: 38/@maxw_;\r\n}\r\n/deep/.el-input--small .el-input__wrapper {\r\n    padding: 1px 7/@maxw_;\r\n    width: 50/@maxw_;\r\n    height: 48/@maxw_;\r\n    border-radius: 50%;\r\n    border: 1px solid #3e7ac2;\r\n    font-size: 20/@maxw_;\r\n}\r\n.left_total{\r\n    margin-right: 5/@maxw_;\r\n    font-size: 26/@maxw_ !important;\r\n}\r\n.pagination_box{ \r\n    font-size: 15/@maxw_;\r\n    .button{\r\n        margin-left: 8/@maxw_;\r\n        \r\n        width: 52/@maxw_;\r\n        height: 52/@maxw_;\r\n        line-height: 52/@maxw_;\r\n        font-size: 18/@maxw_;\r\n    }\r\n    .button:hover{\r\n        background-color: #307bd7;\r\n    }\r\n}\r\n.to_po{\r\n    display: flex;\r\n    align-content: center;\r\n    justify-content: space-between;\r\n    span{\r\n        font-size: 18/@maxw_ !important;\r\n       display: flex;\r\n        align-items: center;\r\n        margin: 2px;\r\n    }\r\n    input{\r\n        \r\n        width: 42/@maxw_;\r\n        height: 40/@maxw_;\r\n        border: 3/@maxw_ solid #3e7ac2 !important;\r\n        font-size: 30/@maxw_;\r\n    }\r\n    \r\n}\r\n}\r\n</style>","import script from \"./Pagination.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Pagination.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Pagination.vue?vue&type=style&index=0&id=2b8cd7e7&lang=less&scoped=true\"\n\nimport exportComponent from \"D:\\\\GW\\\\国科大项目\\\\chinese-academy-of-sciences-home\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2b8cd7e7\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"gyjg_box\" ref=\"gyjg_box\">\r\n    <h1>光影经管</h1>\r\n    <div class=\"video_box\">\r\n      <nav v-for=\"(item,i) in videoList.list\" :key=\"i\" @click=\"video_play(item)\">\r\n        <img :src=\"baseUrl+item.thumb\" alt=\"\">\r\n        <p>{{item.title}}</p>\r\n      </nav>\r\n    </div>\r\n     <!-- 底部分页 -->\r\n      <div class=\"pagination\">\r\n        <!-- <Pagination :total=\"thach_list.total\" :page=\"thach_list.page\" :limit=\"thach_list.limit\" @pageChange=\"pageChanges\"/> -->\r\n        <Pagination :total=\"from.total\" :page=\"from.page\" :limit=\"from.limit\" @pageChange=\"pageChanges\"/>\r\n      </div>\r\n      <!-- 视频弹框 -->\r\n    <el-dialog draggable append-to-body top=\"2%\" v-model=\"dialogVisible\" :width=\"1500/128+'rem'\" :before-close=\"handleClose\" @close=\"close\" z-index=\"99999\">\r\n      <video :src=\"baseUrl+video_src_\" class=\"video_gyjg\" autoplay controls preload=\"auto\" ref=\"video_gyjg\"/>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport Pagination from '@/components/Pagination.vue'\r\nimport * as axios from '@/api/API.js'\r\nimport { ref,reactive,onMounted } from 'vue'\r\nconst gyjg_box = ref(null)\r\nconst baseUrl = process.env.VUE_APP_BASE_URL\r\nconst from = reactive({\r\n  page:1,\r\n  limit:15,\r\n  total:0,\r\n  type:1\r\n})\r\nconst videoList = reactive({\r\n  list:[]\r\n})\r\n// 获取光影经管视频列表\r\nconst get_video_list = async () => { \r\n    const {data:res} = await axios.getHttp('/api/video',from)\r\n    if(res.code == 200){\r\n      gyjg_box.value.style.transform = 'translateY(0)'\r\n      gyjg_box.value.style.opacity = 1\r\n      videoList.list = res.data.data\r\n      from.total = res.data.total\r\n    }\r\n  }\r\nget_video_list()\r\n\r\n// 分页\r\nconst pageChanges = (ee) => {\r\n  from.page = ee\r\n  get_video_list()\r\n}\r\n// 页面加载给予动画\r\nonMounted(() => {\r\n  gyjg_box.value.style.transform = 'translateY(500px)'\r\n  gyjg_box.value.style.opacity = 0\r\n})\r\nlet dialogVisible = ref(false)\r\nlet video_src_ = ref('')\r\nconst video_play = (item) => {\r\n  dialogVisible.value = true\r\n  video_src_.value = item.url\r\n}\r\n// 关闭弹框，暂停视频\r\nconst video_gyjg = ref(null)\r\nconst close = () => {\r\n video_gyjg.value.pause()\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n@maxw:128rem;\r\n.gyjg_box{\r\n  width: 100%;\r\n  font-size: 15/@maxw;\r\n  transition: ease .8s;\r\n  cursor: pointer;\r\n  >h1{\r\n    font-size: 39/@maxw;\r\n    font-family: fantBold;\r\n      font-weight: 300;\r\n    color: #174994;\r\n    border-bottom:2/@maxw solid #174994;\r\n    margin: 0;\r\n    padding: 0 0 10/@maxw 0;\r\n  }\r\n  .video_box{\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    margin: 30/@maxw 0;\r\n    >nav{\r\n      position: relative;\r\n      width: 540/@maxw;\r\n      min-width: 535/@maxw;\r\n      margin: 30/@maxw 0 0 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      transition: ease .3s;\r\n      img{\r\n        width: 100%;\r\n        height: 278/@maxw;\r\n      }\r\n      >img:hover{\r\n      }\r\n      p{\r\n        margin: 10/@maxw 0 0 0;\r\n        padding: 0;\r\n        width: 100%;\r\n        height: 74/@maxw;\r\n        background-image: url(\"../../../assets/gyjg.png\");\r\n        background-size: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: #fff;\r\n        font-size: 20/@maxw;\r\n      }\r\n    }\r\n    >nav:nth-child(2n){\r\n      margin: 30/@maxw 0 0 0/@maxw;\r\n    }\r\n    >nav::after{\r\n    position: absolute;\r\n    top: 125/@maxw;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    content: \"\";\r\n    width: 46/@maxw;\r\n    height: 46/@maxw;\r\n    background-image: url(\"../../../assets/erjigybf.png\");\r\n    background-size: 100%;\r\n  }\r\n  >nav:hover{\r\n    box-shadow: 0 0 20/@maxw rgb(90, 90, 90);\r\n  }\r\n  }\r\n  \r\n    .pagination{  \r\n    display: flex;\r\n  justify-content: center;\r\n  margin: 6% 0 0 0; \r\n  }\r\n}\r\n.video_gyjg{\r\n  padding: 0;\r\n  margin: -20/@maxw 0 0 0;\r\n  width: 100%;\r\n  height: 800/@maxw;\r\n}\r\n</style>","import script from \"./gyjg.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./gyjg.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./gyjg.vue?vue&type=style&index=0&id=44eaf396&lang=less&scoped=true\"\n\nimport exportComponent from \"D:\\\\GW\\\\国科大项目\\\\chinese-academy-of-sciences-home\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-44eaf396\"]])\n\nexport default __exports__","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n","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-v16/dist/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/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Pagination.vue?vue&type=style&index=0&id=2b8cd7e7&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-v16/dist/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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./gyjg.vue?vue&type=style&index=0&id=44eaf396&lang=less&scoped=true\""],"sourceRoot":""}