{"version":3,"sources":["webpack:///./src/views/Ships/ShipExperiencePage.vue?0e6b","webpack:///./src/views/Ships/ShipExperiencePage.vue?9ede","webpack:///src/views/Ships/ShipExperiencePage.vue","webpack:///./src/views/Ships/ShipExperiencePage.vue?c2f5","webpack:///./src/views/Ships/ShipExperiencePage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","shipExperience","experienceItems","categories","itemViewModel","ships","_m","pcpUrl","_v","staticRenderFns","component"],"mappings":"gHAAA,yBAAwkB,EAAG,G,2CCA3kB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,aAAeP,EAAIQ,eAAeC,iBAAmB,GAAG,2BAA6BT,EAAIU,WAAW,eAAiBV,EAAIQ,eAAeG,eAAe,GAAG,MAAQX,EAAIY,SAASR,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIa,GAAG,GAAGT,EAAG,uBAAuB,CAACG,MAAM,CAAC,MAAQP,EAAIY,SAASR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIa,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,IAAI,CAACE,YAAY,WAAWC,MAAM,CAAC,KAAOP,EAAIc,SAAS,CAACV,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,gFAAgF,IAAM,WAAWH,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACN,EAAIe,GAAG,iBAAiBX,EAAG,cAAc,CAACE,YAAY,uBAAuBC,MAAM,CAAC,WAAa,MAAM,IAAI,MAC35BS,EAAkB,CAAC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,mCAAmCF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACN,EAAIe,GAAG,gBAAgB,WAAa,IAAIf,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+BF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACN,EAAIe,GAAG,eC0CthB,G,oBAAA,oEACA,0GACA,qEACA,GACE,KAAF,qBACE,WAAF,CACI,eAAJ,EACI,YAAJ,EACI,qBAAJ,GAEE,UAPF,YAOI,IAAJ,UACI,OAAJ,2BACM,OAAN,kCACA,iBACQ,OAER,mBACQ,EAAR,UAIE,YAlBF,WAmBI,KAAJ,0CAEE,SAAF,CACI,eADJ,WAEM,OAAN,2CAEI,MAJJ,WAKM,IAAN,gCACM,OAAN,sBAAQ,OAAR,eAEI,WARJ,WASM,IAAN,wDAEM,OAAN,sBAAQ,MAAR,uBAEI,OAbJ,WAcM,MAAN,+BCjF2W,I,wBCQvWE,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-f1df11c2.b6cf6a5a.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&id=236195fe&lang=less&scoped=true&\"; 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&id=236195fe&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail\"},[_c('div',{staticClass:\"shipDetail-container\"},[_c('ShipExperience',{attrs:{\"productModel\":_vm.shipExperience.experienceItems || [],\"cruiseRoyalExperienceItems\":_vm.categories,\"itemViewModels\":_vm.shipExperience.itemViewModel||[],\"ships\":_vm.ships}}),_c('div',{staticClass:\"shipDetail-learnMore\"},[_vm._m(0),_c('RoyalExperienceShips',{attrs:{\"ships\":_vm.ships}}),_c('div',{staticClass:\"shipDetail-pcp\"},[_vm._m(1),_c('div',{staticClass:\"shipDetail-pcpContainer\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":_vm.pcpUrl}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/PCP/PROD/banner/Springdinning-banner-pc.jpg\",\"alt\":\"皇家行前订\"}}),_c('span',{staticClass:\"shipDetail-pcpTxt\"},[_vm._v(\"皇家行前订\")])])])]),_c('PromoCruise',{staticClass:\"shipDetail-hotCruise\",attrs:{\"cruiseType\":2}})],1)],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-learnMore-title\"},[_c('div',{staticClass:\"shipDetail-learnMore-titleLine\"}),_c('div',{staticClass:\"shipDetail-learnMore-titleTxt\"},[_vm._v(\"猜您还需要了解\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shipDetail-commonTitle\"},[_c('div',{staticClass:\"shipDetail-commonTitleLine\"}),_c('div',{staticClass:\"shipDetail-commonTxt\"},[_vm._v(\"皇家行前订\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"shipDetail\">\r\n        <div class=\"shipDetail-container\">\r\n            <ShipExperience \r\n                :productModel=\"shipExperience.experienceItems || []\"\r\n                :cruiseRoyalExperienceItems=\"categories\"\r\n                :itemViewModels=\"shipExperience.itemViewModel||[]\"\r\n                :ships=\"ships\"\r\n            />\r\n\r\n            <div class=\"shipDetail-learnMore\">\r\n                <div class=\"shipDetail-learnMore-title\">\r\n                    <div class=\"shipDetail-learnMore-titleLine\"></div>\r\n                    <div class=\"shipDetail-learnMore-titleTxt\">猜您还需要了解</div>\r\n                </div>\r\n\r\n                <RoyalExperienceShips \r\n                    :ships=\"ships\"\r\n                />\r\n\r\n                <div class=\"shipDetail-pcp\">\r\n                    <div class=\"shipDetail-commonTitle\">\r\n                        <div class=\"shipDetail-commonTitleLine\"></div>\r\n                        <div class=\"shipDetail-commonTxt\">皇家行前订</div>\r\n                    </div>\r\n                    <div class=\"shipDetail-pcpContainer\">\r\n                        <a :href=\"pcpUrl\" class=\"external\">\r\n                            <img src=\"https://resource.rcclchina.com.cn/PCP/PROD/banner/Springdinning-banner-pc.jpg\" alt=\"皇家行前订\">\r\n                            <span class=\"shipDetail-pcpTxt\">皇家行前订</span>\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n\r\n                <PromoCruise class=\"shipDetail-hotCruise\"\r\n                    :cruiseType=\"2\"\r\n                />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst ShipExperience = () => import('@/components/Ship/ShipExperience')\r\nconst RoyalExperienceShips = () => import('@/components/Ship/RoyalExperienceShips')\r\nconst PromoCruise = () => import('@/components/Cruise/PromoCruise') \r\nexport default {\r\n    name: \"ShipExperiencePage\",\r\n    components: {\r\n        ShipExperience,\r\n        PromoCruise,\r\n        RoyalExperienceShips\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    beforeMount () {\r\n        this.$store.commit('SET_PAGE_TITLE', '皇家游轮体验')\r\n    },\r\n    computed: {\r\n        shipExperience () {\r\n            return this.$store.state.page.shipExperience || {}\r\n        },\r\n        ships () {\r\n            let ships = this.shipExperience.ships || []\r\n            return ships.filter(r=>r.shipCode)\r\n        },\r\n        categories () {\r\n            const categories = this.shipExperience.cruiseRoyalExperienceItemList || []\r\n            // 超凡科技不显示\r\n            return categories.filter(r=>r.category != '超凡科技')\r\n        },\r\n        pcpUrl () {\r\n            return process.env.VUE_APP_PCP_URL\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.shipDetail {\r\n    padding-bottom: 88px;\r\n    .shipDetail-container {\r\n        background-color: #f2f2f2;\r\n    }\r\n    .shipDetail-learnMore {\r\n        background-color: #f2f2f2;\r\n        .shipDetail-learnMore-title {\r\n            padding: 14px 0;\r\n            position: relative;\r\n            background-color: #f2f2f2;\r\n            .shipDetail-learnMore-titleLine {\r\n                height: 1px;\r\n                background-color: #808080;\r\n                margin-left: 17.2%;\r\n                margin-right: 17.2%;\r\n            }\r\n            .shipDetail-learnMore-titleTxt {\r\n                width: 100px;\r\n                position: absolute;\r\n                top: 6px;\r\n                left: 50%;\r\n                margin-left: -50px;\r\n                padding: 0 1.867%;\r\n                background-color: #f2f2f2;\r\n                text-align: center;\r\n                color: #808080;\r\n                font-size: 11px;\r\n            }\r\n        }\r\n        .shipDetail-hotCruise {\r\n            margin-top: 9px;\r\n        }\r\n\r\n        .shipDetail-pcp {\r\n            width: 100%;\r\n            background-color: #fff;\r\n            margin-top: 13px;\r\n            padding: 0 3.2% 10px 3.2%;\r\n            .shipDetail-commonTitle {\r\n                padding: 27px 0;\r\n                position: relative;\r\n                .shipDetail-commonTitleLine {\r\n                    height: 1px;\r\n                    background-color: #fecc46;\r\n                }\r\n                .shipDetail-commonTxt {\r\n                    width: 80px;\r\n                    position: absolute;\r\n                    top: 18px;\r\n                    left: 50%;\r\n                    margin-left: -40px;\r\n                    padding: 0 1.867%;\r\n                    background-color: #fff;\r\n                    text-align: center;\r\n                    color: #061556;\r\n                    font-size: 13px;\r\n                }\r\n            }\r\n            img {\r\n                width: 100%;\r\n                display: block;\r\n            }\r\n            .shipDetail-pcpTxt {\r\n                background-color: #febd11;\r\n                width: 100%;\r\n                height: 35px;\r\n                text-align: center;\r\n                line-height: 35px;\r\n                color: #fff;\r\n                font-size: 13px;\r\n                display: inline-block;\r\n            }\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=236195fe&scoped=true&\"\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&id=236195fe&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  \"236195fe\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}