{"version":3,"sources":["webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailRoute.vue?0d59","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailRoute.vue?ea63","webpack:///src/components/Cruise/CruiseDetail/CruiseDetailRoute.vue","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailRoute.vue?fa8e","webpack:///./src/components/Cruise/CruiseDetail/CruiseDetailRoute.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","class","isLeftFixed","style","_m","staticStyle","on","showRoutePopup","_v","_l","port","i","key","currentRouteIndex","$event","onLeftMenuClick","_s","refInFor","getTitle","getDescriptionTitle","domProps","getDescription","ports","length","code","indexOf","showShorexPopup","_e","getPortImages","sailDate","isShowRoutePopup","closeRoutePopup","isShowShorexPopup","shorexInfo","closeShorexPopup","staticRenderFns","freeShorex","data","payShorex","component"],"mappings":"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","file":"js/chunk-49e21386.112fbed6.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!./CruiseDetailRoute.vue?vue&type=style&index=0&id=a49de706&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!./CruiseDetailRoute.vue?vue&type=style&index=0&id=a49de706&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"part4\",staticClass:\"part4\",attrs:{\"id\":\"part4\"}},[_c('div',{staticClass:\"part4_bd\"},[_c('div',{staticClass:\"part_section\",attrs:{\"id\":\"section2\"}}),_c('div',{staticClass:\"css_left_routeItinerarie\",class:{'css_left_absolute': !_vm.isLeftFixed, 'css_left_fixed': _vm.isLeftFixed},style:(_vm.leftMenuPosition)},[_vm._m(0),_c('div',{staticClass:\"bd_fix_nav\"},[_c('a',{staticClass:\"over_view cursor-pointer\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":_vm.showRoutePopup}},[_vm._v(\"概览\")]),_c('ul',_vm._l((_vm.ports),function(port,i){return _c('li',{key:('port_overview_'+i),class:{'cur': _vm.currentRouteIndex == i},on:{\"click\":function($event){return _vm.onLeftMenuClick(i)}}},[_c('a',[_vm._v(\"第\"+_vm._s(i+1)+\"天\")])])}),0)])]),_c('div',{staticClass:\"part4_bd_main\"},[_c('ul',_vm._l((_vm.ports),function(port,i){return _c('li',{key:('ports_'+i)},[_c('div',{ref:('routeItineraries_'+i),refInFor:true,staticClass:\"list_box routeItineraries\"},[_c('div',{staticClass:\"list_hd\"},[_c('span',{staticClass:\"day_title\"},[_vm._v(\"D\"+_vm._s(i+1))]),_vm._v(\" \"+_vm._s(_vm.getTitle(port))+\" \")]),(i%2==0)?_c('div',{staticClass:\"list_bd\"},[_c('div',{staticClass:\"list_text\"},[_c('div',{staticClass:\"list_text_box\"},[_c('dl',[_c('dt',[_vm._v(_vm._s(_vm.getDescriptionTitle(port, i)))]),_c('dd',{domProps:{\"innerHTML\":_vm._s(_vm.getDescription(port))}}),_c('dd',[(i!=0&&i!=_vm.ports.length-1&&port.code.indexOf('CRU')<0)?_c('a',{staticClass:\"pop-modal\",on:{\"click\":function($event){return _vm.showShorexPopup(port)}}},[_vm._v(\" 岸上观光服务 \")]):_vm._e()])])])]),_c('div',{staticClass:\"list_img\"},[_c('BannerKV',{attrs:{\"banners\":_vm.getPortImages(port)}})],1)]):_c('div',{staticClass:\"list_bd\"},[_c('div',{staticClass:\"list_img\"},[_c('BannerKV',{attrs:{\"banners\":_vm.getPortImages(port)}})],1),_c('div',{staticClass:\"list_text\"},[_c('div',{staticClass:\"list_text_box\"},[_c('dl',[_c('dt',[_vm._v(_vm._s(_vm.getDescriptionTitle(port, i)))]),_c('dd',{domProps:{\"innerHTML\":_vm._s(_vm.getDescription(port))}}),(i!=0&&i!=_vm.ports.length-1&&port.code.indexOf('CRU')<0)?_c('dd',[_c('a',{staticClass:\"pop-modal\",on:{\"click\":function($event){return _vm.showShorexPopup(port)}}},[_vm._v(\" 岸上观光服务 \")])]):_vm._e()])])])]),_vm._m(1,true)])])}),0)])]),_c('CruiseDetailRoutePopup',{attrs:{\"ports\":_vm.ports,\"sailDate\":_vm.sailDate,\"isShow\":_vm.isShowRoutePopup},on:{\"onModalClose\":_vm.closeRoutePopup}}),_c('CruiseDetailShorexPopup',{attrs:{\"isShow\":_vm.isShowShorexPopup,\"shorexInfo\":_vm.shorexInfo},on:{\"onModalClose\":_vm.closeShorexPopup}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"blur_bd_title\"},[_vm._v(\"行程\"),_c('br'),_vm._v(\"详情\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"list_border\"},[_c('i',{staticClass:\"detail_ico_40 title_logo\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"part4\" id=\"part4\" ref=\"part4\">\r\n        <div class=\"part4_bd\">\r\n            <div class=\"part_section\" id=\"section2\"></div>\r\n            <div class=\"css_left_routeItinerarie\" :class=\"{'css_left_absolute': !isLeftFixed, 'css_left_fixed': isLeftFixed}\"\r\n            :style=\"leftMenuPosition\">\r\n                <!---由于该标题字数不统一 需要手动在需要折行得地方加<br/>--->\r\n                <div class=\"blur_bd_title\">行程<br>详情</div>\r\n                <!-- <div class=\"bd_title\">可选付<br/>费服务</div> -->\r\n                <div class=\"bd_fix_nav\">\r\n                    <a class=\"over_view cursor-pointer\" style=\"cursor:pointer;\" @click=\"showRoutePopup\">概览</a>\r\n                    <ul>\r\n                        <li v-for=\"(port, i) in ports\" :key=\"('port_overview_'+i)\" :class=\"{'cur': currentRouteIndex == i}\"\r\n                        @click=\"onLeftMenuClick(i)\">\r\n                            <a>第{{i+1}}天</a>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"part4_bd_main\">\r\n                <ul>\r\n                    <li v-for=\"(port, i) in ports\" :key=\"('ports_'+i)\">\r\n                        <div class=\"list_box routeItineraries\" :ref=\"('routeItineraries_'+i)\">\r\n                            <div class=\"list_hd\">\r\n                                <span class=\"day_title\">D{{i+1}}</span>\r\n                                {{getTitle(port)}}\r\n                            </div>\r\n\r\n                            <div class=\"list_bd\" v-if=\"i%2==0\">\r\n                                <div class=\"list_text\">\r\n                                    <div class=\"list_text_box\">\r\n                                        <dl>\r\n                                            <dt>{{getDescriptionTitle(port, i)}}</dt>\r\n                                            <dd v-html=\"getDescription(port)\">\r\n                                            </dd>\r\n                                            <dd>\r\n                                                <a class=\"pop-modal\" v-if=\"i!=0&&i!=ports.length-1&&port.code.indexOf('CRU')<0\"\r\n                                                @click=\"showShorexPopup(port)\">\r\n                                                    岸上观光服务\r\n                                                </a>\r\n                                            </dd>\r\n                                        </dl>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"list_img\">\r\n                                    <BannerKV \r\n                                        :banners=\"getPortImages(port)\"\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"list_bd\" v-else>\r\n                                <div class=\"list_img\">\r\n                                    <BannerKV \r\n                                        :banners=\"getPortImages(port)\"\r\n                                    />\r\n                                </div>\r\n                                <div class=\"list_text\">\r\n                                    <div class=\"list_text_box\">\r\n                                        <dl>\r\n                                            <dt>{{getDescriptionTitle(port, i)}}</dt>\r\n                                            <dd v-html=\"getDescription(port)\">\r\n                                            </dd>\r\n                                            <dd v-if=\"i!=0&&i!=ports.length-1&&port.code.indexOf('CRU')<0\">\r\n                                                <a class=\"pop-modal\" @click=\"showShorexPopup(port)\">\r\n                                                    岸上观光服务\r\n                                                </a>\r\n                                            </dd>\r\n                                        </dl>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"list_border\">\r\n                                <i class=\"detail_ico_40 title_logo\"></i>\r\n                            </div>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n\r\n        <CruiseDetailRoutePopup \r\n            :ports=\"ports\"\r\n            :sailDate=\"sailDate\"\r\n            :isShow=\"isShowRoutePopup\"\r\n            v-on:onModalClose=\"closeRoutePopup\"\r\n        />\r\n\r\n        <CruiseDetailShorexPopup \r\n            :isShow=\"isShowShorexPopup\"\r\n            v-on:onModalClose=\"closeShorexPopup\"\r\n            :shorexInfo=\"shorexInfo\"\r\n        />\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nconst BannerKV = () => import('@/components/BannerKV.vue')\r\nconst CruiseDetailRoutePopup = () => import('@/components/Cruise/CruiseDetail/CruiseDetailRoutePopup.vue')\r\nconst CruiseDetailShorexPopup = () => import('@/components/Cruise/CruiseDetail/CruiseDetailShorexPopup.vue')\r\n\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"CruiseDetailRoute\",\r\n    components: {\r\n        BannerKV,\r\n        CruiseDetailRoutePopup,\r\n        CruiseDetailShorexPopup\r\n    },\r\n    props: {\r\n        ports: {\r\n            type: Array\r\n        },\r\n        shipCode: {\r\n            type: String\r\n        },\r\n        sailDate: {\r\n            type: String\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isLeftFixed: false,\r\n            currentRouteIndex: 0,\r\n            isShowRoutePopup: false,\r\n            isShowShorexPopup: false,\r\n            shorexInfo: {},\r\n            leftMenuPosition: {}\r\n        }\r\n    },\r\n    beforeMount () {\r\n        const self = this\r\n        window.addEventListener('scroll', () => {\r\n            self.leftMenuScrollHandler(window.scrollY)\r\n            self.routeEventHandler(window.scrollY)\r\n        })\r\n        window.addEventListener('resize', this.calLeftMenuPos)\r\n        this.calLeftMenuPos()\r\n    },\r\n    beforeDestroy () {\r\n        window.removeEventListener('scroll', this.leftMenuScrollHandler)\r\n        window.removeEventListener('scroll', this.routeEventHandler)\r\n        window.removeEventListener('resize', this.calLeftMenuPos)\r\n    },\r\n    methods: {\r\n        calLeftMenuPos () {\r\n            const part4 = this.$refs.part4\r\n            let left = 0\r\n            if (part4) {\r\n                left = this.$refs.part4.offsetLeft\r\n            }\r\n            this.leftMenuPosition = this.isLeftFixed ? { 'left': left + 'px'} : { 'left': '0px'}\r\n        },\r\n        getTitle (routeEvent) {\r\n            const code = routeEvent.code\r\n            const portDay = routeEvent.portDay\r\n            if (code && code.indexOf(\"CRU\") >= 0) {\r\n                return portDay + \"  海上巡航\"\r\n            }\r\n            let title = portDay + \"  \" + routeEvent.countryName\r\n            if (routeEvent.activity == \"EMBARK\" || routeEvent.activity == \"DEBARK\") {\r\n                switch (code) {\r\n                    case \"BAO\": title += \"·上海\"; break;\r\n                    case \"TSN\": title += \"·天津\"; break;\r\n                    case \"HKG\": title += \"·香港\"; break;\r\n                    case \"SZX\": title += \"·深圳\"; break;\r\n                }\r\n            } else {\r\n                title += \"·\" + routeEvent.name\r\n            }\r\n            let arrivalTime = routeEvent.arrivalTime\r\n            if (arrivalTime && arrivalTime.length > 0) {\r\n                if (arrivalTime.length > 5) {\r\n                    arrivalTime = arrivalTime.substring(0, 5)\r\n                }\r\n                title += \"  抵港 \" + arrivalTime\r\n            }\r\n\r\n            let departureTime = routeEvent.departureTime\r\n            if (departureTime && departureTime.length > 0) {\r\n                if (departureTime.length > 5) {\r\n                    departureTime = departureTime.substring(0, 5)\r\n                }\r\n                title += \"  起航 \" + departureTime\r\n            }\r\n\r\n            return title\r\n\r\n        },\r\n        getDescriptionTitle (routeEvent, i) {\r\n            if (i == 0) {\r\n                return \"出发港介绍\"\r\n            } else if (routeEvent.code.indexOf(\"CRU\") < 0) {\r\n                return \"目的港介绍\"\r\n            }\r\n            return \"\"\r\n        },\r\n        getDescription (routeEvent) {\r\n            let description = routeEvent.description\r\n            //let link = \"\"\r\n            if (routeEvent.activity == \"EMBARK\" || routeEvent.activity == \"DEBARK\") {\r\n                \r\n                // if (routeEvent.activity == 'EMBARK') {\r\n                //     description += `<p>办理登船时间: ${this.boardingTime}</p>`\r\n                // }\r\n                // if (routeEvent.code.indexOf('HKG') == 0) {\r\n                //     link = \"https://resource.rcclchina.com.cn/PDF/%E7%9A%87%E5%AE%B6%E9%81%8A%E8%BC%AA%E5%81%87%E6%9C%9F-%E6%B5%B7%E6%B4%8B%E5%85%89%E8%AD%9C%E8%99%9F%E9%A6%99%E6%B8%AF%E8%88%AA%E6%AC%A1%20%EF%BC%88CH%20%20EN%EF%BC%89-1.pdf\"\r\n                // }\r\n                // else if (this.shipCode == 'SC') {\r\n                //     link = \"https://www.rcclchina.com.cn/media/default/images/Royal_Cruise_Vacation-SC.pdf\"\r\n                // } else if (this.shipCode == 'QN') {\r\n                //     link = \"https://www.rcclchina.com.cn/media/default/images/Royal_Cruise_Vacation-QN.pdf\"\r\n                // }\r\n                // if (link.length > 0) {\r\n                //     description += `<p>\r\n                //         <span>您可能还需要了解：<a href='${link}' target='_blank'>行前准备和登船离船</a></span>\r\n                //     </p>`\r\n                // }\r\n            }\r\n            return description\r\n        },\r\n        getPortImages(routeEvent) {\r\n            let portImages = []\r\n            if (!routeEvent || !routeEvent.images) return portImages\r\n            routeEvent.images.forEach(image=> {\r\n                portImages.push({\r\n                    image: image\r\n                })\r\n            })\r\n            return portImages\r\n        },\r\n        leftMenuScrollHandler (scrollTop) {\r\n            if (this.shouldLeftMenuFixed(scrollTop)) {\r\n                this.isLeftFixed = true\r\n            } else {\r\n                this.isLeftFixed = false\r\n            }\r\n        },\r\n        shouldLeftMenuFixed (scrollTop) {\r\n            const part4 = this.$refs.part4\r\n            if (part4) {\r\n                return (part4.offsetTop+135) <= scrollTop && (part4.offsetTop+part4.offsetHeight+450 - scrollTop > window.outerHeight)\r\n            }\r\n            return false\r\n        },\r\n        routeEventHandler (scrollTop) {\r\n            let routeTop = []\r\n            for (let i = 0; i < this.ports.length; i++) {\r\n                const route = this.$refs['routeItineraries_'+i]\r\n                if (route && route[0]) {\r\n                    routeTop.push(route[0].getBoundingClientRect().top + scrollTop + 50)\r\n                }\r\n            }\r\n            if (routeTop < this.ports.length) return\r\n            for (let i = 0; i < routeTop.length; i++) {\r\n                const currentTop = routeTop[i];\r\n                let preTop = 0;\r\n                if (i > 0) {\r\n                    preTop = routeTop[i - 1];\r\n                }\r\n                if (preTop < scrollTop && currentTop > scrollTop) {\r\n                    this.currentRouteIndex = i\r\n                    break;\r\n                }\r\n            }\r\n        },\r\n        onLeftMenuClick (i) {\r\n            const route = this.$refs['routeItineraries_'+i]\r\n            if (route) {\r\n                const scroll = route[0].getBoundingClientRect().top + window.scrollY - 100\r\n                 window.scroll({\r\n                    top: scroll, \r\n                    behavior: 'smooth'\r\n                })\r\n            }\r\n        },\r\n        showRoutePopup () {\r\n            this.isShowRoutePopup = true\r\n        },\r\n        closeRoutePopup () {\r\n            this.isShowRoutePopup = false\r\n        },\r\n        async showShorexPopup (routeEvent) {\r\n            this.$loading.show()\r\n            const { success, data, errMsg } = await api.cruise.getShorexByCity({\r\n                cityName: routeEvent.name,\r\n                shipCode: this.shipCode,\r\n                sailDate: this.sailDate\r\n            })\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                if (errMsg && errMsg.length > 0) {\r\n                    this.$alert.show(errMsg)\r\n                }\r\n            }\r\n            else {\r\n                this.shorexInfo = {\r\n                    freeShorex: data.freeShorex,\r\n                    payShorex: data.payShorex\r\n                }\r\n                this.isShowShorexPopup = true\r\n            }\r\n        },\r\n        closeShorexPopup () {\r\n            this.isShowShorexPopup = false\r\n        }\r\n    },\r\n    computed: {\r\n        boardingTime() {\r\n            return '11:30-15:00'\r\n        }\r\n    },\r\n    watch: {\r\n        isLeftFixed () {\r\n            this.calLeftMenuPos()\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.part4 {\r\n    border-bottom: 15px #f5f5f5 solid;\r\n    position: relative;\r\n    .part4_bd {\r\n        background: #fff;\r\n        padding: 16px 20px 20px 100px;\r\n        position: relative;\r\n        min-height: 500px;\r\n    }\r\n    .css_left_routeItinerarie {\r\n        position: absolute;\r\n        left: 0px;\r\n        top: 100px;\r\n        width: 78px;\r\n        .blur_bd_title {\r\n            position: absolute;\r\n            top: 16px;\r\n            left: -5px;\r\n            width: 82px;\r\n            padding: 10px 0px 20px;\r\n            background: url(https://resource.rcclchina.com.cn/tui2/detail/part4_title_bj.png) no-repeat center;\r\n            text-align: center;\r\n            line-height: 78px;\r\n            font-size: 20px;\r\n            color: #fff;\r\n            line-height: 1.2;\r\n        }\r\n        .bd_fix_nav {\r\n            position: absolute;\r\n            top: 100px;\r\n            left: 0;\r\n            border-right: 1px solid #d3dadd;\r\n            text-align: center;\r\n            .over_view {\r\n                display: block;\r\n                line-height: 40px;\r\n                color: #006ab9;\r\n                padding: 0 10px 0px 20px;\r\n            }\r\n            li {\r\n                line-height: 40px;\r\n                color: #747d80;\r\n                padding: 0 10px 0px 20px;\r\n                cursor: pointer;\r\n                a {\r\n                    color: black;\r\n                    display: block;\r\n                    &:hover{\r\n                        text-decoration: none;\r\n                        color: #0d72bd;\r\n                    }\r\n                }\r\n            }\r\n            li.cur {\r\n                background: #e7f5ff;\r\n                border-left: 3px solid #006ab9;\r\n            }\r\n        }\r\n    }\r\n    .css_left_fixed {\r\n        position: fixed;\r\n        top: 36px;\r\n    }\r\n    .css_left_absolute {\r\n        position: absolute;\r\n    }\r\n    .part4_bd_main {\r\n        .list_box {\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n            .route_archor {\r\n                position: absolute;\r\n                top: -100px;\r\n            }\r\n            .list_hd {\r\n                line-height: 50px;\r\n                font-size: 20px;\r\n                margin-bottom: 15px;\r\n                font-weight: 400;\r\n                .day_title {\r\n                    width: 50px;\r\n                    height: 50px;\r\n                    background: #fbc500;\r\n                    color: #fff;\r\n                    text-align: center;\r\n                    display: inline-block;\r\n                    border-radius: 50%;\r\n                    margin: 0 13px 0 10px;\r\n                }\r\n            }\r\n            .list_bd {\r\n                background: #f5f5f5;\r\n                margin-left: 70px;\r\n                font-size: 0;\r\n                width: 925px;\r\n                .list_text {\r\n                    width: 50%;\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    min-height: 200px;\r\n                    .list_text_box {\r\n                        padding: 30px;\r\n                        dl {\r\n                            margin: 0;\r\n                            dt {\r\n                                font-size: 16px;\r\n                                color: #282b2c;\r\n                                font-weight: normal;\r\n                            }\r\n                            dd {\r\n                                color: #747d80;\r\n                                border-left: 1px solid #d3dadd;\r\n                                padding: 0px 0 10px 0px;\r\n                                margin: 2px 0 2px 0px;\r\n                                min-height: 50px;\r\n                                font-size: 14px;\r\n                                a{\r\n                                    cursor: pointer;\r\n                                }\r\n                            }\r\n                        }\r\n                        dl:last-child dd {\r\n                            border: none;\r\n                        }\r\n                        \r\n                    }\r\n                }\r\n                .list_img {\r\n                    width: 50%;\r\n                    display: inline-block;\r\n                    vertical-align: middle;\r\n                    img {\r\n                        width: 100%;\r\n                    }\r\n                }\r\n            }\r\n            .list_border {\r\n                width: 100%;\r\n                text-align: center;\r\n                border-bottom: 1px solid #d3dadd;\r\n                margin: 20px 0px 30px;\r\n                .detail_ico_40 {\r\n                    background-color: #fff;\r\n                    margin-bottom: -20px;\r\n                }\r\n            }\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!./CruiseDetailRoute.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!./CruiseDetailRoute.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CruiseDetailRoute.vue?vue&type=template&id=a49de706&scoped=true&\"\nimport script from \"./CruiseDetailRoute.vue?vue&type=script&lang=js&\"\nexport * from \"./CruiseDetailRoute.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CruiseDetailRoute.vue?vue&type=style&index=0&id=a49de706&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  \"a49de706\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}