{"version":3,"sources":["webpack:///./src/views/Ships/ShipExperiencePage.vue?ca11","webpack:///./src/views/Ships/ShipExperiencePage.vue?c6a8","webpack:///src/views/Ships/ShipExperiencePage.vue","webpack:///./src/views/Ships/ShipExperiencePage.vue?c2f5","webpack:///./src/views/Ships/ShipExperiencePage.vue?ff20"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","currentCategory","onCategoryChange","categories","shipExperience","experienceItems","itemViewModel","ships","on","staticRenderFns","component"],"mappings":"yIAAA,yBAAgjB,EAAG,G,2CCAnjB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,mBAAmB,CAACG,MAAM,CAAC,aAAeP,EAAIQ,gBAAgB,iBAAmBR,EAAIS,iBAAiB,WAAaT,EAAIU,cAAcN,EAAG,iBAAiB,CAACE,YAAY,2BAA2BC,MAAM,CAAC,aAAeP,EAAIW,eAAeC,iBAAmB,GAAG,2BAA6BZ,EAAIU,WAAW,eAAiBV,EAAIW,eAAeE,eAAe,GAAG,MAAQb,EAAIc,MAAM,aAAed,EAAIQ,iBAAiBO,GAAG,CAAC,iBAAmBf,EAAIS,oBAAoBL,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,WAAa,MAAM,IAAI,IACjrBS,EAAkB,GCgCtB,G,UAAA,oEACA,0GACA,qEACA,GACE,KAAF,qBACE,WAAF,CACI,eAAJ,EACI,iBAAJ,EACI,YAAJ,GAEE,UAPF,YAOI,IAAJ,UACI,OAAJ,2BACM,OAAN,kCACA,iBACQ,OAER,mBACQ,EAAR,UAIE,KAlBF,WAmBI,MAAJ,CACM,gBAAN,KAGE,YAvBF,WAwBI,OAAJ,yDAEE,cA1BF,WA2BI,OAAJ,4DAEE,QAAF,CACI,iBADJ,SACA,GACM,KAAN,mBAEI,oBAJJ,WAMM,GAAN,0BACQ,IAAR,IACA,oCACQ,GAAR,cAEU,OADA,EAAV,gBACA,GACY,IAAZ,QACc,EAAd,EAAc,MACF,IAAZ,QACc,EAAd,EAAc,MACF,IAAZ,YACc,EAAd,EAAc,MACF,IAAZ,YACc,EAAd,EAAc,MACF,IAAZ,OACc,EAAd,EAAc,MACF,IAAZ,iBACc,EAAd,EAAc,MACF,QACE,MAGd,yBACU,KAAV,4CAEU,KAAV,+CAKE,SAAF,CACI,eADJ,WAEM,OAAN,2CAEI,MAJJ,WAKM,OAAN,+BAEI,WAPJ,WAQM,OAAN,wDAGE,MAAF,CACI,WADJ,SACA,GACA,gBACQ,KAAR,sCCnH2W,I,wBCQvWC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-e8a83da2.070484d2.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipExperiencePage.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/dist/cjs.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipExperiencePage.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"royal-experience-type\"},[_c('ExperienceBanner',{attrs:{\"initCategory\":_vm.currentCategory,\"onCategoryChange\":_vm.onCategoryChange,\"categories\":_vm.categories}}),_c('ShipExperience',{staticClass:\"royal-experience-content\",attrs:{\"productModel\":_vm.shipExperience.experienceItems || [],\"cruiseRoyalExperienceItems\":_vm.categories,\"itemViewModels\":_vm.shipExperience.itemViewModel||[],\"ships\":_vm.ships,\"initCategory\":_vm.currentCategory},on:{\"onCategoryChange\":_vm.onCategoryChange}}),_c('div',{staticClass:\"rcclQN_recommend\"},[_c('PromoCruise',{attrs:{\"cruiseType\":2}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"royal-experience-type\">\r\n\r\n        <ExperienceBanner \r\n            :initCategory=\"currentCategory\"\r\n            :onCategoryChange=\"onCategoryChange\"\r\n            :categories=\"categories\"\r\n        />\r\n\r\n        <ShipExperience \r\n            class=\"royal-experience-content\"\r\n            :productModel=\"shipExperience.experienceItems || []\"\r\n            :cruiseRoyalExperienceItems=\"categories\"\r\n            :itemViewModels=\"shipExperience.itemViewModel||[]\"\r\n            :ships=\"ships\"\r\n            :initCategory=\"currentCategory\"\r\n            v-on:onCategoryChange=\"onCategoryChange\"\r\n        />\r\n\r\n        <div class=\"rcclQN_recommend\">\r\n            <PromoCruise \r\n            :cruiseType='2'/>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ShipExperiencePage\"\r\n}\r\n</script>\r\n\r\n<script>\r\nconst ShipExperience = () => import('@/components/Ship/ShipExperience')\r\nconst ExperienceBanner = () => import('@/components/Ship/ExperienceBanner')\r\nconst PromoCruise = () => import('@/components/Cruise/PromoCruise') \r\nexport default {\r\n    name: \"ShipExperiencePage\",\r\n    components: {\r\n        ShipExperience,\r\n        ExperienceBanner,\r\n        PromoCruise,\r\n    },\r\n    asyncData ({ store }) {\r\n        return new Promise((resolve, reject) => {\r\n            return store.dispatch('GET_SHIP_EXPERIENCE')\r\n            .then(()=> {\r\n                resolve();\r\n            })\r\n            .catch((e)=> {\r\n                reject(e)\r\n            })\r\n        })\r\n    },\r\n    data () {\r\n        return {\r\n            currentCategory: \"\"\r\n        }\r\n    },\r\n     beforeMount () {\r\n        window.addEventListener('hashchange', this.initCurrentCategory)\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener('hashchange', this.initCurrentCategory)\r\n    },\r\n    methods: {\r\n        onCategoryChange (category) {\r\n            this.currentCategory = category\r\n        },\r\n        initCurrentCategory () {\r\n            \r\n            if (this.categories.length > 0) {\r\n                let menuIndex = 0\r\n                let urlHash = this.$router.currentRoute.hash + \"\"\r\n                if (urlHash && urlHash.length > 0) {\r\n                    urlHash = urlHash.toLowerCase()\r\n                    switch (urlHash) {\r\n                        case \"#food\":\r\n                            menuIndex = 0; break;\r\n                        case \"#room\":\r\n                            menuIndex = 1; break;\r\n                        case \"#activity\":\r\n                            menuIndex = 2; break;\r\n                        case \"#shopping\":\r\n                            menuIndex = 3; break;\r\n                        case \"#kid\":\r\n                            menuIndex = 5; break;\r\n                        case \"#entertainment\":\r\n                            menuIndex = 6; break;\r\n                        default:\r\n                            break;\r\n                    }\r\n                }\r\n                if (menuIndex < this.categories.length) {\r\n                    this.currentCategory = this.categories[menuIndex].category\r\n                } else {\r\n                    this.currentCategory = this.categories[0].category\r\n                }\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        shipExperience () {\r\n            return this.$store.state.page.shipExperience || {}\r\n        },\r\n        ships () {\r\n            return this.shipExperience.ships || []\r\n        },\r\n        categories () {\r\n            return this.shipExperience.cruiseRoyalExperienceItemList || []\r\n        }\r\n    },\r\n    watch: {\r\n        categories (newValue) {\r\n            if (newValue && newValue.length > 0) {\r\n                this.currentCategory = newValue[0].category || \"\"\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.royal-experience-type {\r\n    min-width: 1300px;\r\n    .rcclQN__experience {\r\n\r\n        .experienceCon__title {\r\n            display: none;\r\n        }\r\n        .experienceCon__menus {\r\n            background: #f0f0f0;\r\n            margin-top: 0px;\r\n            .experienceCon__mainCon {\r\n                margin: -65px auto 0;\r\n                display: inline-block;\r\n            }\r\n        }\r\n\r\n        .experienceTab--menus {\r\n            width: 100%;\r\n            height: 170px;\r\n            min-width: 1024px;\r\n            background: #f0f0f0;\r\n            margin-top: -90px;\r\n            padding-top: 90px;\r\n        }\r\n\r\n        .experienceCon__imgIntro {\r\n            width: 100%;\r\n            background: #f5f5f5;\r\n            padding-top: 30px;\r\n        }\r\n        \r\n    }\r\n\r\n    .rcclQN_recommend {\r\n        width: 100%;\r\n        margin: 0px;\r\n        padding-top: 20px;\r\n        padding-bottom: 20px;\r\n        background: #f5f5f5;\r\n        .or_line_con {\r\n            width: 1060px;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipExperiencePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShipExperiencePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShipExperiencePage.vue?vue&type=template&id=5c8cb3a9&\"\nimport script from \"./ShipExperiencePage.vue?vue&type=script&lang=js&\"\nexport * from \"./ShipExperiencePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShipExperiencePage.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"],"sourceRoot":""}