{"version":3,"sources":["webpack:///./src/views/Ships/ShipExperiencePage.vue","webpack:///src/views/Ships/ShipExperiencePage.vue","webpack:///./src/views/Ships/ShipExperiencePage.vue?f4a7","webpack:///./src/views/Ships/ShipExperiencePage.vue?ff20","webpack:///./src/views/Ships/ShipExperiencePage.vue?829e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","shipExperience","experienceItems","categories","itemViewModel","ships","_m","pcpUrl","_v","staticRenderFns","ShipExperience","RoyalExperienceShips","PromoCruise","name","components","asyncData","store","Promise","resolve","reject","dispatch","then","catch","e","beforeMount","$store","commit","computed","state","page","filter","r","shipCode","cruiseRoyalExperienceItemList","category","process","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,aAAeL,EAAIM,eAAeC,iBAAmB,GAAG,2BAA6BP,EAAIQ,WAAW,eAAiBR,EAAIM,eAAeG,eAAe,GAAG,MAAQT,EAAIU,SAASR,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIW,GAAG,GAAGT,EAAG,uBAAuB,CAACG,MAAM,CAAC,MAAQL,EAAIU,SAASR,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAIW,GAAG,GAAGT,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,IAAI,CAACE,YAAY,WAAWC,MAAM,CAAC,KAAOL,EAAIY,SAAS,CAACV,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,gFAAgF,IAAM,WAAWH,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACJ,EAAIa,GAAG,iBAAiBX,EAAG,cAAc,CAACE,YAAY,uBAAuBC,MAAM,CAAC,WAAa,MAAM,IAAI,MAE93BS,EAAkB,CAAC,WAAY,IAAId,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,mCAAmCF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACJ,EAAIa,GAAG,gBAClP,WAAY,IAAIb,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+BF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIa,GAAG,eCwC9M,MAAAE,MAAA,gDACAC,MAAA,qFACAC,MAAA,gDACe,OACfC,KAAA,qBACAC,WAAA,CACAJ,iBACAE,cACAD,wBAEAI,WAAA,MAAAC,IACA,WAAAC,QAAA,CAAAC,EAAAC,IACAH,EAAAI,SAAA,uBACAC,KAAA,KACAH,MAEAI,MAAAC,IACAJ,EAAAI,OAIAC,cACA,KAAAC,OAAAC,OAAA,4BAEAC,SAAA,CACA1B,iBACA,YAAAwB,OAAAG,MAAAC,KAAA5B,gBAAA,IAEAI,QACA,IAAAA,EAAA,KAAAJ,eAAAI,OAAA,GACA,OAAAA,EAAAyB,OAAAC,KAAAC,WAEA7B,aACA,MAAAA,EAAA,KAAAF,eAAAgC,+BAAA,GAEA,OAAA9B,EAAA2B,OAAAC,GAAA,QAAAA,EAAAG,WAEA3B,SACA,MAAA4B,+BCjF0W,I,wBCQtWC,EAAY,eACd,EACA1C,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,2CCnBf","file":"js/chunk-6abc14ef.698c3240.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipDetail-learnMore-title\"},[_c('div',{staticClass:\"shipDetail-learnMore-titleLine\"}),_c('div',{staticClass:\"shipDetail-learnMore-titleTxt\"},[_vm._v(\"猜您还需要了解\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shipDetail-commonTitle\"},[_c('div',{staticClass:\"shipDetail-commonTitleLine\"}),_c('div',{staticClass:\"shipDetail-commonTxt\"},[_vm._v(\"皇家行前订\")])])\n}]\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=5c1539f6&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=5c1539f6&prod&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  \"5c1539f6\",\n  null\n  \n)\n\nexport default component.exports","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=5c1539f6&prod&lang=less&scoped=true\""],"sourceRoot":""}