(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[57],{ /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Movie/MovieList/index.vue?vue&type=script&lang=js": /*!************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Movie/MovieList/index.vue?vue&type=script&lang=js ***! \************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components_Header__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components/Header */ \"./src/components/Header/index.vue\");\n/* harmony import */ var _components_Loading__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components/Loading */ \"./src/components/Loading/index.vue\");\n/* harmony import */ var _apis_media__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/apis/media */ \"./src/apis/media.js\");\n/* harmony import */ var _utils_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/utils/tools */ \"./src/utils/tools.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_MovieItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/MovieItem */ \"./src/components/MovieItem/index.vue\");\n/* harmony import */ var _components_Advertise__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/Advertise */ \"./src/components/Advertise/index.vue\");\n/* harmony import */ var masonry_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! masonry-layout */ \"./node_modules/masonry-layout/masonry.js\");\n/* harmony import */ var masonry_layout__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(masonry_layout__WEBPACK_IMPORTED_MODULE_7__);\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: 'History',\n components: {\n Header: _components_Header__WEBPACK_IMPORTED_MODULE_0__[\"default\"],\n Loading: _components_Loading__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n MovieItem: _components_MovieItem__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n Advertise: _components_Advertise__WEBPACK_IMPORTED_MODULE_6__[\"default\"]\n },\n data() {\n return {\n title: '',\n queryType: '',\n payType: '',\n categoryId: '',\n page: {\n pageNo: 1,\n pageSize: 10\n },\n isInit: true,\n finished: false,\n dataList: [],\n refreshing: false,\n loading: false,\n scrollTop: 0,\n layout: null\n };\n },\n computed: {\n userInfo() {\n return this.$store.state.userInfo;\n },\n imageBase() {\n return this.$store.state.cdnLine ? this.$store.state.cdnLine.cdnLine : '';\n },\n isApp() {\n return this.$store.state.isApp;\n },\n dataDic() {\n return this.$store.state.dataDic;\n },\n dataDic() {\n return this.$store.state.dataDic;\n },\n bannerList() {\n if (this.$store.state.banner && this.$store.state.banner['movie_list']) {\n return this.$store.state.banner['movie_list'];\n } else {\n return [];\n }\n }\n },\n created() {\n this.init();\n },\n activated() {\n if (!this.$route.query.label) {\n this.$router.go(-1);\n } else {\n if (this.$route.query.categoryId !== this.categoryId) {\n this.init();\n }\n }\n this.$nextTick(() => {\n document.querySelector('.page-content').scrollTop = this.scrollTop;\n });\n },\n beforeRouteLeave(to, from, next) {\n this.scrollTop = document.querySelector('.page-content').scrollTop;\n next();\n },\n updated() {\n const LayoutDom = document.querySelector('.masonry-grid');\n if (LayoutDom) {\n new masonry_layout__WEBPACK_IMPORTED_MODULE_7___default.a(LayoutDom, {\n itemSelector: '.grid-item',\n gutter: '.gutter-size'\n });\n }\n },\n methods: {\n async init() {\n const {\n label,\n queryType,\n payType,\n categoryId,\n layout\n } = this.$route.query;\n this.title = label;\n this.queryType = queryType;\n this.payType = payType;\n this.categoryId = categoryId;\n this.layout = layout ? layout * 1 : null;\n this.isInit = true;\n this.page.pageNo = 1;\n this.dataList = [];\n this.finished = false;\n this.getDataList(null, true);\n },\n onBack() {\n this.$router.go(-1);\n },\n async getDataList(done, isRefresh) {\n let params = {\n ...this.page,\n mediaType: 1,\n orderType: 'SORT_PUBLISH_WEIGHT'\n };\n if (this.queryType) {\n params['orderType'] = this.queryType;\n }\n if (this.payType) {\n params['payType'] = this.payType;\n }\n if (this.categoryId) {\n params['categoryId'] = this.categoryId;\n }\n this.loading = true;\n const res = await Object(_apis_media__WEBPACK_IMPORTED_MODULE_2__[\"listMediaBySearchType\"])(params);\n this.isInit = false;\n this.loading = false;\n if (this.refreshing) {\n this.refreshing = false;\n }\n done && done();\n if (res && res.code === 0) {\n let resultData = res.data.dataList.map(one => {\n if (one.video && one.video.videoCoverImg && one.video.coverHeight) {\n one['coverHeight'] = (one.video.coverHeight / one.video.coverWidth).toFixed(2) * 100 + '%';\n } else if (one.mediaType === 2 || one.mediaType === 21) {\n one['coverHeight'] = '142%';\n } else if (one.mediaType === 1 || one.mediaType === 22) {\n one['coverHeight'] = '67%';\n } else {\n one['coverHeight'] = '100%';\n }\n return one;\n });\n if (this.bannerList.length) {\n resultData = this.insertAd2List(this.dataDic.inADNub || 10, resultData);\n }\n if (isRefresh) {\n this.dataList = resultData;\n } else {\n this.dataList = this.dataList.concat(resultData);\n }\n this.finished = this.page.pageNo * this.page.pageSize > res.data.total;\n }\n },\n /**\n * 每间隔指定长度插入广告\n * @param {number} len\n * @param {array} data\n */\n insertAd2List(len, data) {\n const chunkList = lodash__WEBPACK_IMPORTED_MODULE_4___default.a.chunk(data, len);\n let resultData = [];\n chunkList.forEach(one => {\n const banner = lodash__WEBPACK_IMPORTED_MODULE_4___default.a.sample(this.bannerList);\n one.push({\n type: 'banner',\n data: banner\n });\n resultData = lodash__WEBPACK_IMPORTED_MODULE_4___default.a.concat(resultData, one);\n });\n return resultData;\n },\n onRefresh(done) {\n this.page.pageNo = 1;\n this.getDataList(done, true);\n },\n onLoad(done) {\n this.page.pageNo++;\n this.getDataList(done);\n },\n formatNum(num) {\n return Object(_utils_tools__WEBPACK_IMPORTED_MODULE_3__[\"formatStrNum\"])(num);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/views/Movie/MovieList/index.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"893b761e-vue-loader-template\"}!./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Movie/MovieList/index.vue?vue&type=template&id=294cb8b0&scoped=true": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"893b761e-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Movie/MovieList/index.vue?vue&type=template&id=294cb8b0&scoped=true ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function render() {\n var _vm = this;\n var _h = _vm.$createElement;\n var _c = _vm._self._c || _h;\n return _c(\"div\", {\n staticClass: \"page-container flex-container\"\n }, [_c(\"Header\", {\n attrs: {\n title: _vm.title,\n textColor: \"#fff\"\n },\n on: {\n onClickLeft: _vm.onBack\n }\n }), _c(\"div\", {\n staticClass: \"page-content\"\n }, [_vm.isInit ? _c(\"Loading\") : [_c(\"van-pull-refresh\", {\n on: {\n refresh: _vm.onRefresh\n },\n model: {\n value: _vm.refreshing,\n callback: function ($$v) {\n _vm.refreshing = $$v;\n },\n expression: \"refreshing\"\n }\n }, [!_vm.dataList.length ? _c(\"div\", {\n staticClass: \"empty-box\"\n }, [_c(\"van-empty\", {\n attrs: {\n image: __webpack_require__(/*! @/assets/images/emptyImage.png */ \"./src/assets/images/emptyImage.png\"),\n \"image-size\": \"120\",\n description: \"暂无数据哦~\"\n }\n })], 1) : _c(\"van-list\", {\n staticClass: \"movie-list\",\n attrs: {\n finished: _vm.finished,\n \"finished-text\": \"没有更多了\"\n },\n on: {\n load: _vm.onLoad\n },\n model: {\n value: _vm.loading,\n callback: function ($$v) {\n _vm.loading = $$v;\n },\n expression: \"loading\"\n }\n }, [_c(\"div\", {\n staticClass: \"masonry-grid\"\n }, [_c(\"div\", {\n staticClass: \"gutter-size\"\n }), _vm._l(_vm.dataList, function (data, idx) {\n return _c(\"div\", {\n key: idx,\n staticClass: \"grid-item\"\n }, [data.type === \"banner\" ? _c(\"div\", {\n key: \"banner\" + idx,\n staticClass: \"data-item banner\"\n }, [_c(\"Advertise\", {\n attrs: {\n banner: data.data\n }\n }), _c(\"div\", {\n staticClass: \"banner-title\"\n }, [_vm._v(_vm._s(data.data.bannerName))])], 1) : _c(\"MovieItem\", {\n key: idx,\n attrs: {\n videoInfo: data,\n height: data.coverHeight\n }\n })], 1);\n })], 2)])], 1)]], 2)], 1);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack:///./src/views/Movie/MovieList/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22893b761e-vue-loader-template%22%7D!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js?!./node_modules/less-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Movie/MovieList/index.vue?vue&type=style&index=0&id=294cb8b0&lang=less&scoped=true": /*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src??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??vue-loader-options!./src/views/Movie/MovieList/index.vue?vue&type=style&index=0&id=294cb8b0&lang=less&scoped=true ***! \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".page-content[data-v-294cb8b0] {\\n flex: 1;\\n overflow: auto;\\n padding: 12px 16px;\\n}\\n.masonry-grid .gutter-size[data-v-294cb8b0] {\\n width: 3%;\\n}\\n.masonry-grid .grid-item[data-v-294cb8b0] {\\n width: 48.5%;\\n}\\n.masonry-grid .banner[data-v-294cb8b0] {\\n margin-bottom: 12px;\\n position: relative;\\n overflow: hidden;\\n}\\n.masonry-grid .banner .banner-item[data-v-294cb8b0] {\\n height: 96px;\\n border-radius: 8px;\\n overflow: hidden;\\n position: relative;\\n}\\n.masonry-grid .banner .banner-item img[data-v-294cb8b0] {\\n width: 100%;\\n height: 100%;\\n}\\n.masonry-grid .banner .banner-title[data-v-294cb8b0] {\\n color: #f8f8f8;\\n width: 100%;\\n font-size: 12px;\\n margin: 12px 0 6px;\\n white-space: nowrap;\\n overflow: hidden;\\n text-overflow: ellipsis;\\n}\\n.masonry-grid .large-banner[data-v-294cb8b0] {\\n width: 100%;\\n margin-right: 0;\\n}\\n.masonry-grid .large-banner .banner-item[data-v-294cb8b0] {\\n height: 190px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack:///./src/views/Movie/MovieList/index.vue?./node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src??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??vue-loader-options"); /***/ }), /***/ "./node_modules/vue-style-loader/index.js?!./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js?!./node_modules/less-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Movie/MovieList/index.vue?vue&type=style&index=0&id=294cb8b0&lang=less&scoped=true": /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-style-loader??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/@vue/cli-service/node_modules/postcss-loader/src??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??vue-loader-options!./src/views/Movie/MovieList/index.vue?vue&type=style&index=0&id=294cb8b0&lang=less&scoped=true ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { eval("// style-loader: Adds some css to the DOM by adding a