{"version":3,"sources":["webpack:///./src/view/newsInfo/CompanyVideo.vue?e5bf","webpack:///./src/view/newsInfo/CompanyVideo.vue?af07","webpack:///src/view/newsInfo/CompanyVideo.vue","webpack:///./src/view/newsInfo/CompanyVideo.vue?9a7a","webpack:///./src/view/newsInfo/CompanyVideo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","attrs","on","$event","clickPlay","src","coverImg","_s","title","total","pageSize","changePageNo","videoPath","showVideo","closeVideo","_e","staticRenderFns","components","videoBox","data","videoList","allList","groupList","pageNo","methods","reqVideoList","e","mounted","component"],"mappings":"2IAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,UAAUH,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAIQ,GAAIR,EAAa,WAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,MAAM,CAACO,IAAID,EAAMJ,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,EAAQ,SAAkCC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,UAAUN,EAAKO,WAAWZ,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMH,EAAKQ,YAAYb,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIkB,GAAGT,EAAKU,eAAc,GAAGf,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACQ,MAAM,CAAC,MAAQZ,EAAIoB,MAAM,cAAa,EAAK,YAAYpB,EAAIqB,SAAS,KAAO,SAASR,GAAG,CAAC,YAAYb,EAAIsB,iBAAiB,GAAItB,EAAa,UAAEI,EAAG,WAAW,CAACQ,MAAM,CAAC,MAAQZ,EAAIuB,UAAU,UAAYvB,EAAIwB,WAAWX,GAAG,CAAC,WAAab,EAAIyB,cAAczB,EAAI0B,MAAM,IACj3BC,EAAkB,G,6CCiGtB,GACEC,WAAY,CACVC,SAAJ,QAEEC,KAJF,WAKI,MAAO,CACLN,WAAW,EACXD,UAAW,GACXQ,UAAW,GACXC,QAAS,GACTC,UAAW,GACXb,MAAO,EACPc,OAAQ,EACRb,SAAU,EACVS,KAAM,KAGVK,QAAS,CACPC,aADJ,WACA,WACM,EAAN,uCACQ,EAAR,8BACQ,EAAR,yBACQ,EAAR,+CACQ,EAAR,sCAGId,aATJ,SASA,GACMrB,KAAKiC,OAASG,EACdpC,KAAK8B,UAAY9B,KAAKgC,UAAUhC,KAAKiC,OAAS,IAEhDnB,UAbJ,SAaA,GACMd,KAAKuB,WAAY,EACjBvB,KAAKsB,UAAYP,GAEnBS,WAjBJ,SAiBA,GACMxB,KAAKuB,UAAYa,IAGrBC,QAtCF,WAuCIrC,KAAKmC,iBCzI4V,I,wBCQjWG,EAAY,eACd,EACAxC,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"js/chunk-395483b9.e0afd046.js","sourcesContent":["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/lib/loaders/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/lib/index.js??vue-loader-options!./CompanyVideo.vue?vue&type=style&index=0&id=2641b8a6&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"video-center\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"视频中心\")]),_c('div',{staticClass:\"video-list\"},_vm._l((_vm.videoList),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('div',{staticClass:\"msk\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/play.svg\")},on:{\"click\":function($event){return _vm.clickPlay(item.src)}}})]),_c('img',{attrs:{\"src\":item.coverImg}}),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(item.title))])])}),0),_c('div',{staticClass:\"list-footer\"},[_c('Page',{attrs:{\"total\":_vm.total,\"show-total\":true,\"page-size\":_vm.pageSize,\"size\":\"small\"},on:{\"on-change\":_vm.changePageNo}})],1),(_vm.showVideo)?_c('videoBox',{attrs:{\"video\":_vm.videoPath,\"showVideo\":_vm.showVideo},on:{\"closeVideo\":_vm.closeVideo}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style lang=\"less\" scoped>\r\n.title {\r\n  font-size: 28px;\r\n  text-align: center;\r\n  padding: 20px 0;\r\n}\r\n.video-list {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-content: flex-start;\r\n  flex-wrap: wrap;\r\n  min-height: 555px;\r\n  .item {\r\n    width: 25%;\r\n    min-width: 230px;\r\n    height: 165px;\r\n    background-color: #fff;\r\n    position: relative;\r\n    margin-left: 20px;\r\n    margin-top: 20px;\r\n    border: 1px solid #f0f0f0;\r\n    border-radius: 5px;\r\n    .text {\r\n      text-align: center;\r\n    }\r\n    .msk {\r\n      display: none !important;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: rgba(123, 122, 122, 0.7);\r\n      img {\r\n        width: 40px;\r\n        height: 40px;\r\n      }\r\n    }\r\n    > img {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .item:hover {\r\n    .msk {\r\n      transition: all 10s ease-in;\r\n      display: flex !important;\r\n      justify-content: center;\r\n      align-items: center;\r\n      img {\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n}\r\n.list-footer {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 50px;\r\n}\r\n</style>\r\n<template>\r\n  <div class=\"video-center\">\r\n    <div class=\"title\">视频中心</div>\r\n    <div class=\"video-list\">\r\n      <div class=\"item\" v-for=\"(item, index) in videoList\" :key=\"index\">\r\n        <div class=\"msk\">\r\n          <img\r\n            src=\"@/assets/images/icon/play.svg\"\r\n            @click=\"clickPlay(item.src)\"\r\n          />\r\n        </div>\r\n        <img :src=\"item.coverImg\" />\r\n        <div class=\"text\">{{ item.title }}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"list-footer\">\r\n      <Page\r\n        :total=\"total\"\r\n        :show-total=\"true\"\r\n        @on-change=\"changePageNo\"\r\n        :page-size=\"pageSize\"\r\n        size=\"small\"\r\n      />\r\n    </div>\r\n    <videoBox\r\n      v-if=\"showVideo\"\r\n      :video=\"videoPath\"\r\n      :showVideo=\"showVideo\"\r\n      @closeVideo=\"closeVideo\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport videoBox from \"components/video/VideoBox\";\r\nimport { group } from \"static/common.js\";\r\nimport axios from \"axios\";\r\nexport default {\r\n  components: {\r\n    videoBox,\r\n  },\r\n  data() {\r\n    return {\r\n      showVideo: false,\r\n      videoPath: \"\",\r\n      videoList: [],\r\n      allList: [],\r\n      groupList: [],\r\n      total: 0,\r\n      pageNo: 1,\r\n      pageSize: 9,\r\n      data: [],\r\n    };\r\n  },\r\n  methods: {\r\n    reqVideoList() {\r\n      axios.get(\"./data.json\").then((res) => {\r\n        this.total = res.data.videoList.length;\r\n        this.allList = res.data.videoList;\r\n        this.groupList = group(this.allList, this.pageSize);\r\n        this.videoList = this.groupList[this.pageNo - 1];\r\n      });\r\n    },\r\n    changePageNo(e) {\r\n      this.pageNo = e;\r\n      this.videoList = this.groupList[this.pageNo - 1];\r\n    },\r\n    clickPlay(src) {\r\n      this.showVideo = true;\r\n      this.videoPath = src;\r\n    },\r\n    closeVideo(e) {\r\n      this.showVideo = e;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.reqVideoList();\r\n  },\r\n};\r\n</script>\r\n\r\n ","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyVideo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompanyVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompanyVideo.vue?vue&type=template&id=2641b8a6&scoped=true&\"\nimport script from \"./CompanyVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./CompanyVideo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CompanyVideo.vue?vue&type=style&index=0&id=2641b8a6&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  \"2641b8a6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}