{"version":3,"sources":["webpack:///./src/components/business/cms/InsCmsTwoSwiper.vue?7714","webpack:///./src/components/business/cms/InsCmsTwoSwiper.vue","webpack:///./src/components/business/cms/InsCmsTwoSwiper.vue?6b0f","webpack:///./src/components/business/cms/InsCmsTwoSwiper.vue?c4ae","webpack:///./src/components/business/cms/InsCmsTwoSwiper.vue?8c97"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","TopOption","on","slideChangeYear","_l","g","i","key","$event","clickYear","_v","_s","Title","_e","navigation","prevEl","slot","nextEl","GalleryOption","slideChangeGallery","t","j","Cover","class","ShowMore","domProps","Body","isMobile","staticRenderFns","page","pageSize","swiperData","spaceBetween","slidesPerView","yearPerView","autoHeight","observer","observeParents","grabCursor","galleryPerView","centeredSlides","slideToClickedSlide","$Api","cms","getSubCatContents","CatId","id","Page","PageSize","IsMobile","then","result","Data","length","forEach","item","$set","reverse","gallerySwiper","slideTo","yearSwiper","activeIndex","autoplay","stop","getCourseContents","$refs","swiper","$route","params","$store","state","default","deep","component"],"mappings":"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","file":"js/chunk-674f9b98.38bceb24.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"twoSwiper\"},[_c('div',{staticClass:\"yearSwiper\"},[(_vm.initSwiper)?_c('swiper',{ref:\"yearSwiper\",attrs:{\"options\":_vm.TopOption},on:{\"slideChange\":_vm.slideChangeYear}},[_vm._l((_vm.swiperData),function(g,i){return _c('swiper-slide',{key:i},[_c('div',{staticClass:\"cms-name\",on:{\"click\":function($event){return _vm.clickYear(i)}}},[_vm._v(_vm._s(g.Title))])])}),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide'),_c('swiper-slide')],2):_vm._e(),(_vm.TopOption.navigation && _vm.TopOption.navigation.prevEl)?_c('div',{staticClass:\"swiper-button-prev year-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}):_vm._e(),(_vm.TopOption.navigation && _vm.TopOption.navigation.nextEl)?_c('div',{staticClass:\"swiper-button-next year-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}):_vm._e()],1),_c('div',{staticClass:\"gallerySwiper\"},[(_vm.initSwiper)?_c('swiper',{ref:\"gallerySwiper\",attrs:{\"options\":_vm.GalleryOption},on:{\"slideChange\":_vm.slideChangeGallery}},[_vm._l((_vm.swiperData),function(t,j){return _c('swiper-slide',{key:j,staticClass:\"cms-slide\"},[_c('div',{staticClass:\"cms-pic\"},[_c('img',{attrs:{\"src\":t.Cover}})]),_c('div',{staticClass:\"cms-cover\",class:{'grayCover':t.ShowMore==true}},[_c('div',{staticClass:\"cms-text\",class:{'textClass':t.ShowMore==true}},[_c('div',{staticClass:\"cms-title\"},[_vm._v(_vm._s(t.Title))]),_c('div',{staticClass:\"cms-des\",domProps:{\"innerHTML\":_vm._s(t.Body)}})]),(t.ShowMore==false)?_c('span',{staticClass:\"cms-more\",on:{\"click\":function($event){t.ShowMore=true}}},[_vm._v(\"MORE\")]):_vm._e()]),(t.ShowMore==true)?_c('i',{staticClass:\"el-icon-close close-slide\",attrs:{\"data-v-1bba62ff\":\"\"},on:{\"click\":function($event){t.ShowMore=false}}}):_vm._e()])}),_c('swiper-slide')],2):_vm._e(),(!_vm.isMobile && _vm.GalleryOption.navigation && _vm.GalleryOption.navigation.prevEl)?_c('div',{staticClass:\"swiper-button-prev gallery-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"}):_vm._e(),(!_vm.isMobile && _vm.GalleryOption.navigation && _vm.GalleryOption.navigation.nextEl)?_c('div',{staticClass:\"swiper-button-next gallery-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\nimport $ from 'jquery';\r\n// banner组件通信传值设定:\r\n// initOptions:swiper初始化相关参数\r\n// page:getHeaderBanner的传参\r\n// initSwiper:是否为轮播,默认非轮播\r\n// data:自定义banner数据\r\n@Component\r\nexport default class InsCmsTwoSwiper extends Vue {\r\n @Prop() private initOptions!: object;\r\n @Prop({ default: false }) private initSwiper!: boolean;\r\n @Prop() private data!: any;\r\n page: number = 1;\r\n pageSize: number = 100;\r\n swiperData: object = {};\r\n // currentIndex: number = 0;\r\n\r\n TopOption: object = {\r\n // autoplay: true,\r\n spaceBetween: 10,\r\n slidesPerView: this.yearPerView,\r\n navigation: {\r\n prevEl: '.year-button-prev',\r\n nextEl: '.year-button-next'\r\n },\r\n autoHeight: true, // 高度随内容变化\r\n observer: true, // 修改swiper自己或子元素时,自动初始化swiper\r\n observeParents: true // 修改swiper的父元素时,自动初始化swiper\r\n }\r\n GalleryOption: object = {\r\n // autoplay: true,\r\n grabCursor: true,\r\n spaceBetween: 30,\r\n slidesPerView: this.galleryPerView,\r\n centeredSlides: true,\r\n slideToClickedSlide: true,\r\n navigation: {\r\n prevEl: '.gallery-button-prev',\r\n nextEl: '.gallery-button-next'\r\n },\r\n autoHeight: true, // 高度随内容变化\r\n observer: true, // 修改swiper自己或子元素时,自动初始化swiper\r\n observeParents: true // 修改swiper的父元素时,自动初始化swiper\r\n }\r\n\r\n // 获取 Category 和所有 SubCategory 的 cms 列表\r\n getCourseContents () {\r\n this.$Api.cms\r\n .getSubCatContents({ CatId: this.id, Page: this.page, PageSize: this.pageSize, IsMobile: this.isMobile })\r\n .then(result => {\r\n if (result.Data && result.Data.length) {\r\n result.Data.forEach(item => {\r\n this.$set(item, 'ShowMore', false);\r\n });\r\n this.swiperData = result.Data.reverse();\r\n console.log(this.swiperData, '歷程數據');\r\n }\r\n });\r\n }\r\n\r\n clickYear (i) {\r\n this.gallerySwiper.slideTo(i);\r\n this.yearSwiper.activeIndex = i;\r\n }\r\n\r\n slideChangeYear () {\r\n this.gallerySwiper.slideTo(this.yearSwiper.activeIndex);\r\n this.gallerySwiper.activeIndex = this.yearSwiper.activeIndex;\r\n }\r\n slideChangeGallery () {\r\n this.yearSwiper.slideTo(this.gallerySwiper.activeIndex);\r\n this.yearSwiper.activeIndex = this.gallerySwiper.activeIndex;\r\n }\r\n get gallerySwiper () {\r\n return (this as any).$refs.gallerySwiper.swiper;\r\n }\r\n get yearSwiper () {\r\n return (this as any).$refs.yearSwiper.swiper;\r\n }\r\n get yearPerView () {\r\n return this.isMobile ? 5 : 17;\r\n }\r\n get galleryPerView () {\r\n return this.isMobile ? 1 : 3;\r\n }\r\n get id () {\r\n console.log(this.$route.params.id, '当前id');\r\n return this.$route.params.id;\r\n }\r\n get isMobile () {\r\n return this.$store.state.isMobile;\r\n }\r\n stopLoop () {\r\n this.yearSwiper.autoplay.stop();\r\n this.gallerySwiper.autoplay.stop();\r\n }\r\n\r\n mounted () {\r\n this.getCourseContents();\r\n }\r\n @Watch('isMobile', { deep: true })\r\n onMediaChange () {\r\n this.swiperData = {};\r\n this.getCourseContents();\r\n }\r\n}\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsCmsTwoSwiper.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-plugin-typescript/node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsCmsTwoSwiper.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./InsCmsTwoSwiper.vue?vue&type=template&id=7be84654&\"\nimport script from \"./InsCmsTwoSwiper.vue?vue&type=script&lang=ts&\"\nexport * from \"./InsCmsTwoSwiper.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./InsCmsTwoSwiper.vue?vue&type=style&index=0&lang=less&\"\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 null,\n null\n \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsCmsTwoSwiper.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InsCmsTwoSwiper.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}