{"version":3,"sources":["webpack:///./src/assets/writeIconpng.png","webpack:///./src/components/Review/TravelNoteDetailSlideTop.vue?144e","webpack:///./src/views/Review/TravelNoteDetail.vue","webpack:///./src/components/Review/TravelNoteDetailBanner.vue","webpack:///src/components/Review/TravelNoteDetailBanner.vue","webpack:///./src/components/Review/TravelNoteDetailBanner.vue?2100","webpack:///./src/components/Review/TravelNoteDetailBanner.vue?e7bb","webpack:///./src/components/Review/TravelNoteDetailSlideTop.vue","webpack:///src/components/Review/TravelNoteDetailSlideTop.vue","webpack:///./src/components/Review/TravelNoteDetailSlideTop.vue?db7e","webpack:///./src/components/Review/TravelNoteDetailSlideTop.vue?2848","webpack:///./src/components/Review/TravelNoteDetailSlideFixed.vue","webpack:///src/components/Review/TravelNoteDetailSlideFixed.vue","webpack:///./src/components/Review/TravelNoteDetailSlideFixed.vue?fe3f","webpack:///./src/components/Review/TravelNoteDetailSlideFixed.vue?7a66","webpack:///src/views/Review/TravelNoteDetail.vue","webpack:///./src/views/Review/TravelNoteDetail.vue?3b95","webpack:///./src/views/Review/TravelNoteDetail.vue?917f","webpack:///./src/components/Review/TravelNoteDetailSlideFixed.vue?01be","webpack:///./src/views/Review/TravelNoteDetail.vue?da3c","webpack:///./src/components/Review/TravelNoteDetailBanner.vue?e0ab"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","bannerList","_v","_s","articlePartView","title","authorHeadImg","author","on","upVote","require","score","updatedTime","shipLink","shipName","sailDate","sailDays","sailNights","route","_l","tags","item","index","key","_m","groups","activeDay","slideTo","domProps","beforeText","reviewDaily","day","class","dayTitle","content","preArticlePartView","interceptText","countryName","orderBy","offset","id","_e","nextArticlePartView","shareArticle","$event","toSimilar","isFixed","shareActive","currentStatus","isShowCamera","shareText","shareUrl","shareImage","goTop","staticRenderFns","directives","name","rawName","value","swiperOptions","expression","arg","imgUrl","length","swiper","directive","props","type","Array","default","data","loop","pagination","el","methods","component","dataList","subItem","staticStyle","Number","navigation","nextEl","prevEl","disabledClass","activeIndex","watch","newVal","active","Math","floor","mySwiper","slideNext","slidePrev","$emit","fixedActive","Boolean","components","TravelNoteDetailBanner","PromoCruise","Share","TravelNoteDetailSlideTop","TravelNoteDetailSlideFixed","userToken","detail","travelId","headImg","dayItemTops","beforeMount","console","log","$store","commit","showPage","mounted","document","querySelector","addEventListener","handleScroll","window","location","href","destroyed","removeEventListener","str","interceptChar","$loading","show","initPage","hide","state","user","params","$route","parseInt","getTravelNoteDetail","banners","split","reviewDailyTripPartRecordApiViewModels","setGroup","wechatHelper","isWeixinBrowser","setTimeout","wechatShareConfig","success","errMsg","api","review","$dom","scrollTop","$swiperDom","swiperTop","offsetTop","getOffsetTop","top","map","element","list","num","result","i","len","push","slice","$ele","shift","pop","$router","toString","find","test","navigator","userAgent","$shareTip","open","encodeURIComponent","upvote","userId","userReviewToken","articalId","$alert","computed"],"mappings":"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","file":"js/chunk-16231abd.1cba09ac.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAxCAYAAAChzEtEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRCQThGOEYzNUNCODExRTg4MzgxQzY3OUI0QUU3MzAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRCQThGOEY0NUNCODExRTg4MzgxQzY3OUI0QUU3MzAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEJBOEY4RjE1Q0I4MTFFODgzODFDNjc5QjRBRTczMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEJBOEY4RjI1Q0I4MTFFODgzODFDNjc5QjRBRTczMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tDZDBAAAD60lEQVR42tSZfWhNYRzHz73zNrGtmFiNLP6QSDZTFmYUyjszbC00JKuNlJcpY0RelzFjIbSRVpI/FpK2vPyxG1pmRKG8TZmX1DXG9f21763Tcc7ZPee+/+rTvfc5zzn7nufl9/LM4fF4FF8sLS1NiQAb1EOJHpsEEpxRInYOqAEfIl3wYHAIXAdvwKNIWxKipxOkgB1gCejPawe8HcJt8WARWAocYBaoBDNVfd6CG+EW3BcUgfUgmW3tIEcjVuwI+BNOwYs5xSma9l7glKbtHTihXjOhtFhwEGwwuN5P8/s7l8qvcAgeCa6AcRbuKQf31Q2hcmsZwGVRrNgacA8MCaXgyaARxJn0+endVBoToU9AR6gEjwa3uvk7MvKf6dK0dg6so/cIumDxr3dAb4Pr4lsrqCFJR4tEtgLtTcEUfA0kGlyTUd8KJoDxBqO7APzVC4XBsO1gqsG1Y6CaycxYgz4bwWOj2B1oGwX2GlwrBqdBMxhhMjPlZslGoO2iQXseR/U1GGbQ5xUDhRIqwfkgVac9h0Gj2USs2Dx1VOtWMMug6WA/6GOwGdTmoA9dCNp4n9ZyKfY2GGPyrGz6XMXKCC8Dl0ADeMBkxMxiKFgoVEckmrilWnAWZJk8R3LfOl8TZrWVgRcg0+JSEF+7RdO2C5wBm8Aqk3srTTbp/4K5DI5KgUe/12pj7a7U+FyZpVLmtYdN7qs2ydx0zUkHXcxo85tr16oVqb7LC68AA+mi9OwHKAFr7dRQV7nOcn1Z9Do2jb5X4QzN4PdGTViu48i38aXa7RZ9ik6WbzUF9Jqs1fec6lGafkOlTOdmtm1Ojkq8zfsTuKTEboILdPwFOn3TGTz8Lqv9SYLmsuzx1mmJnHattbLYbPBXsL/ZWjY/N3Mj1es8s4LRz2+x/oZmKdNngy90XSWasPyQ3uNuIGO/PyM8hS+8mvnBHra7GTQmspLIjxTBOSzDm8AzttUyxy3lkdN8cD4SBDs4chXMEZr4Kb78paqfm8EooIdvdmwbX/Y417BRDuzRK3NCLdjBZGU3+BjqMy47S6KUFe9OJQxmVbCc1S5nwq5Eg+BCJjGuaBCcxTBcpoTRrAh2M7lxh1OwFS/RwkChRJJg+d1h0NeOWJmNGJfLFbQlIVVySgAHJDnQZx/ah8n/HU6Cy/QEsT6cTRiNbBJrxfJgCO7kZxX4Sk+Q6UdYdfKsYp/SdTAYUMHeh3tNKt0BYDgTF4/FZ6ZzadVzpgJqjtTUVKliP7EW++bDaY+RyUtnMLDUYKPlBctLZLF8eap0HcTF2HxWJ8v6KquHI1YFt7B6kCIyzmb+KhuzJ3jOEj9o9k+AAQDMHsXQpmm0/AAAAABJRU5ErkJggg==\"","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!./TravelNoteDetailSlideTop.vue?vue&type=style&index=0&id=56f4c4d6&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page noScroll\"},[_c('div',{staticClass:\"page-content infinite-scroll noScroll\"},[_c('div',{staticClass:\"travelDetail-banner scroll-container\"},[_c('TravelNoteDetailBanner',{attrs:{\"bannerList\":_vm.bannerList}}),_c('div',{staticClass:\"travelDetail-bannerTxt\"},[_vm._v(_vm._s(_vm.articlePartView.title))])],1),_c('div',{staticClass:\"travelDetail-info scroll-container\"},[_c('div',{staticClass:\"travelDetail-infoTop\"},[_c('div',{staticClass:\"travelDetail-infoTopL\"},[_c('img',{attrs:{\"src\":_vm.articlePartView.authorHeadImg ? _vm.articlePartView.authorHeadImg : _vm.authorHeadImg}}),_c('span',[_vm._v(_vm._s(_vm.articlePartView.author))])]),_c('div',{staticClass:\"travelDetail-infoTopR praiseNoteBtn\",on:{\"click\":_vm.upVote}},[_c('img',{attrs:{\"src\":require(\"../../assets/review-like.png\")}}),_c('span',{staticClass:\"praiseNumber\"},[_vm._v(_vm._s(_vm.articlePartView.score))])])]),_c('div',{staticClass:\"travelDetail-infoMain\"},[_c('div',{staticClass:\"travelDetail-itemOverFloat\"},[_c('div',{staticClass:\"travelDetail-itemLeft\"},[_vm._v(\"发布时间:\"+_vm._s(_vm.articlePartView.updatedTime))]),_c('div',{staticClass:\"travelDetail-itemRight\"},[_vm._v(\"乘坐游轮: \"),(_vm.articlePartView.shipLink)?_c('a',{staticClass:\"external\",attrs:{\"href\":_vm.articlePartView.shipLink}},[_vm._v(_vm._s(_vm.articlePartView.shipName))]):_c('span',[_vm._v(_vm._s(_vm.articlePartView.shipName))])])]),_c('div',{staticClass:\"travelDetail-itemOverFloat\"},[_c('div',{staticClass:\"travelDetail-itemLeft\"},[_vm._v(\"出行时间:\"+_vm._s(_vm.articlePartView.sailDate))]),_c('div',{staticClass:\"travelDetail-itemRight\"},[_vm._v(\"晚数:\"+_vm._s(_vm.sailDays)+\"天\"+_vm._s(_vm.articlePartView.sailNights)+\"晚\")])]),_c('div',{staticClass:\"travelDetail-itemOverFloat\"},[_c('div',[_vm._v(\"行程:\"+_vm._s(_vm.articlePartView.route))])]),_c('div',{staticClass:\"travelDetail-itemTags\"},_vm._l((_vm.tags),function(item,index){return _c('div',{key:index},[_c('span',[_vm._v(_vm._s(item))])])}),0)])]),_c('div',{staticClass:\"travelDetail-intro scroll-container\"},[_vm._m(0),_c('TravelNoteDetailSlideTop',{attrs:{\"dataList\":_vm.groups,\"activeDay\":_vm.activeDay},on:{\"on-slide-to\":_vm.slideTo}}),_c('div',{staticClass:\"travelDetail-introNotes\"},[_c('div',{staticClass:\"travelDetail-introNotesCon\"},[_c('div',{staticClass:\"introNotesCon-title\"},[_vm._v(\"写在最前\")]),_c('div',{staticClass:\"introNotesCon-paragraph\",domProps:{\"innerHTML\":_vm._s(_vm.articlePartView.beforeText)}})]),_vm._l((_vm.reviewDaily),function(item){return _c('div',{key:item.day,class:`travelDetail-introNotesCon travelDetail-${item.day}`},[_c('div',{staticClass:\"introNotesCon-title\"},[_vm._v(_vm._s(item.dayTitle)+\" \"+_vm._s(item.title))]),_c('div',{staticClass:\"introNotesCon-paragraph\",domProps:{\"innerHTML\":_vm._s(item.content)}})])})],2)],1),_c('div',{staticClass:\"travelDetail-button scroll-container\"},[(_vm.preArticlePartView)?_c('div',{staticClass:\"travelDetail-buttonItem travelDetail-preBtn\"},[_c('button',[_vm._v(\"上一篇\")]),_c('p',[_vm._v(_vm._s(_vm.interceptText(_vm.preArticlePartView.title)))]),_c('a',{staticClass:\"hold-link external\",attrs:{\"href\":`/Rccl.Review/Travel/d-${this.countryName == '' ? 'n':this.countryName}-${this.shipName==''?'n':this.shipName}-${this.orderBy}-${this.offset-1}-${_vm.preArticlePartView.id}.html`}})]):_vm._e(),(_vm.nextArticlePartView)?_c('div',{staticClass:\"travelDetail-buttonItem travelDetail-nextBtn\"},[_c('button',[_vm._v(\"下一篇\")]),_c('p',[_vm._v(_vm._s(_vm.interceptText(_vm.nextArticlePartView.title)))]),_c('a',{staticClass:\"hold-link external\",attrs:{\"href\":`/Rccl.Review/Travel/d-${this.countryName == '' ? 'n':this.countryName}-${this.shipName==''?'n':this.shipName}-${this.orderBy}-${this.offset+1}-${_vm.nextArticlePartView.id}.html`}})]):_vm._e()]),_c('div',{staticClass:\"travelDetail-operate scroll-container\"},[_c('div',{staticClass:\"travelDetail-shareOp praiseNoteBtn\",on:{\"click\":_vm.upVote}},[_c('img',{attrs:{\"src\":require(\"../../assets/review-like.png\")}}),_c('span',{staticClass:\"praiseNumber\"},[_vm._v(_vm._s(_vm.articlePartView.score))])]),_c('div',{staticClass:\"travelDetail-praiseOp shareNoteBtn travelDetail-infoShareBtn\",on:{\"click\":_vm.shareArticle}},[_vm._m(1),_c('span',[_vm._v(\"分享\")])])]),_c('div',{staticClass:\"travelDetail-otherCruise scroll-container\"},[_c('a',{staticClass:\"hold-link external\",attrs:{\"href\":\"javascript: void(0)\"},on:{\"click\":function($event){return _vm.toSimilar(_vm.articlePartView.route)}}},[_vm._v(\"查看相似航线\")])]),_vm._m(2),_c('div',{staticClass:\"shipDetail-hotCruise scroll-container\"},[_c('PromoCruise')],1)]),_c('TravelNoteDetailSlideFixed',{attrs:{\"dataList\":_vm.groups,\"isFixed\":_vm.isFixed,\"activeDay\":_vm.activeDay},on:{\"on-slide-to\":_vm.slideTo}}),_c('Share',{attrs:{\"isActive\":_vm.shareActive,\"status\":_vm.currentStatus,\"isShowCamera\":_vm.isShowCamera,\"shareText\":_vm.shareText,\"shareUrl\":_vm.shareUrl,\"shareImage\":_vm.shareImage},on:{\"on-goTop\":_vm.goTop}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"travelDetail-introTitle\"},[_c('div',{staticClass:\"travelDetail-introTxt\"},[_vm._v(\"行程概要\")]),_c('div',{staticClass:\"travelDetail-introTxtLine\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('img',{attrs:{\"src\":require(\"../../assets/shareIcon.png\")}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"travelDetail-memories scroll-container\"},[_c('img',{attrs:{\"src\":require(\"../../assets/writeIconpng.png\")}}),_c('span',[_vm._v(\"请至PC端撰写您的旅途回忆\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"swiper\",rawName:\"v-swiper:mySwiper\",value:(_vm.swiperOptions),expression:\"swiperOptions\",arg:\"mySwiper\"}],staticClass:\"swiper-container swiper-topBanner\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.bannerList),function(item){return _c('div',{key:item.id,staticClass:\"swiper-slide\"},[_c('div',{staticClass:\"travelDetail-bannerPic\"},[_c('img',{attrs:{\"src\":item.imgUrl}})])])}),0),(_vm.bannerList.length > 1)?_c('div',{staticClass:\"swiper-pagination\"}):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div v-swiper:mySwiper=\"swiperOptions\" class=\"swiper-container swiper-topBanner\">\r\n        <div class=\"swiper-wrapper\">\r\n            <div class=\"swiper-slide\" v-for=\"item in bannerList\" :key=\"item.id\">\r\n                <div class=\"travelDetail-bannerPic\">\r\n                    <img :src=\"item.imgUrl\">\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"swiper-pagination\" v-if=\"bannerList.length > 1\"></div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { directive } from 'vue-awesome-swiper'\r\n    import 'swiper/css/swiper.css'\r\n    export default {\r\n        name: 'TravelNoteDetailBanner',\r\n        directives: {\r\n            swiper: directive\r\n        },\r\n        props: {\r\n            bannerList: {\r\n                type: Array,\r\n                default: function () {}\r\n            }\r\n        },\r\n        data () {\r\n            return {\r\n                swiperOptions: {\r\n                    loop: true,\r\n                    pagination: {\r\n                        el: '.swiper-pagination'\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        methods: {}\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    /**** banner ****/\r\n    .travelDetail-bannerPic {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        &>img {\r\n            width: 100%;\r\n        }\r\n    }\r\n</style>\r\n","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!./TravelNoteDetailBanner.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!./TravelNoteDetailBanner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TravelNoteDetailBanner.vue?vue&type=template&id=00e826e0&scoped=true\"\nimport script from \"./TravelNoteDetailBanner.vue?vue&type=script&lang=js\"\nexport * from \"./TravelNoteDetailBanner.vue?vue&type=script&lang=js\"\nimport style0 from \"./TravelNoteDetailBanner.vue?vue&type=style&index=0&id=00e826e0&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  \"00e826e0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"travelDetail-introNav introNavActive\"},[_c('div',{directives:[{name:\"swiper\",rawName:\"v-swiper:mySwiper\",value:(_vm.swiperOptions),expression:\"swiperOptions\",arg:\"mySwiper\"}],staticClass:\"swiper-container swiper-container1\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,staticClass:\"swiper-slide\"},_vm._l((item),function(subItem){return _c('div',{key:subItem.day,staticClass:\"introNav-item\"},[_c('div',{staticClass:\"introNav-itemTxt\"},[_vm._v(_vm._s(subItem.dayTitle))]),_vm._m(0,true),_c('div',{staticClass:\"introNav-itemTxt\"},[_vm._v(_vm._s(subItem.title))]),_c('a',{staticClass:\"hold-link external\",on:{\"click\":function($event){return _vm.slideTo(subItem.day)}}})])}),0)}),0)]),_c('div',{staticClass:\"swiper-pagination\",staticStyle:{\"display\":\"none\"}}),_c('div',{staticClass:\"swiper-button-prev\"}),_c('div',{staticClass:\"swiper-button-next\"})])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"introNav-itemDot\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"travelDetail-introNav introNavActive\">\r\n        <div v-swiper:mySwiper=\"swiperOptions\" class=\"swiper-container swiper-container1\">\r\n            <div class=\"swiper-wrapper\">\r\n                <!--先分组 三个一组 循环取值-->\r\n                <div class=\"swiper-slide\" v-for=\"(item, index) in dataList\" :key=\"index\">\r\n                    <div class=\"introNav-item\" v-for=\"subItem in item\" :key=\"subItem.day\">\r\n                        <div class=\"introNav-itemTxt\">{{subItem.dayTitle}}</div>\r\n                        <div class=\"introNav-itemDot\"><span></span></div>\r\n                        <div class=\"introNav-itemTxt\">{{subItem.title}}</div>\r\n                        <a class=\"hold-link external\" @click=\"slideTo(subItem.day)\"></a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <!-- 分页 -->\r\n        <div class=\"swiper-pagination\" style=\"display: none;\"></div>\r\n        <!-- 左右按钮 -->\r\n        <div class=\"swiper-button-prev\"></div>\r\n        <div class=\"swiper-button-next\"></div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { directive } from 'vue-awesome-swiper'\r\n    import 'swiper/css/swiper.css'\r\n    export default {\r\n        name: 'TravelNoteDetailSlideTop',\r\n        directives: {\r\n            swiper: directive\r\n        },\r\n        props: {\r\n            dataList: {\r\n                type: Array,\r\n                default: function () {}\r\n            },\r\n            activeDay: {\r\n                type: Number,\r\n                default: 0\r\n            }\r\n        },\r\n        data () {\r\n            return {\r\n                swiperOptions: {\r\n                    loop: false,\r\n                    navigation: {\r\n                        nextEl: '.swiper-button-next',\r\n                        prevEl: '.swiper-button-prev',\r\n                        disabledClass: 'swiper-button-disabled'\r\n                    }\r\n                },\r\n                activeIndex: 0\r\n            }\r\n        },\r\n        watch: {\r\n            'activeDay' (newVal) {\r\n                let active = Math.floor((newVal - 1) / 3)\r\n                if (this.mySwiper.activeIndex !== active) {\r\n                    if (active > this.activeIndex) this.mySwiper.slideNext()\r\n                    if (active < this.activeIndex) this.mySwiper.slidePrev()\r\n                }\r\n                this.activeIndex = active\r\n            }\r\n        },\r\n        methods: {\r\n            slideTo (day) {\r\n                this.$emit('on-slide-to', day)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .hold-link {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .travelDetail-introNav {\r\n        margin-top: 2px;\r\n        height: 88px;\r\n        padding:0 26px 0 26px;\r\n        background-color: #061556;\r\n        position:relative;\r\n    }\r\n    .travelDetail-introNav.fixedActive {\r\n        position:fixed;\r\n        top:48px;\r\n        left:0;\r\n        width:100%;\r\n        height:48px;\r\n        z-index:666;\r\n    }\r\n    .travelDetail-introNav .introNav-item {\r\n        float:left;\r\n        padding-top:13px;\r\n        width:33.33%;\r\n        height:88px;\r\n        position:relative;\r\n    }\r\n    .travelDetail-introNav .introNav-itemTxt {\r\n        color: #fff;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        transform: scale(.9);\r\n        -webkit-transform: scale(.9);\r\n        -moz-transform: scale(.9);\r\n        -o-transform: scale(.9);\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot {\r\n        height:12px;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot>span {\r\n        width:12px;\r\n        height:12px;\r\n        background-color: #fff;\r\n        border: 1px solid #e3e3e3;\r\n        border-radius:6px;\r\n        margin:0 auto;\r\n        display:inline-block;\r\n        position:relative;\r\n        vertical-align:top;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot > span::before {\r\n        position: absolute;\r\n        left: 11px;\r\n        top: 4px;\r\n        content: '';\r\n        border: 1px solid #e3e3e3;\r\n        width: 46px;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot > span::after {\r\n        position: absolute;\r\n        right: 11px;\r\n        top: 4px;\r\n        content: '';\r\n        border: 1px solid #e3e3e3;\r\n        width: 46px;\r\n    }\r\n    .travelDetail-introNav .introNav-item:first-child .introNav-itemDot > span::after,\r\n    .travelDetail-introNav .introNav-item:last-child .introNav-itemDot > span::before{\r\n        display: none;\r\n    }\r\n    .travelDetail-introNav .introNav-item.active .introNav-itemTxt {\r\n        color: #f6b511;\r\n    }\r\n    .travelDetail-introNav .introNav-item.active .introNav-itemDot>span{\r\n        background-color: #f6b511;\r\n        border: 1px solid #7e6533;\r\n    }\r\n    .travelDetail-introNav .swiper-container {\r\n        padding: 0;\r\n    }\r\n    .travelDetail-introNav .swiper-container .swiper-slide {\r\n        text-align:center;\r\n    }\r\n    .travelDetail-introNav .swiper-button-prev {\r\n        background-image: url(../../assets/carouselLeftArrow.png);\r\n        transform: scale(.5);\r\n        -webkit-transform: scale(.5);\r\n        -moz-transform: scale(.5);\r\n        -o-transform: scale(.5);\r\n        left: 0;\r\n        top:43%;\r\n        &::after{\r\n            display: none;\r\n        }\r\n    }\r\n    .travelDetail-introNav .swiper-button-next {\r\n        background-image: url(../../assets/carouselRightArrow.png);\r\n        transform: scale(.5);\r\n        -webkit-transform: scale(.5);\r\n        -moz-transform: scale(.5);\r\n        -o-transform: scale(.5);\r\n        right: 0;\r\n        top:43%;\r\n        &::after{\r\n            display: none;\r\n        }\r\n    }\r\n</style>\r\n","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!./TravelNoteDetailSlideTop.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!./TravelNoteDetailSlideTop.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TravelNoteDetailSlideTop.vue?vue&type=template&id=56f4c4d6&scoped=true\"\nimport script from \"./TravelNoteDetailSlideTop.vue?vue&type=script&lang=js\"\nexport * from \"./TravelNoteDetailSlideTop.vue?vue&type=script&lang=js\"\nimport style0 from \"./TravelNoteDetailSlideTop.vue?vue&type=style&index=0&id=56f4c4d6&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  \"56f4c4d6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"travelDetail-introNav\",class:{fixedActive: _vm.isFixed}},[_c('div',{directives:[{name:\"swiper\",rawName:\"v-swiper:mySwiper\",value:(_vm.swiperOptions),expression:\"swiperOptions\",arg:\"mySwiper\"}],staticClass:\"swiper-container swiper-container2\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.dataList),function(item,index){return _c('div',{key:index,staticClass:\"swiper-slide\"},_vm._l((item),function(subItem){return _c('div',{key:subItem.day,staticClass:\"introNav-item\",class:{active: _vm.activeDay === subItem.day}},[_c('div',{staticClass:\"introNav-itemTxt\"},[_vm._v(_vm._s(subItem.dayTitle))]),_c('a',{staticClass:\"hold-link external\",on:{\"click\":function($event){return _vm.slideTo(subItem.day)}}})])}),0)}),0)]),_c('div',{staticClass:\"swiper-pagination\",staticStyle:{\"display\":\"none\"}}),_c('div',{staticClass:\"swiper-button-prev\"}),_c('div',{staticClass:\"swiper-button-next\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"travelDetail-introNav\" v-bind:class=\"{fixedActive: isFixed}\">\r\n        <div v-swiper:mySwiper=\"swiperOptions\" class=\"swiper-container swiper-container2\">\r\n            <div class=\"swiper-wrapper\">\r\n                <!--先分组 三个一组 循环取值-->\r\n                <div class=\"swiper-slide\" v-for=\"(item, index) in dataList\" :key=\"index\">\r\n                    <div class=\"introNav-item\" v-for=\"subItem in item\" :key=\"subItem.day\" v-bind:class=\"{active: activeDay === subItem.day}\">\r\n                        <div class=\"introNav-itemTxt\">{{subItem.dayTitle}}</div>\r\n                        <a class=\"hold-link external\" @click=\"slideTo(subItem.day)\"></a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <!-- 分页 -->\r\n        <div class=\"swiper-pagination\" style=\"display:none;\"></div>\r\n        <!-- 左右按钮 -->\r\n        <div class=\"swiper-button-prev\"></div>\r\n        <div class=\"swiper-button-next\"></div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { directive } from 'vue-awesome-swiper'\r\n    import 'swiper/css/swiper.css'\r\n    export default {\r\n        name: 'TravelNoteDetailSlideFixed',\r\n        directives: {\r\n            swiper: directive\r\n        },\r\n        props: {\r\n            dataList: {\r\n                type: Array,\r\n                default: function () {}\r\n            },\r\n            isFixed: {\r\n                type: Boolean,\r\n                default: false\r\n            },\r\n            activeDay: {\r\n                type: Number,\r\n                default: 0\r\n            }\r\n        },\r\n        data () {\r\n            return {\r\n                swiperOptions: {\r\n                    loop: false,\r\n                    navigation: {\r\n                        nextEl: '.swiper-button-next',\r\n                        prevEl: '.swiper-button-prev',\r\n                        disabledClass: 'swiper-button-disabled'\r\n                    }\r\n                },\r\n                activeIndex: 0\r\n            }\r\n        },\r\n        watch: {\r\n            'activeDay' (newVal) {\r\n                let active = Math.floor((newVal - 1) / 3)\r\n                if (this.mySwiper.activeIndex !== active) {\r\n                    if (active > this.activeIndex) this.mySwiper.slideNext()\r\n                    if (active < this.activeIndex) this.mySwiper.slidePrev()\r\n                }\r\n                this.activeIndex = active\r\n            }\r\n        },\r\n        methods: {\r\n            slideTo (day) {\r\n                this.$emit('on-slide-to', day)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .hold-link {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    .travelDetail-introNav {\r\n        display: none;\r\n        margin-top: 2px;\r\n        height: 88px;\r\n        padding:0 26px 0 26px;\r\n        background-color: #061556;\r\n        position:relative;\r\n    }\r\n    .travelDetail-introNav.fixedActive {\r\n        display: block;\r\n        position:fixed;\r\n        top:48px;\r\n        left:0;\r\n        width:100%;\r\n        height:48px;\r\n        z-index:666;\r\n    }\r\n    .travelDetail-introNav .introNav-item {\r\n        float:left;\r\n        padding-top:13px;\r\n        width:33.33%;\r\n        height:88px;\r\n        position:relative;\r\n    }\r\n    .travelDetail-introNav .introNav-itemTxt {\r\n        color: #fff;\r\n        font-size: 12px;\r\n        text-align: center;\r\n        transform: scale(.9);\r\n        -webkit-transform: scale(.9);\r\n        -moz-transform: scale(.9);\r\n        -o-transform: scale(.9);\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot {\r\n        height:12px;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot>span {\r\n        width:12px;\r\n        height:12px;\r\n        background-color: #fff;\r\n        border: 1px solid #e3e3e3;\r\n        border-radius:6px;\r\n        margin:0 auto;\r\n        display:inline-block;\r\n        position:relative;\r\n        vertical-align:top;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot > span::before {\r\n        position: absolute;\r\n        left: 11px;\r\n        top: 4px;\r\n        content: '';\r\n        border: 1px solid #e3e3e3;\r\n        width: 46px;\r\n    }\r\n    .travelDetail-introNav .introNav-itemDot > span::after {\r\n        position: absolute;\r\n        right: 11px;\r\n        top: 4px;\r\n        content: '';\r\n        border: 1px solid #e3e3e3;\r\n        width: 46px;\r\n    }\r\n    .travelDetail-introNav .introNav-item:first-child .introNav-itemDot > span::after,\r\n    .travelDetail-introNav .introNav-item:last-child .introNav-itemDot > span::before{\r\n        display: none;\r\n    }\r\n    .travelDetail-introNav .introNav-item.active .introNav-itemTxt {\r\n        color: #f6b511;\r\n    }\r\n    .travelDetail-introNav .introNav-item.active .introNav-itemDot>span{\r\n        background-color: #f6b511;\r\n        border: 1px solid #7e6533;\r\n    }\r\n    .travelDetail-introNav .swiper-container {\r\n        padding: 0;\r\n    }\r\n    .travelDetail-introNav .swiper-container .swiper-slide {\r\n        text-align:center;\r\n    }\r\n    .travelDetail-introNav .swiper-button-prev {\r\n        background-image: url(../../assets/carouselLeftArrow.png);\r\n        transform: scale(.5);\r\n        -webkit-transform: scale(.5);\r\n        -moz-transform: scale(.5);\r\n        -o-transform: scale(.5);\r\n        left: 0;\r\n        top:43%;\r\n        &::after{\r\n            display: none;\r\n        }\r\n    }\r\n    .travelDetail-introNav .swiper-button-next {\r\n        background-image: url(../../assets/carouselRightArrow.png);\r\n        transform: scale(.5);\r\n        -webkit-transform: scale(.5);\r\n        -moz-transform: scale(.5);\r\n        -o-transform: scale(.5);\r\n        right: 0;\r\n        top:43%;\r\n        &::after{\r\n            display: none;\r\n        }\r\n    }\r\n</style>\r\n","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!./TravelNoteDetailSlideFixed.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!./TravelNoteDetailSlideFixed.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TravelNoteDetailSlideFixed.vue?vue&type=template&id=0316ea07&scoped=true\"\nimport script from \"./TravelNoteDetailSlideFixed.vue?vue&type=script&lang=js\"\nexport * from \"./TravelNoteDetailSlideFixed.vue?vue&type=script&lang=js\"\nimport style0 from \"./TravelNoteDetailSlideFixed.vue?vue&type=style&index=0&id=0316ea07&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  \"0316ea07\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"page noScroll\">\r\n        <div class=\"page-content infinite-scroll noScroll\">\r\n            <!-- banner -->\r\n            <div class=\"travelDetail-banner scroll-container\">\r\n                <TravelNoteDetailBanner :bannerList=\"bannerList\"></TravelNoteDetailBanner>\r\n                <div class=\"travelDetail-bannerTxt\">{{articlePartView.title}}</div>\r\n            </div>\r\n            <!-- simply travel information -->\r\n            <div class=\"travelDetail-info scroll-container\">\r\n                <div class=\"travelDetail-infoTop\">\r\n                    <div class=\"travelDetail-infoTopL\">\r\n                        <img :src=\"articlePartView.authorHeadImg ? articlePartView.authorHeadImg : authorHeadImg\">\r\n                        <span>{{articlePartView.author}}</span>\r\n                    </div>\r\n                    <div class=\"travelDetail-infoTopR praiseNoteBtn\" @click=\"upVote\">\r\n                        <img src=\"../../assets/review-like.png\">\r\n                        <span class=\"praiseNumber\">{{articlePartView.score}}</span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"travelDetail-infoMain\">\r\n                    <div class=\"travelDetail-itemOverFloat\">\r\n                        <div class=\"travelDetail-itemLeft\">发布时间:{{articlePartView.updatedTime}}</div>\r\n                        <div class=\"travelDetail-itemRight\">乘坐游轮: <a v-if=\"articlePartView.shipLink\" :href=\"articlePartView.shipLink\" class=\"external\">{{articlePartView.shipName}}</a><span v-else>{{articlePartView.shipName}}</span></div>\r\n                    </div>\r\n                    <div class=\"travelDetail-itemOverFloat\">\r\n                        <div class=\"travelDetail-itemLeft\">出行时间:{{articlePartView.sailDate}}</div>\r\n                        <div class=\"travelDetail-itemRight\">晚数:{{sailDays}}天{{articlePartView.sailNights}}晚</div>\r\n                    </div>\r\n                    <div class=\"travelDetail-itemOverFloat\">\r\n                        <div>行程:{{articlePartView.route}}</div>\r\n                    </div>\r\n                    <div class=\"travelDetail-itemTags\">\r\n                        <div v-for=\"(item, index) in tags\" :key=\"index\"><span>{{item}}</span></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- travel intro -->\r\n            <div class=\"travelDetail-intro scroll-container\">\r\n                <div class=\"travelDetail-introTitle\">\r\n                    <div class=\"travelDetail-introTxt\">行程概要</div>\r\n                    <div class=\"travelDetail-introTxtLine\"></div>\r\n                </div>\r\n\r\n                <!-- 菜单 -->\r\n                <TravelNoteDetailSlideTop\r\n                    :dataList=\"groups\"\r\n                    :activeDay=\"activeDay\"\r\n                    @on-slide-to=\"slideTo\"></TravelNoteDetailSlideTop>\r\n\r\n                <div class=\"travelDetail-introNotes\">\r\n                    <div class=\"travelDetail-introNotesCon\">\r\n                        <div class=\"introNotesCon-title\">写在最前</div>\r\n                        <div class=\"introNotesCon-paragraph\" v-html=\"articlePartView.beforeText\"></div>\r\n                    </div>\r\n                    <div :class=\"`travelDetail-introNotesCon travelDetail-${item.day}`\" v-for=\"item in reviewDaily\" :key=\"item.day\">\r\n                        <div class=\"introNotesCon-title\">{{item.dayTitle}} {{item.title}}</div>\r\n                        <div class=\"introNotesCon-paragraph\" v-html=\"item.content\"></div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- pre/next button -->\r\n            <div class=\"travelDetail-button scroll-container\">\r\n                <div class=\"travelDetail-buttonItem travelDetail-preBtn\" v-if=\"preArticlePartView\">\r\n                    <button>上一篇</button>\r\n                    <p>{{interceptText(preArticlePartView.title)}}</p>\r\n                    <a class=\"hold-link external\" \r\n                    :href=\"`/Rccl.Review/Travel/d-${this.countryName == '' ? 'n':this.countryName}-${this.shipName==''?'n':this.shipName}-${this.orderBy}-${this.offset-1}-${preArticlePartView.id}.html`\" \r\n                    ></a>\r\n                </div>\r\n                <div class=\"travelDetail-buttonItem travelDetail-nextBtn\" v-if=\"nextArticlePartView\">\r\n                    <button>下一篇</button>\r\n                    <p>{{interceptText(nextArticlePartView.title)}}</p>\r\n                    <a class=\"hold-link external\" :href=\"`/Rccl.Review/Travel/d-${this.countryName == '' ? 'n':this.countryName}-${this.shipName==''?'n':this.shipName}-${this.orderBy}-${this.offset+1}-${nextArticlePartView.id}.html`\"></a>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- share/praise -->\r\n            <div class=\"travelDetail-operate scroll-container\">\r\n                <div class=\"travelDetail-shareOp praiseNoteBtn\" @click=\"upVote\">\r\n                    <img src=\"../../assets/review-like.png\" class=\"\">\r\n                    <span class=\"praiseNumber\">{{articlePartView.score}}</span>\r\n                </div>\r\n                <div class=\"travelDetail-praiseOp shareNoteBtn travelDetail-infoShareBtn\" @click=\"shareArticle\">\r\n                    <div>\r\n                        <img src=\"../../assets/shareIcon.png\">\r\n                    </div>\r\n                    <span>分享</span>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- see similarity cruise -->\r\n            <div class=\"travelDetail-otherCruise scroll-container\">\r\n                <a class=\"hold-link external\" href=\"javascript: void(0)\" @click=\"toSimilar(articlePartView.route)\">查看相似航线</a>\r\n            </div>\r\n\r\n            <!-- write memories -->\r\n            <div class=\"travelDetail-memories scroll-container\">\r\n                <img src=\"../../assets/writeIconpng.png\">\r\n                <span>请至PC端撰写您的旅途回忆</span>\r\n            </div>\r\n\r\n            <!-- 爆款推荐 -->\r\n            <div class=\"shipDetail-hotCruise scroll-container\">\r\n                <PromoCruise></PromoCruise>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 悬浮菜单 -->\r\n        <TravelNoteDetailSlideFixed\r\n                :dataList=\"groups\"\r\n                :isFixed=\"isFixed\"\r\n                :activeDay=\"activeDay\"\r\n                @on-slide-to=\"slideTo\"></TravelNoteDetailSlideFixed>\r\n\r\n        <Share :isActive=\"shareActive\"\r\n               :status=\"currentStatus\"\r\n               :isShowCamera=\"isShowCamera\"\r\n               :shareText=\"shareText\"\r\n               :shareUrl=\"shareUrl\"\r\n               :shareImage=\"shareImage\"\r\n               @on-goTop=\"goTop\"></Share>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import api from '@/api'\r\n    import wechatHelper from '@/utilities/wechatHelper'\r\n    import headImg from '@/assets/userAvatar.png'\r\n    import TravelNoteDetailBanner from '@/components/Review/TravelNoteDetailBanner.vue'\r\n    import PromoCruise from '@/components/Cruise/PromoCruise'\r\n    import Share from '@/components/Review/Share.vue'\r\n    import TravelNoteDetailSlideTop from '@/components/Review/TravelNoteDetailSlideTop.vue'\r\n    import TravelNoteDetailSlideFixed from '@/components/Review/TravelNoteDetailSlideFixed.vue'\r\n    import { interceptChar } from '@/utilities/tools'\r\n    export default {\r\n        name: 'TravelNoteDetail',\r\n        components: {\r\n            TravelNoteDetailBanner,\r\n            PromoCruise,\r\n            Share,\r\n            TravelNoteDetailSlideTop,\r\n            TravelNoteDetailSlideFixed\r\n        },\r\n        data () {\r\n            return {\r\n                userToken: '',\r\n                detail: {},\r\n                travelId: '',\r\n                bannerList: [],\r\n                articlePartView: '',\r\n                authorHeadImg: headImg,\r\n                tags: [],\r\n                shareActive: false,\r\n                currentStatus: 15,\r\n                isShowCamera: false,\r\n                reviewDaily: [],\r\n                groups: [],\r\n                isFixed: false,\r\n                activeDay: 0,\r\n                preArticlePartView: null,\r\n                nextArticlePartView: null,\r\n                dayItemTops: [],\r\n                shareUrl: \"\",\r\n                shareImage: \"\",\r\n                shareText: \"我刚刚在@皇家加勒比国际游轮 发现一篇#精彩游轮游记# 还不赶快去看看。\",\r\n                countryName: '',\r\n                shipName: '',\r\n                orderBy: 0,\r\n                offset: 0,\r\n            }\r\n        },\r\n        beforeMount () {\r\n            console.log(\"travel note detail\")\r\n            this.$store.commit('SET_PAGE_TITLE', '游记攻略')\r\n            this.showPage()\r\n        },\r\n        mounted () {\r\n            document.querySelector('.page-content').addEventListener('scroll', this.handleScroll, false)\r\n            this.shareUrl = window.location.href\r\n        },\r\n        destroyed () {\r\n            document.querySelector('.page-content').removeEventListener('scroll', this.handleScroll, false)\r\n        },\r\n        methods: {\r\n            interceptText (str) {\r\n                return interceptChar(str)\r\n            },\r\n            async showPage () {\r\n                this.$loading.show()\r\n                await this.initPage()\r\n                this.$loading.hide()\r\n            },\r\n            async initPage () {\r\n                this.userToken = this.$store.state.user.userToken\r\n                const params = this.$route.params\r\n                this.travelId = params.travelId\r\n                this.countryName = params.countryName === 'n' ? '' : params.countryName\r\n                this.shipName = params.shipName === 'n' ? '' : params.shipName\r\n                this.orderBy = parseInt(params.orderBy)\r\n                this.offset = parseInt(params.offset)\r\n                const detail = await this.getTravelNoteDetail()\r\n                this.detail = detail\r\n\r\n                this.bannerList = detail.banners\r\n                this.articlePartView = detail.articlePartView\r\n                this.tags = this.articlePartView.tags.split(',')\r\n                let reviewDaily = detail.reviewDailyTripPartRecordApiViewModels\r\n                this.reviewDaily = reviewDaily\r\n                this.groups = this.setGroup(reviewDaily, 3)\r\n                this.preArticlePartView = detail.preArticlePartView\r\n                this.nextArticlePartView = detail.nextArticlePartView\r\n\r\n                // 初始化微博分享\r\n                this.shareImage = this.bannerList[0].imgUrl\r\n                if (wechatHelper.isWeixinBrowser()) {\r\n                    setTimeout(()=> {\r\n                        wechatHelper.wechatShareConfig(this.articlePartView.title, this.shareText\r\n                        , location.href);\r\n                    }, 3000);\r\n                }\r\n            },\r\n            async getTravelNoteDetail () {\r\n                const {success, data, errMsg} = await api.review.getTravelNoteDetail({\r\n                    countryName: this.countryName,\r\n                    shipName: this.shipName,\r\n                    orderBy: this.orderBy,\r\n                    offset: this.offset,\r\n                    travelId: this.travelId\r\n                })\r\n                if (!success) {\r\n                    console.log(errMsg)\r\n                    return null\r\n                } else {\r\n                    return data\r\n                }\r\n            },\r\n            handleScroll () {\r\n                let $dom = document.querySelector('.page-content')\r\n                let scrollTop = $dom.scrollTop\r\n                let $swiperDom = document.querySelector('.travelDetail-introNav')\r\n                let swiperTop = $swiperDom.offsetTop - 50\r\n                this.dayItemTops = this.getOffsetTop(this.reviewDaily)\r\n\r\n                this.shareActive = scrollTop > 0\r\n                this.isFixed = scrollTop > swiperTop\r\n                if (scrollTop < this.dayItemTops[0].top) this.activeDay = 0\r\n                this.dayItemTops.map((item, index, element) => {\r\n                    if (index + 1 < element.length && scrollTop > item.top - 1 && scrollTop < element[index + 1].top ) {\r\n                        this.activeDay = item.day\r\n                    }\r\n                    if (scrollTop > item.top - 1 && index + 1 === element.length) {\r\n                        this.activeDay = item.day\r\n                    }\r\n                })\r\n            },\r\n            setGroup (list, num) {\r\n                let result = []\r\n                for (let i = 0, len = list.length; i < len; i+=num) {\r\n                    result.push(list.slice(i, i + num))\r\n                }\r\n                return result\r\n            },\r\n            getOffsetTop (list) {\r\n                let result = []\r\n                list.map(item => {\r\n                    let $ele = document.querySelector(`.travelDetail-${item.day}`)\r\n                    let top = $ele.offsetTop\r\n                    // 减去容差值\r\n                    top = top - 100\r\n                    result.push({\r\n                        top,\r\n                        day: item.day\r\n                    })\r\n                })\r\n                return result\r\n            },\r\n            goTop () {\r\n                let $dom = document.querySelector('.page-content')\r\n                $dom.scrollTop = 0\r\n            },\r\n            toSimilar (route) {\r\n                let result = route.split('-')\r\n                result.shift()\r\n                result.pop()\r\n                this.$router.push(`/Rccl.Cruise/CruiseSearch/Search?offset=0&ports=${result.toString()}`)\r\n            },\r\n            slideTo (day) {\r\n                this.dayItemTops = this.getOffsetTop(this.reviewDaily) //触发\r\n\r\n                let $dom = document.querySelector('.page-content')\r\n                $dom.scrollTop = this.dayItemTops.find(item => item.day === day).top\r\n            },\r\n            shareArticle () {\r\n                if (/MicroMessenger/i.test(navigator.userAgent)) {\r\n                    this.$shareTip.show()\r\n                } else {\r\n                    window.open(`http://service.weibo.com/share/share.php?url=${this.shareUrl}&title=${encodeURIComponent(this.shareText)}&pic=${this.shareImage}&searchPic=false`, '_blank', 'width=600, height=550')\r\n                }\r\n            },\r\n            async upVote () {\r\n                this.$loading.show()\r\n                const {success, data, errMsg} = await api.review.upvote({\r\n                    userId: this.$store.state.user.userReviewToken,\r\n                    articalId: this.travelId\r\n                })\r\n                if (!success) {\r\n                    this.$alert.show(errMsg)\r\n                } else {\r\n                    if (data != this.$store.state.user.userReviewToken) {\r\n                        this.$store.commit('SET_REWARD_TOKEN', data)\r\n                    }\r\n                    this.$alert.show('点赞成功！')\r\n                    this.articlePartView.score++\r\n                }\r\n                this.$loading.hide()\r\n            }\r\n        },\r\n        computed: {\r\n            sailDays () {\r\n                if (typeof(this.articlePartView.sailNights) != 'number') {\r\n                    let sailNights = parseInt(this.articlePartView.sailNights)\r\n                    return sailNights + 1\r\n                } else {\r\n                    return this.articlePartView.sailNights + 1\r\n                }\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n    .page {\r\n        display: block;\r\n        background: #F6F7F8 !important;\r\n    }\r\n    .page-content{\r\n        padding-top: 50px;\r\n        padding-bottom: 50px;\r\n        scroll-behavior: smooth;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .swiper-container{\r\n        padding-bottom: 0;\r\n    }\r\n    /****  banner  ****/\r\n    .travelDetail-banner {\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n    .travelDetail-bannerTxt {\r\n        width: 100%;\r\n        text-align: center;\r\n        padding:5px 0;\r\n        color: #fff;\r\n        font-size:13px;\r\n        background-color: rgba(0,0,0,.5);\r\n        margin-top:-29px;\r\n        position:relative;\r\n        z-index:2;\r\n    }\r\n    /**** simply travel information ****/\r\n    .travelDetail-info {\r\n        background-color: #fff;\r\n        padding: 0 12px 23px 12px;\r\n        position: relative;\r\n        border-bottom: 1px solid #e7e7e7;\r\n    }\r\n    .travelDetail-infoTop {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        padding: 13px 16px 11px 7px;\r\n        border-bottom: 1px solid #d7d7d7;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopL {\r\n        float:left;\r\n        font-size:0;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopR {\r\n        float:right;\r\n        text-align:center;\r\n        font-size:0;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopL > img {\r\n        width:27px;\r\n        height:27px;\r\n        vertical-align:middle;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopL > span {\r\n        font-size:13px;\r\n        color:#000;\r\n        vertical-align:middle;\r\n        margin-left:6px;\r\n        font-weight:bold;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopR > img {\r\n        width:27px;\r\n        height:27px;\r\n        vertical-align:middle;\r\n        margin-right:4px;\r\n    }\r\n    .travelDetail-infoTop .travelDetail-infoTopR > span {\r\n        font-size: 12px;\r\n        color: #000;\r\n        vertical-align:middle;\r\n    }\r\n    .travelDetail-infoMain {\r\n        margin-top:13px;\r\n        clear:both;\r\n        padding:0 11px;\r\n    }\r\n    .travelDetail-infoMain .travelDetail-itemOverFloat {\r\n        overflow:hidden;\r\n        width:100%;\r\n        margin-bottom:9px;\r\n    }\r\n    .travelDetail-infoMain .travelDetail-itemOverFloat > div {\r\n        color: #000;\r\n        font-size: 12px;\r\n    }\r\n    .travelDetail-infoMain .travelDetail-itemLeft {\r\n        float: left;\r\n        width: 57%;\r\n        text-align: left;\r\n    }\r\n    .travelDetail-infoMain .travelDetail-itemRight {\r\n        float: right;\r\n        width: 43%;\r\n        text-align: left;\r\n    }\r\n    .travelDetail-itemTags > div {\r\n        display: inline-block;\r\n        margin-bottom: 4px;\r\n        margin-right: 4px;\r\n    }\r\n    .travelDetail-itemTags > div > span {\r\n        border: 1px solid #338fb3;\r\n        border-radius: 4px;\r\n        padding: 1px 5px;\r\n        color: #338fb3;\r\n        font-size: 12px;\r\n    }\r\n    .travelDetail-infoShare {\r\n        position: fixed;\r\n        right: 0;\r\n        bottom: 30%;\r\n        height: 80px;\r\n        z-index: 10;\r\n    }\r\n    .travelDetail-infoShare .travelDetail-infoShareC {\r\n        background-color: #0073a1;\r\n        border-top-left-radius:20px;\r\n        border-bottom-left-radius:20px;\r\n        width:66px;\r\n        text-align:right;\r\n        height:33px;\r\n        padding-right:5px;\r\n    }\r\n    .travelDetail-infoShare .travelDetail-infoShareC > img {\r\n        width:16px;\r\n        height:20px;\r\n        margin-right:2px;\r\n    }\r\n    .travelDetail-infoShare .travelDetail-infoShareC > span {\r\n        display: inline-block;\r\n        width: 24px;\r\n        font-size: 12px;\r\n        color: #fff;\r\n        transform: scale(.75);\r\n        -webkit-transform: scale(.75);\r\n        -moz-transform: scale(.75);\r\n        -o-transform: scale(.75);\r\n        vertical-align:sub;\r\n    }\r\n\r\n    /**** travel intro ****/\r\n    .travelDetail-intro {\r\n        width:100%;\r\n        clear:both;\r\n    }\r\n    .travelDetail-introTitle {\r\n        width: 100%;\r\n        position: relative;\r\n        height:12px;\r\n    }\r\n    .travelDetail-introTitle .travelDetail-introTxt {\r\n        width:80px;\r\n        text-align:center;\r\n        color: #808080;\r\n        font-size:12px;\r\n        position:absolute;\r\n        top:-8px;\r\n        left:50%;\r\n        margin-left:-40px;\r\n        background-color:#f2f2f2;\r\n    }\r\n    .travelDetail-introTitle .travelDetail-introTxtLine {\r\n        width: 248px;\r\n        height: 1px;\r\n        background-color: #acacac;\r\n        margin: 0 auto;\r\n        margin-top: 12px;\r\n    }\r\n    .travelDetail-introNotes {\r\n        width:100%;\r\n        padding:0 12px;\r\n        margin-top:9px;\r\n    }\r\n    .travelDetail-introNotesCon {\r\n        width:100%;\r\n        border-radius:8px;\r\n        background-color:#fff;\r\n        margin-bottom:4px;\r\n    }\r\n    .travelDetail-introNotesCon .introNotesCon-title {\r\n        padding: 14px 16px 9px 16px;\r\n        border-bottom: 1px solid #eee;\r\n        color: #061556;\r\n        font-size:13px;\r\n        font-weight:bold;\r\n    }\r\n    .travelDetail-introNotesCon .introNotesCon-paragraph {\r\n        width:100%;\r\n        padding: 12px 16px 16px 16px;\r\n    }\r\n\r\n    /**** pre/next button ****/\r\n    .travelDetail-button {\r\n        margin-top: 15px;\r\n        text-align: center;\r\n        width: 100%;\r\n        padding: 0 12px;\r\n    }\r\n    .travelDetail-buttonItem {\r\n        display:inline-block;\r\n        position:relative;\r\n    }\r\n    .travelDetail-nextBtn {\r\n        margin-left:4px;\r\n    }\r\n    .travelDetail-buttonItem > button {\r\n        width: 171px;\r\n        text-align: center;\r\n        height: 36px;\r\n        background-color: #0c77a5;\r\n        font-size: 13px;\r\n        color: #fff;\r\n        border: none;\r\n    }\r\n    .travelDetail-buttonItem >p{\r\n        margin-top:10px;\r\n        margin-bottom:0;\r\n        width:171px;\r\n        font-size:12px;\r\n        color:#333;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .hold-link {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    /**** share/praise ****/\r\n    .travelDetail-operate {\r\n        margin-top:24px;\r\n        width:100%;\r\n        text-align:center;\r\n    }\r\n    .travelDetail-operate > div > span {\r\n        color:#333;\r\n        font-size:12px;\r\n    }\r\n    .travelDetail-shareOp {\r\n        display:inline-block;\r\n    }\r\n    .travelDetail-shareOp>img {\r\n        width:28px;\r\n        height:28px;\r\n        display:block;\r\n    }\r\n    .travelDetail-praiseOp {\r\n        display:inline-block;\r\n        margin-left:13px;\r\n    }\r\n    .travelDetail-praiseOp > div {\r\n        width: 28px;\r\n        text-align: center;\r\n        height: 28px;\r\n        background-color: #0c77a5;\r\n        border-radius: 14px;\r\n    }\r\n    .travelDetail-praiseOp > div > img {\r\n        width:16px;\r\n        height:20px;\r\n        vertical-align:middle;\r\n    }\r\n\r\n    /**** see similarity cruise ****/\r\n    .travelDetail-otherCruise {\r\n        text-align: center;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        background-color: #f7b611;\r\n        color: #fff;\r\n        font-size: 13px;\r\n        position: relative;\r\n        margin: 17px 12px 0 12px;\r\n    }\r\n    .travelDetail-otherCruise a{\r\n        color:#fff;\r\n    }\r\n\r\n    /**** write memories ****/\r\n    .travelDetail-memories {\r\n        margin: 11px;\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n    .travelDetail-memories>img {\r\n        width:22px;\r\n        height:25px;\r\n        vertical-align:middle;\r\n    }\r\n    .travelDetail-memories>span {\r\n        color:#333;\r\n        font-size:12px;\r\n        vertical-align:middle;\r\n        margin-left:3px;\r\n    }\r\n\r\n    /*爆款推荐*/\r\n    .shipDetail-hotCruise {\r\n        background-color: #fff;\r\n        margin-top:19px;\r\n    }\r\n\r\n    /*分享*/\r\n    .reviewDetail-infoShare{\r\n        bottom: 40%;\r\n    }\r\n</style>\r\n","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!./TravelNoteDetail.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!./TravelNoteDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TravelNoteDetail.vue?vue&type=template&id=3038c1e8&scoped=true\"\nimport script from \"./TravelNoteDetail.vue?vue&type=script&lang=js\"\nexport * from \"./TravelNoteDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./TravelNoteDetail.vue?vue&type=style&index=0&id=3038c1e8&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  \"3038c1e8\",\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!./TravelNoteDetailSlideFixed.vue?vue&type=style&index=0&id=0316ea07&prod&lang=less&scoped=true\"","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!./TravelNoteDetail.vue?vue&type=style&index=0&id=3038c1e8&prod&lang=less&scoped=true\"","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!./TravelNoteDetailBanner.vue?vue&type=style&index=0&id=00e826e0&prod&lang=less&scoped=true\""],"sourceRoot":""}