{"version":3,"sources":["webpack:///./src/views/edp/videoList/index.vue","webpack:///./src/views/edp/videoList/index.vue?dd0d","webpack:///./src/api/list.js","webpack:///./src/utils/edp/request.js","webpack:///./src/views/edp/videoList/index.vue?e2a6"],"names":["data","reactive","page","limit","total","videoList","outerVisible","videoLink","handlerNews","async","res","apiVideoList","is_en","type","handlerChange","num","handlerPlay","item","url","onMounted","__exports__","apiNewsList","params","request","method","apiArticle","example","axios","create","baseURL","process","timeout","interceptors","use","config","response","result","status","Promise","reject"],"mappings":"wRA0BA,IAAIA,EAAOC,sBAAS,CAClBC,KAAM,EACNC,MAAO,GACPC,MAAO,EACPC,UAAW,GACXC,cAAc,EACdC,UAAW,KAGb,MAAMC,EAAcC,UAClB,IAAMT,KAAMU,SAAcC,eAAa,CACrCT,KAAMF,EAAKE,KACXC,MAAOH,EAAKG,MACZS,MAAO,EACPC,KAAM,IAERb,EAAKK,UAAYK,EAAIV,KACrBA,EAAKI,MAAQM,EAAIN,OAIbU,EAAiBC,IACrBf,EAAKE,KAAOa,EACZP,KAIIQ,EAAeC,IACnBjB,EAAKO,UAAYU,EAAKC,IACtBlB,EAAKM,cAAe,G,OAItBa,uBAAU,KACRX,M,03CCvDF,MAAMY,EAAc,EAEL,gB,8DCPf,sHAEO,MAAMC,EAAeC,GAC1BC,eAAQ,CACNC,OAAQ,MACRN,IAAK,eACLI,WAYSG,EAAcH,GACzBC,eAAQ,CACNC,OAAQ,OACRN,IAAK,oBACLI,WAISX,EAAgBW,GAC3BC,eAAQ,CACNC,OAAQ,MACRN,IAAK,aACLI,Y,oCC9BJ,yBAEA,IAAII,EAAUC,IAAMC,OAAO,CACzBC,QAASC,OACTC,QAAS,MAGXL,EAAQM,aAAaT,QAAQU,IAAKC,GACzBA,GAETR,EAAQM,aAAaG,SAASF,IAAKG,IACjC,IAAI1B,GACA,KAAEV,EAAI,OAAEqC,GAAWD,EACvB,OAAQC,GACN,KAAK,IACH3B,EAAMV,EACN,MACF,KAAK,KACHU,EAAM4B,QAAQC,OAAO,WACrB,MAEJ,OAAO7B,IAGMgB,U,kCCxBf","file":"js/chunk-14accf4a.38f6c5dc.js","sourcesContent":["<template>\r\n  <div class=\"zh\">\r\n    <div class=\"video-list\">\r\n      <div class=\"video-item\" v-for=\"(item, index) in data.videoList\" :key=\"index\">\r\n        <svg-icon name=\"play\" class-name=\"w-10vw h-10vw\" @click=\"handlerPlay(item)\" />\r\n        <img :src=\"$img + item.thumb\" alt=\"\" class=\"cover\">\r\n        <div class=\"title\">{{ item.title }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- 分页 -->\r\n  <div class=\"paging\">\r\n    <el-pagination background layout=\"pager\" :page-size=\"10\" :total=\"data.total\" @current-change=\"handlerChange\" />\r\n  </div>\r\n\r\n  <!-- 视频播放框 -->\r\n\r\n  <el-dialog v-model=\"data.outerVisible\" width=\"13rem\">\r\n    <video controls :src=\"$img + data.videoLink\" class=\"video-component\" />\r\n  </el-dialog>\r\n</template>\r\n\r\n<script setup>\r\nimport { apiVideoList } from \"@/api/list.js\"\r\nimport { reactive, onMounted } from 'vue'\r\nlet data = reactive({\r\n  page: 1,\r\n  limit: 20,\r\n  total: 0, // 总条数\r\n  videoList: [], // 新闻数据列表\r\n  outerVisible: false,\r\n  videoLink: '', // 视频播放链接\r\n})\r\n\r\nconst handlerNews = async () => {\r\n  let { data: res } = await apiVideoList({\r\n    page: data.page,\r\n    limit: data.limit,\r\n    is_en: 3,\r\n    type: 1\r\n  })\r\n  data.videoList = res.data\r\n  data.total = res.total\r\n}\r\n\r\n// 分页条数改变\r\nconst handlerChange = (num) => {\r\n  data.page = num\r\n  handlerNews()\r\n}\r\n\r\n// 点击播放视频\r\nconst handlerPlay = (item) => {\r\n  data.videoLink = item.url\r\n  data.outerVisible = true\r\n\r\n}\r\n\r\nonMounted(() => {\r\n  handlerNews()\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// 分页器样式\r\n.paging {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: .4rem 0 .6rem 0px;\r\n\r\n  &:deep(.el-pager) {\r\n\r\n    .number,\r\n    .more {\r\n      width: .82rem;\r\n      height: .84rem;\r\n      background: #ffffff;\r\n      border-radius: .08rem .08rem .08rem .08rem;\r\n      opacity: 1;\r\n      border: .02rem solid #aaaaaa;\r\n\r\n      &:hover {\r\n        color: #a6291a;\r\n      }\r\n    }\r\n\r\n    .is-active {\r\n      width: .84rem;\r\n      height: .84rem;\r\n      background: #a6291a !important;\r\n      border-radius: .08rem .08rem .08rem .08rem;\r\n      opacity: 1;\r\n      border: .02rem solid #a6291a;\r\n      color: #fff !important;\r\n    }\r\n  }\r\n}\r\n\r\n// 在pc端\r\n@media screen and (min-width: $media) {\r\n  .zh {\r\n    width: 8.8203rem;\r\n\r\n    .video-list {\r\n      width: 8.8203rem;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 4.21875rem);\r\n      justify-content: space-between;\r\n\r\n      .video-item {\r\n        position: relative;\r\n        width: 4.21875rem;\r\n        min-width: 4.1796875rem;\r\n        margin: 0.234375rem 0 0 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        transition: .3s ease;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n          box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;\r\n        }\r\n\r\n        .svg-box {\r\n          position: absolute;\r\n          left: 50%;\r\n          top: 33%;\r\n          transform: translateX(-50%);\r\n          width: .5rem;\r\n          height: .5rem;\r\n        }\r\n\r\n        .cover {\r\n          width: 100%;\r\n          height: 2.171875rem\r\n        }\r\n\r\n        .title {\r\n          margin: 0.078125rem 0 0 0;\r\n          padding: 0;\r\n          width: 100%;\r\n          height: 0.578125rem;\r\n          background: linear-gradient(267deg, #ffbda5 0%, #e34f1b 63%, #de3a00 100%);\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: .15625rem;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .video-component {\r\n    width: 100%;\r\n    height: 5.4688rem;\r\n    margin-top: -0.1rem;\r\n\r\n    &::-webkit-media-controls-start-playback-button {\r\n      display: block;\r\n      font-size: initial;\r\n    }\r\n  }\r\n}\r\n\r\n// 在移动端\r\n@media screen and (max-width: $media) {\r\n  .zh {\r\n    width: 100%;\r\n\r\n    .video-list {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      .video-item {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 8rem;\r\n        margin-bottom: .3rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        transition: .3s ease;\r\n\r\n        .svg-box {\r\n          position: absolute;\r\n          left: 50%;\r\n          top: 33%;\r\n          transform: translateX(-50%);\r\n          width: 1rem;\r\n          height: 1rem;\r\n        }\r\n\r\n        .cover {\r\n          flex: 1;\r\n          width: 100%;\r\n          height: 5.2rem;\r\n        }\r\n\r\n        .title {\r\n          padding: 0;\r\n          width: 100%;\r\n          height: 1.2rem;\r\n          background: linear-gradient(267deg, #ffbda5 0%, #e34f1b 63%, #de3a00 100%);\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: .32rem;\r\n          margin-top: .4rem;\r\n        }\r\n      }\r\n\r\n      & .video-item:last-child {\r\n        margin-bottom: 0px;\r\n      }\r\n    }\r\n\r\n    .el-dialog__header {\r\n      display: none;\r\n    }\r\n\r\n    .el-dialog__body {\r\n      padding: 0px;\r\n    }\r\n\r\n    .video-component {\r\n      width: 100%;\r\n      height: 6rem;\r\n\r\n      &::-webkit-media-controls-start-playback-button {\r\n        display: block;\r\n        font-size: initial;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=6bcb0aeb&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import request from '@/utils/edp/request.js'\r\n// 获取文章列表\r\nexport const apiNewsList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/article',\r\n    params\r\n  })\r\n\r\n// 获取人员列表\r\nexport const apiUserList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/teamList',\r\n    params\r\n  })\r\n\r\n// 获取文章详情\r\nexport const apiArticle = (params) =>\r\n  request({\r\n    method: 'post',\r\n    url: '/api/article/view',\r\n    params\r\n  })\r\n\r\n// 获取视频列表\r\nexport const apiVideoList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/video',\r\n    params\r\n  })","import axios from 'axios'\r\n// 创建axios实例\r\nlet example = axios.create({\r\n  baseURL: process.env.VUE_APP_BASE_URL,\r\n  timeout: 6000\r\n})\r\n\r\nexample.interceptors.request.use((config) => {\r\n  return config\r\n})\r\nexample.interceptors.response.use((result) => {\r\n  let res\r\n  let { data, status } = result\r\n  switch (status) {\r\n    case 200:\r\n      res = data\r\n      break\r\n    case 9001:\r\n      res = Promise.reject('token过期')\r\n      break\r\n  }\r\n  return res\r\n})\r\n\r\nexport default example\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=6bcb0aeb&lang=scss\""],"sourceRoot":""}