{"version":3,"sources":["webpack:///./src/components/Cruise/popupsImg.vue","webpack:///src/components/Cruise/popupsImg.vue","webpack:///./src/components/Cruise/popupsImg.vue?ae67","webpack:///./src/components/Cruise/popupsImg.vue?e15d","webpack:///./src/views/Booking/PaySuccess.vue?9c58","webpack:///./src/components/Cruise/popupsImg.vue?458b","webpack:///./src/assets/popupClose.png","webpack:///./src/views/Booking/PaySuccess.vue?9613","webpack:///./src/components/Booking/PaySuccessShoreExcursions.vue?2270","webpack:///./src/views/Booking/PaySuccess.vue","webpack:///./src/components/Booking/PaySuccessShoreExcursions.vue","webpack:///src/components/Booking/PaySuccessShoreExcursions.vue","webpack:///./src/components/Booking/PaySuccessShoreExcursions.vue?c6b3","webpack:///./src/components/Booking/PaySuccessShoreExcursions.vue?da7d","webpack:///src/views/Booking/PaySuccess.vue","webpack:///./src/views/Booking/PaySuccess.vue?372b","webpack:///./src/views/Booking/PaySuccess.vue?9f46","webpack:///./node_modules/core-js/modules/es.iterator.find.js","webpack:///./node_modules/core-js/modules/esnext.iterator.find.js"],"names":["render","_vm","this","_c","_self","staticClass","attrs","imgUrl","on","closePopups","require","staticRenderFns","props","type","String","default","isShow","Boolean","data","mounted","methods","$emit","component","module","exports","directives","name","rawName","value","isSuccess","expression","_m","pageData","allShorexList","hsbcBanners","length","ref","swiperOptions","onShowPopupsImg","_l","item","i","key","image","slot","_e","info","orderId","goToPcp","payShorexes","bookings","isShowShorex","bookingCruises","closeShorexPopup","isShowPopupsImg","popupsImgUrl","onClosePopups","_v","staticStyle","index","class","shoresTabActive","$event","onChangeShoreTab","shorexType","_s","shorexName","confirmUpdate","shoreActiveData","price","shorexTours","idx","shorexBrief","duration","bannerList","shorexDescription","isShowDetail","shorexOrderInfos","x","d","onChangeOrder","isInTempBookings","bookingId","id","getPassengerName","bookingGuests","orderInfoList","contact","transitionChinese","chineseLastName","chineseFirstName","goBack","submit","isHasShores","components","ShorexSwiper","shoreData","Object","Array","shoresTabList","passengerInfo","selectShore","tempBookings","allShoreTabList","console","log","time","formatYYYYMMDD","sailDate","gioInfo","gioTracking","filter","r","isInTemp","some","$alert","show","confirmCallBack","push","bookingRecordId","arr","list","allName","forEach","substring","str","source","isWechatBrowser","map","shorexId","requestData","viewModel","$loading","success","errMsg","api","booking","selectShorexV2","hide","tipsText","$router","error","isImg","url","lastIndexOf","ext","indexOf","toLowerCase","user","getPcpToken","token","location","href","watch","newVal","computed","PaySuccessShorex","PaySuccessShoreExcursions","Swiper","SwiperSlide","PopupsImg","Questionnaire","swiper","directive","pagination","el","loop","autoplay","delay","beforeMount","$store","commit","dispatch","isHideHeader","isHideFooter","initPage","window","onpopstate","query","$route","getQuestions","beforeDestroy","userToken","state","getCruiseBanner","returnUrl","currentRoute","payMentId","paySuccessV2","paymentId","userName","initBookingData","shorexList","apiBookings","cruise","find","cruiseId","cruisePartRecord_Id","showShorexPopup","showPopup","history","pushState","page","firstBooking","shipCode","questionnaire","getCampaignQuestions","surveyFormat","rows","defaultVal","customTypeIcon","categoryQuestionItems","row","questionItems","customType","qtItem","isFocus","icon","indexList","text","selectClass","optionItems","option","checked","otherVal","isOther","optionName","NO","businessType","getCruiseBannerApi","popupImageUrl","freeShorexes","freeShorexList","hasShorexes","selectedFreeShorex","shorexIds","shorexPartRecord_Id","freeShorex","$","iterate","aCallable","anObject","getIteratorDirect","target","proto","real","predicate","record","counter","stop","IS_RECORD","INTERRUPTED","result"],"mappings":"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","file":"js/chunk-2aea5fc2.b57cdea2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popups\"},[_c('div',{staticClass:\"popups-img\"},[_c('img',{attrs:{\"src\":_vm.imgUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"closeBtn\",on:{\"click\":_vm.closePopups}},[_c('img',{attrs:{\"src\":require(\"../../assets/popupClose.png\"),\"alt\":\"\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"popups\">\r\n      <div class=\"popups-img\">\r\n        <img :src=\"imgUrl\" alt=\"\">\r\n        <div class=\"closeBtn\" @click=\"closePopups\">\r\n          <img src=\"../../assets/popupClose.png\" alt=\"\">\r\n        </div>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      imgUrl:{\r\n        type:String,\r\n        default:''\r\n      },\r\n      isShow:{\r\n        type:Boolean,\r\n        default:false\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n\r\n      }\r\n    },\r\n    mounted() {\r\n\r\n    },\r\n    methods: {\r\n      closePopups(){\r\n        this.$emit('closePopups')\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.popups{\r\n  position: fixed;\r\n  background-color: rgba(0,0,0,0.5);\r\n  width: 100%;\r\n  height: 100vh;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 999;\r\n  padding: 0 14px;\r\n  box-sizing: border-box;\r\n  & .popups-img{\r\n    width: 347px;\r\n    height: 508px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    & img{\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  & .closeBtn{\r\n    width: 29px;\r\n    height: 29px;\r\n    position: absolute;\r\n    top: -10px;\r\n    right: -10px;\r\n  & img{\r\n    width: 100%;\r\n    height: 100%;\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!./popupsImg.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!./popupsImg.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./popupsImg.vue?vue&type=template&id=100aa16d&scoped=true\"\nimport script from \"./popupsImg.vue?vue&type=script&lang=js\"\nexport * from \"./popupsImg.vue?vue&type=script&lang=js\"\nimport style0 from \"./popupsImg.vue?vue&type=style&index=0&id=100aa16d&prod&scoped=true&lang=less\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"100aa16d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/style-resources-loader/lib/index.js??ref--6-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaySuccess.vue?vue&type=style&index=0&id=07e531ce&prod&lang=css\"","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!./popupsImg.vue?vue&type=style&index=0&id=100aa16d&prod&scoped=true&lang=less\"","module.exports = \"data:image/png;base64,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\"","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!./PaySuccess.vue?vue&type=style&index=1&id=07e531ce&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!./PaySuccessShoreExcursions.vue?vue&type=style&index=0&id=7aa1880f&prod&scoped=true&lang=less\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isSuccess),expression:\"isSuccess\"}],staticClass:\"list-block media-list scroll-container\"},[_vm._m(0),_c('div',{staticClass:\"paySuccess\"},[_vm._m(1),_vm._m(2),_c('div',{staticClass:\"shorex-tab ShoreExcursions\"},[_c('PaySuccessShoreExcursions',{attrs:{\"shoreData\":_vm.pageData,\"allShorexList\":_vm.allShorexList}})],1),(_vm.hsbcBanners && _vm.hsbcBanners.length)?_c('div',{staticClass:\"hsbcBanner\"},[_c('Swiper',{ref:\"bannerSwiper\",staticClass:\"swiper-container swiper-topics topics\",attrs:{\"options\":_vm.swiperOptions},on:{\"click-slide\":_vm.onShowPopupsImg}},[_vm._l((_vm.hsbcBanners),function(item,i){return _c('SwiperSlide',{key:i,staticClass:\"swiper-slide promoBannerLink external\"},[_c('div',[_c('img',{attrs:{\"src\":item.image,\"alt\":\"\"}})])])}),(_vm.hsbcBanners.length > 1)?_c('div',{ref:\"swiper-pagination\",staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"}):_vm._e()],2)],1):_vm._e(),(_vm.info)?_c('div',{staticClass:\"survey-question-main\"},[_c('questionnaire',{attrs:{\"infoList\":_vm.info,\"isShowTitleNumber\":true,\"isTitleStyle\":false,\"submitStyle\":true,\"bookingRdId\":-1,\"orderId\":_vm.orderId}})],1):_vm._e()]),_vm._m(3),(false)?_c('div',{staticClass:\"notice-wrap\"},[_vm._m(4),_c('div',{staticClass:\"shorex\"},[_c('div',{staticClass:\"notice-item\"},[(!_vm.hasShorexes)?_c('div',{staticClass:\"no-shorex\"},[_vm._v(\" 很抱歉，该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您，您也可以密切关注皇家加勒比官方网站。 \")]):(!_vm.selectedFreeShorex)?_c('div',{staticClass:\"selectShorex-css\"},[_c('p',[_vm._v(\"您尚未预订任何岸上观光服务\")]),_vm._v(_vm._s(_vm.selectedFreeShorex)+\" \"),_c('span',{staticClass:\"selectShorex_JS\",on:{\"click\":function($event){return _vm.showShorexPopup()}}},[_vm._v(\"请选择\")])]):_c('div',[_c('div',{staticClass:\"notice-item-title\"},[_vm._v(\" 皇家常规游 (免费赠送) \"),_c('span',{staticClass:\"line\"}),_c('span',{staticClass:\"up-shorex\",on:{\"click\":function($event){return _vm.showShorexPopup()}}},[_vm._v(\"升级精品游\")])]),_vm._l((_vm.selectedFreeShorex.shorexTrips),function(trip,i){return _c('div',{key:'freeShorexTrip_' + i,staticClass:\"notice-item-text shorex-item-text\"},[_c('p',{staticStyle:{\"color\":\"black\"}},[_vm._v(\" \"+_vm._s(trip.tripName)+\" - 时长约\"+_vm._s(trip.tripTime)+\"小时 \")]),_c('div',{staticClass:\"shorex-item-trip\",domProps:{\"innerHTML\":_vm._s(trip.description)}})])}),_vm._m(5)],2)])])]):_vm._e(),_c('div',{staticClass:\"bottom_img\",on:{\"click\":_vm.goToPcp}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/logo/pcp-mb-banner.jpg\"}})]),_c('PaySuccessShorex',{attrs:{\"shorexes\":_vm.payShorexes,\"bookings\":_vm.bookings,\"isShow\":_vm.isShowShorex,\"bookingCruises\":_vm.bookingCruises,\"onGoBack\":_vm.closeShorexPopup}}),_c('popups-img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowPopupsImg),expression:\"isShowPopupsImg\"}],attrs:{\"imgUrl\":_vm.popupsImgUrl},on:{\"closePopups\":_vm.onClosePopups}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paySuccess-pic\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/SC.png\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paySuccess-main\"},[_c('div',{staticClass:\"paySuccess-text\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/06---u5b8cu6210@2x.png\"}}),_c('div',[_c('p',{staticClass:\"paySuccess-title\"},[_vm._v(\"支付成功！\")]),_c('p',{staticClass:\"paySuccess-title\"},[_vm._v(\"美好旅程即将开启！\")])])]),_c('div',{staticClass:\"paySuccess-linkBtn\"},[_c('a',{staticClass:\"external\",attrs:{\"href\":\"/Rccl.UserCenter/OrderRecord/List\"}},[_vm._v(\"订到超棒旅程，瞄一眼火热订单！\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shorex\"},[_c('div',{staticClass:\"shorex-title\"},[_c('span',{staticStyle:{\"color\":\"#006AB6\"}},[_vm._v(\"皇家\")]),_vm._v(\"岸上观光\")]),_c('div',{staticClass:\"shorex-text\"},[_vm._v(\"精品游行程享套餐优惠\")]),_c('img',{staticClass:\"shorex-img\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/wechatMiniProgram/shorex/select-shorex.png\",\"alt\":\"\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paySuccess-tips\"},[_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"paySuccess-tips-title\"},[_vm._v(\"请仔细阅读办理登船注意事项！\")]),_c('div',{staticClass:\"paySuccess-tips-content\"},[_c('p',[_vm._v(\" 支付成功后，将需要3个工作日左右对您的订单进行确认及系统操作，订单确认后，请务必在开航7天之前办理在线值船，打印“登船证”并于登船当天携带。如遇紧急情况，请您拨打皇家客服专线：400-820-7293。 \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notice js_shorex active\"},[_c('div',{staticClass:\"notice-line\"}),_c('div',{staticClass:\"notice-txt\"},[_vm._v(\"岸上观光服务\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shorex-item-tips\"},[_vm._v(\" 注：\"),_c('br'),_vm._v(\" 1) 目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_vm._v(\" 2) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\"),_c('br'),_vm._v(\" 3) 皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。 \")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.allShorexList && _vm.allShorexList.length>0)?_c('div',{staticClass:\"paySuccessShores\"},[_c('div',{staticClass:\"shores-tabHeader\"},_vm._l((_vm.allShorexList),function(item,index){return _c('div',{key:index,staticClass:\"tabHeader-item\",class:{'active':_vm.shoresTabActive===index},on:{\"click\":function($event){return _vm.onChangeShoreTab(index,item)}}},[(item.shorexType===2)?_c('span',[_vm._v(_vm._s(item.shorexName))]):_c('span',[_vm._v(\"皇家常规游 （免费）\")])])}),0),_c('div',{staticClass:\"confirm-btn\",on:{\"click\":function($event){return _vm.confirmUpdate(_vm.allShorexList,_vm.shoresTabActive)}}},[_c('p',[_vm._v(\"确认提交\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shorexType===2),expression:\"shorexType===2\"}]},[_vm._v(\"费用在登轮后自动从房卡扣除\")])]),_c('div',{staticClass:\"shores-tabContent\"},[_c('div',{staticClass:\"tabContent-title\"},[(_vm.shoreActiveData.shorexType===2)?_c('div',{staticClass:\"title-name\"},[_c('span'),_vm._v(_vm._s(_vm.shoreActiveData.shorexName))]):_c('div',{staticClass:\"title-name\"},[_c('span'),_vm._v(\"皇家常规游 （免费）\")]),(_vm.shoreActiveData.price>0)?_c('div',{staticClass:\"title-price\"},[_vm._v(\"价格：\"),_c('span',[_vm._v(\"$\"+_vm._s(_vm.shoreActiveData.price)+\"/每人\")])]):_vm._e()]),_vm._l((_vm.shoreActiveData.shorexTours),function(item,idx){return _c('div',{key:idx,staticClass:\"tabContent\"},[_c('div',{staticClass:\"tabContent-site\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/site-icon.png\",\"alt\":\"\"}}),_vm._v(\" \"+_vm._s(item.shorexName)+\" \")]),_c('div',{staticClass:\"tabContent-main\"},[_vm._v(\" \"+_vm._s(item.shorexBrief)+\" \")]),_c('div',{staticClass:\"tabContent-site\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/time-icon.png\",\"alt\":\"\"}}),_vm._v(\" 时长：\"),_c('span',{staticStyle:{\"color\":\"#FCC300\"}},[_vm._v(_vm._s(item.duration))])]),_c('div',{staticClass:\"tabContent-main\"},[_c('div',{staticClass:\"tabContent-img\"},[_c('ShorexSwiper',{attrs:{\"banner-list\":item.bannerList}})],1),_c('div',{staticClass:\"tabContent-text\"},[_vm._v(\" \"+_vm._s(item.shorexDescription)+\" \")]),_vm._m(0,true)])])})],2),_vm._m(1),_c('div',{staticClass:\"confirm-btn\",on:{\"click\":function($event){return _vm.confirmUpdate(_vm.allShorexList,_vm.shoresTabActive)}}},[_c('p',[_vm._v(\"确认提交\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shorexType===2),expression:\"shorexType===2\"}]},[_vm._v(\"费用在登轮后自动从房卡扣除\")])]),(_vm.isShowDetail)?_c('div',{staticClass:\"shoresDetailModel\",attrs:{\"id\":\"shoppingCartModal\"}},[_c('div',{staticClass:\"shoresDetailModel-bg\",on:{\"click\":function($event){_vm.isShowDetail=!_vm.isShowDetail}}}),_c('div',{staticClass:\"shoresDetailModel-container\"},[_c('div',{staticStyle:{\"border-bottom\":\"1px solid #f7f7f7\",\"margin-bottom\":\"15px\"}},[_c('div',{staticClass:\"shoresDetailModel-title\"},[_vm._v(\" 确定为以下预订选择岸上观光行程 \")]),_vm._m(2),_c('div',{staticClass:\"select-order\"},_vm._l((_vm.shoreActiveData.shorexOrderInfos),function(x,d){return _c('div',{key:d,staticClass:\"order-item\",on:{\"click\":function($event){return _vm.onChangeOrder(_vm.shoreActiveData,x,)}}},[_c('span',{staticClass:\"checkBox-btn\",class:{'active':_vm.isInTempBookings(x.bookingId,_vm.shoreActiveData.id) }},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/check.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"order-info\"},[_c('span',{staticStyle:{\"white-space\":\"nowrap\"}},[_vm._v(\"订单号：\"+_vm._s(x.bookingId))]),_vm._v(\" \"),_c('span',{staticClass:\"order-pis\"},[_vm._v(\"乘客信息：\"+_vm._s(_vm.getPassengerName(x.bookingGuests)))])])])}),0)]),_c('div',{staticClass:\"shoresDetailModel-main\"},[(_vm.shorexType===2)?_c('div',{staticClass:\"main-name\"},[_c('span'),_vm._v(_vm._s(_vm.orderInfoList.shorexName))]):_c('div',{staticClass:\"main-name\"},[_c('span'),_vm._v(\"皇家常规游（免费）\")]),_c('div',{staticClass:\"main-shoreOder\"},[_vm._v(\"订单号：\"+_vm._s(_vm.orderInfoList.shorexOrderInfos[0].bookingId)+\" \"),_c('span',[_vm._v(\"联系人：\"+_vm._s(_vm.orderInfoList.shorexOrderInfos[0].contact))])]),_c('div',{staticClass:\"main-passenger\"},_vm._l((_vm.orderInfoList.shorexOrderInfos[0].bookingGuests),function(x,idx){return _c('div',{key:idx,staticClass:\"main-passenger-item\"},[_c('div',[_vm._v(\"乘客\"+_vm._s(_vm.transitionChinese(idx+1)))]),_c('div',[_vm._v(_vm._s(x.chineseLastName+x.chineseFirstName))])])}),0)]),_c('div',{staticClass:\"shoresDetailModel-closed js-closedBtn\",on:{\"click\":function($event){_vm.isShowDetail=!_vm.isShowDetail}}},[_c('span',{},[_vm._v(\"X\")])])]),_c('div',{staticClass:\"order-detail-btn\"},[_c('div',{staticClass:\"goBack-btn\",on:{\"click\":_vm.goBack}},[_vm._v(\"返回修改\")]),_c('div',{staticClass:\"submit-btn\",on:{\"click\":_vm.submit}},[_vm._v(\"确认提交\")])])]):_vm._e(),(_vm.isHasShores)?_c('div',{staticClass:\"hasShoresTips\"},[_c('div',{staticClass:\"hasShoresTips-container\"},[_c('div',{staticClass:\"con-title\"},[_vm._v(\"温馨提示\")]),_vm._m(3),_c('div',{staticClass:\"con-btn\",on:{\"click\":function($event){_vm.isHasShores=false}}},[_vm._v(\"我知道了\")])])]):_vm._e()]):_c('div',{staticClass:\"noShorex\"},[_vm._m(4),_c('div',{staticClass:\"noShorex-text\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/hint-icon.png\",\"alt\":\"\"}}),_c('div',[_vm._v(\"该航次岸上观光服务尚未开放选订，选订开放后，我们会在第一时间通知您。您也可以密切关注皇家加勒比官方网站， 后续可至\"),_c('span',{staticStyle:{\"color\":\"#006AB6\"},on:{\"click\":_vm.goToPcp}},[_vm._v(\">>皇家行前订\")]),_vm._v(\"进行预订\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notice\"},[_c('p',[_vm._v(\"注：\")]),_c('div',[_vm._v(\" （1）\"),_c('p',[_vm._v(\"目的地的产品及行程仅供参考,实际行程以具体航次和地接社安排为准\")])]),_c('div',[_vm._v(\" （2）\"),_c('p',[_vm._v(\"目的地产品及行程可能受天气、航次情况、交通、政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\")])]),_c('div',[_vm._v(\" （3）\"),_c('p',[_vm._v(\"本站以外预订，请以相关渠道信息为准\")])]),_c('div',[_vm._v(\" （4）\"),_c('p',[_vm._v(\"皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"reserve-notice\"},[_c('div',{staticClass:\"reserve-notice-title\"},[_vm._v(\"预定须知\")]),_c('ul',[_c('li',[_vm._v(\"(1) 精品游行程的最低成团人数为38人，如未能达到最低成团人数，将于开航日前两周通知乘客；\")]),_c('li',[_vm._v(\"(2) 本网站提供的岸上观光产品的行程与时长等信息仅供参考，景点游览次序、停留时间等会因不可抗力、当地客流量和交通等原因有所调整，具体以地接社实际接待为准；\")]),_c('li',[_vm._v(\"(3) 岸上观光产品的具体集合时间、地点以及线路安排等信息将通过信件的方式直接放置于乘客的舱房内，乘客需于登船后自行查看舱房内的信件通知，及时获得有关信息，并按照规定的时间和地点集合。通期不予等候、退款或更换，请乘客务必按时出席。\")]),_c('li',[_vm._v(\"(4) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\")]),_c('li',[_vm._v(\"(5) 关于岸上观光产品的咨询、预订和修改，您可以拨打400-820-3187和皇家加勒比游轮度假专家联系。\")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"select-btn\"},[_vm._v(\"请选择订单\"),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/bottom-arrows.png\",\"alt\":\"\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"con-text\"},[_vm._v(\"尊敬的客人，皇家官方为您提供多种\"),_c('br'),_vm._v(\"岸上观光行程如下，您可自主进行选订。\"),_c('br'),_vm._v(\"如不选订任何行程则视为自助游，您需自行安排\"),_c('br'),_vm._v(\"目的地游览行程。\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"noShorex-img\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/cruiseDetail/shorexCompTour/noShorex.png\",\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"paySuccessShores\" v-if=\"allShorexList && allShorexList.length>0\">\r\n    <div class=\"shores-tabHeader\">\r\n      <div class=\"tabHeader-item\" :class=\"{'active':shoresTabActive===index}\"\r\n           v-for=\"(item, index) in allShorexList\"\r\n           :key=\"index\"\r\n           @click=\"onChangeShoreTab(index,item)\">\r\n          <span v-if=\"item.shorexType===2\">{{ item.shorexName }}</span>\r\n          <span v-else>皇家常规游 （免费）</span>\r\n      </div>\r\n    </div>\r\n    <div class=\"confirm-btn\" @click=\"confirmUpdate(allShorexList,shoresTabActive)\">\r\n        <p>确认提交</p>\r\n        <p v-show=\"shorexType===2\">费用在登轮后自动从房卡扣除</p>\r\n    </div>\r\n    <div class=\"shores-tabContent\">\r\n      <div class=\"tabContent-title\">\r\n        <div class=\"title-name\" v-if=\"shoreActiveData.shorexType===2\"><span></span>{{ shoreActiveData.shorexName }}</div>\r\n        <div class=\"title-name\" v-else><span></span>皇家常规游 （免费）</div>\r\n        <div class=\"title-price\" v-if=\"shoreActiveData.price>0\">价格：<span>${{shoreActiveData.price}}/每人</span></div>\r\n      </div>\r\n      <div class=\"tabContent\" v-for=\"(item, idx) in shoreActiveData.shorexTours\" :key=\"idx\">\r\n        <div class=\"tabContent-site\">\r\n          <img src=\"https://resource.rcclchina.com.cn/paySuccess/site-icon.png\" alt=\"\">\r\n          {{item.shorexName}}\r\n        </div>\r\n        <div class=\"tabContent-main\">\r\n          {{item.shorexBrief}}\r\n        </div>\r\n        <div class=\"tabContent-site\">\r\n          <img src=\"https://resource.rcclchina.com.cn/paySuccess/time-icon.png\" alt=\"\">\r\n          时长：<span style=\"color: #FCC300\">{{item.duration}}</span>\r\n        </div>\r\n        <div class=\"tabContent-main\">\r\n          <div class=\"tabContent-img\">\r\n            <ShorexSwiper :banner-list=\"item.bannerList\"></ShorexSwiper>\r\n          </div>\r\n          <div class=\"tabContent-text\">\r\n            {{item.shorexDescription}}\r\n          </div>\r\n          <div class=\"notice\">\r\n            <p>注：</p>\r\n            <div>\r\n              （1）<p>目的地的产品及行程仅供参考,实际行程以具体航次和地接社安排为准</p>\r\n            </div>\r\n            <div>\r\n              （2）<p>目的地产品及行程可能受天气、航次情况、交通、政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。</p>\r\n            </div>\r\n            <div>\r\n              （3）<p>本站以外预订，请以相关渠道信息为准</p>\r\n            </div>\r\n            <div>\r\n              （4）<p>皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"reserve-notice\">\r\n      <div class=\"reserve-notice-title\">预定须知</div>\r\n      <ul>\r\n        <li>(1) 精品游行程的最低成团人数为38人，如未能达到最低成团人数，将于开航日前两周通知乘客；</li>\r\n        <li>(2) 本网站提供的岸上观光产品的行程与时长等信息仅供参考，景点游览次序、停留时间等会因不可抗力、当地客流量和交通等原因有所调整，具体以地接社实际接待为准；</li>\r\n        <li>(3) 岸上观光产品的具体集合时间、地点以及线路安排等信息将通过信件的方式直接放置于乘客的舱房内，乘客需于登船后自行查看舱房内的信件通知，及时获得有关信息，并按照规定的时间和地点集合。通期不予等候、退款或更换，请乘客务必按时出席。</li>\r\n        <li>(4) 目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。</li>\r\n        <li>(5) 关于岸上观光产品的咨询、预订和修改，您可以拨打400-820-3187和皇家加勒比游轮度假专家联系。</li>\r\n      </ul>\r\n    </div>\r\n    <div class=\"confirm-btn\" @click=\"confirmUpdate(allShorexList,shoresTabActive)\">\r\n      <p>确认提交</p>\r\n      <p v-show=\"shorexType===2\">费用在登轮后自动从房卡扣除</p>\r\n    </div>\r\n    <div class=\"shoresDetailModel\" id=\"shoppingCartModal\" v-if=\"isShowDetail\">\r\n      <div class=\"shoresDetailModel-bg\" @click=\"isShowDetail=!isShowDetail\"></div>\r\n      <div class=\"shoresDetailModel-container\">\r\n        <div style=\"border-bottom: 1px solid #f7f7f7;margin-bottom: 15px\">\r\n          <div class=\"shoresDetailModel-title\">\r\n            确定为以下预订选择岸上观光行程\r\n          </div>\r\n          <div class=\"select-btn\">请选择订单<img src=\"https://resource.rcclchina.com.cn/paySuccess/bottom-arrows.png\" alt=\"\"></div>\r\n          <div class=\"select-order\">\r\n            <div class=\"order-item\" v-for=\"(x,d) in shoreActiveData.shorexOrderInfos\" :key=\"d\"\r\n                 @click=\"onChangeOrder(shoreActiveData,x,)\">\r\n              <span class=\"checkBox-btn\" :class=\"{'active':isInTempBookings(x.bookingId,shoreActiveData.id) }\">\r\n                <img src=\"https://resource.rcclchina.com.cn/paySuccess/check.png\" alt=\"\">\r\n              </span>\r\n              <div class=\"order-info\">\r\n                <span style=\"white-space: nowrap\">订单号：{{ x.bookingId }}</span> <span\r\n                  class=\"order-pis\">乘客信息：{{ getPassengerName(x.bookingGuests) }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"shoresDetailModel-main\">\r\n          <div class=\"main-name\" v-if=\"shorexType===2\"><span></span>{{orderInfoList.shorexName}}</div>\r\n          <div class=\"main-name\" v-else><span></span>皇家常规游（免费）</div>\r\n          <div class=\"main-shoreOder\">订单号：{{orderInfoList.shorexOrderInfos[0].bookingId}} <span>联系人：{{orderInfoList.shorexOrderInfos[0].contact}}</span></div>\r\n          <div class=\"main-passenger\">\r\n            <div class=\"main-passenger-item\" v-for=\"(x,idx) in orderInfoList.shorexOrderInfos[0].bookingGuests\" :key=\"idx\">\r\n              <div>乘客{{ transitionChinese(idx+1) }}</div>\r\n              <div>{{ x.chineseLastName+x.chineseFirstName }}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"shoresDetailModel-closed js-closedBtn\" @click=\"isShowDetail=!isShowDetail\"><span class=\"\">X</span></div>\r\n      </div>\r\n      <div class=\"order-detail-btn\">\r\n        <div class=\"goBack-btn\" @click=\"goBack\">返回修改</div>\r\n        <div class=\"submit-btn\" @click=\"submit\">确认提交</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"hasShoresTips\" v-if=\"isHasShores\">\r\n      <div class=\"hasShoresTips-container\">\r\n        <div class=\"con-title\">温馨提示</div>\r\n        <div class=\"con-text\">尊敬的客人，皇家官方为您提供多种<br>岸上观光行程如下，您可自主进行选订。<br>如不选订任何行程则视为自助游，您需自行安排<br>目的地游览行程。</div>\r\n        <div class=\"con-btn\" @click=\"isHasShores=false\">我知道了</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div v-else class=\"noShorex\">\r\n    <div class=\"noShorex-img\">\r\n      <img src=\"https://resource.rcclchina.com.cn/cruiseDetail/shorexCompTour/noShorex.png\" alt=\"\">\r\n    </div>\r\n    <div class=\"noShorex-text\">\r\n      <img src=\"https://resource.rcclchina.com.cn/paySuccess/hint-icon.png\" alt=\"\">\r\n      <div>该航次岸上观光服务尚未开放选订，选订开放后，我们会在第一时间通知您。您也可以密切关注皇家加勒比官方网站， 后续可至<span @click=\"goToPcp\" style=\"color: #006AB6;\">>>皇家行前订</span>进行预订</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport api from \"@/api\";\r\nimport {formatYYYYMMDD, gioTracking, isWechatBrowser} from \"@/utilities/tools\";\r\nimport ShorexSwiper from \"@/components/Booking/ShorexSwiper.vue\";\r\nexport default {\r\n  components: {\r\n    ShorexSwiper,\r\n  },\r\n  props:{\r\n    shoreData:{\r\n      type:Object,\r\n      default:()=>{\r\n        return {}\r\n      }\r\n    },\r\n    allShorexList:{\r\n      type:Array,\r\n      default:()=>{\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  data(){\r\n    return {\r\n      shoresTabList:{},\r\n      shoreActiveData:[],\r\n      shoresTabActive:0,  //选中tab索引\r\n      orderId:'',\r\n      isShowDetail:false,\r\n      passengerInfo:[],\r\n      selectShore:[],\r\n      tempBookings:[],\r\n      orderInfoList:{},\r\n      allShoreTabList:null,\r\n      shorexType:0,\r\n      isHasShores:false\r\n    }\r\n  },\r\n  methods:{\r\n    // 切换tab\r\n    onChangeShoreTab(idx,item){\r\n      console.log(this.allShorexList,idx)\r\n      this.shoresTabActive = idx\r\n      this.shoreActiveData =  this.allShorexList[idx]\r\n      this.shorexType = this.shoreActiveData.shorexType\r\n      let time = formatYYYYMMDD(item.sailDate)\r\n      let gioInfo = 'shorexUpsellSaildate'+time+item.shorexName\r\n      gioTracking('track','evt_ButtonClicked',{'btnTypes':gioInfo})\r\n    },\r\n    // 选择订单\r\n    onChangeOrder(item,x){\r\n      if (this.isInTempBookings(x.bookingId,item.id)) {\r\n        this.tempBookings = this.tempBookings.filter(r=> r.bookingId !== x.bookingId )\r\n      } else {\r\n        let isInTemp = this.tempBookings.some(r => r.id !== item.id);\r\n        if(isInTemp){\r\n          this.$alert.show('该订单已选择其他岸上观光行程，是否重新选择？', {\r\n            confirmCallBack: () => {\r\n              this.tempBookings = this.tempBookings.filter(r =>r.bookingId !== x.bookingId);\r\n              x.id = item.id\r\n              x.shorexName = item.shorexName\r\n              x.sailDate = item.sailDate\r\n              this.tempBookings.push(x)\r\n            }\r\n          });\r\n        }else{\r\n          x.id = item.id\r\n          x.shorexName = item.shorexName\r\n          x.sailDate = item.sailDate\r\n          this.tempBookings.push(x)\r\n        }\r\n      }\r\n      // this.orderInfoList = this.tempBookings\r\n    },\r\n    isInTempBookings(bookingRecordId,id) {\r\n      return this.tempBookings.some(r=> r.id===id && r.bookingId === bookingRecordId)\r\n    },\r\n    // 点击确认升级\r\n    confirmUpdate(arr,x){\r\n      let time = formatYYYYMMDD(arr[0].sailDate)\r\n      let gioInfo = 'shorexUpsellConfirmSaildate'+time+arr[0].shorexName\r\n      gioTracking('track','evt_ButtonClicked',{'btnTypes':gioInfo})\r\n      this.isShowDetail = true\r\n      this.orderInfoList = arr[x]\r\n      console.log(this.orderInfoList)\r\n    },\r\n    // 获取订单乘客姓名然后拼接\r\n    getPassengerName(list){\r\n      let allName = ''\r\n      if(list.length > 0){\r\n        list.forEach(item=>{\r\n          let name = ''\r\n          name = item.chineseLastName + item.chineseFirstName\r\n          allName += name + ' | '\r\n        })\r\n        return allName.substring(0, allName.length - 3)\r\n      }\r\n    },\r\n    transitionChinese(str){\r\n      switch (str){\r\n        case 1:\r\n          return '一'\r\n        case 2:\r\n          return '二'\r\n        case 3:\r\n          return '三'\r\n        case 4:\r\n          return '四'\r\n        case 5:\r\n          return '五'\r\n      }\r\n    },\r\n    goBack(){\r\n      this.isShowDetail = false\r\n    },\r\n    async submit() {\r\n      // console.log('tempBookings',this.tempBookings)\r\n      let source = 'mobile'\r\n      // 判断是否为微信浏览器\r\n      if(isWechatBrowser){\r\n        source = 'weixin'\r\n      }\r\n      this.selectShore = this.tempBookings.map(item=>{\r\n        return {\r\n          bookingId: item.bookingId,\r\n          shorexId: item.id,\r\n          source:source\r\n        }\r\n      })\r\n      if(this.selectShore && this.selectShore.length === 0) {\r\n        this.$alert.show('请至少选择一条订单')\r\n        return\r\n      }\r\n      const requestData = {\r\n        viewModel: this.selectShore\r\n      }\r\n      this.$loading.show()\r\n      const {success, errMsg} = await api.booking.selectShorexV2(requestData)\r\n      this.$loading.hide()\r\n      console.log(this.selectShore)\r\n      if (success) {\r\n        let tipsText = '升级成功'\r\n        if(this.shorexType===1){\r\n          tipsText = '提交成功'\r\n        }\r\n        this.$alert.show(tipsText,{\r\n          confirmCallBack: ()=> {\r\n            // window.open(process.env.VUE_APP_BASE_URL+'/Rccl.Booking/Booking/PaySuccessBack')\r\n            this.$router.push('/Rccl.Booking/Booking/PaySuccessBack')\r\n            this.tempBookings = []\r\n            this.shoresTabActive = 0\r\n            this.isShowDetail = false\r\n          }\r\n        })\r\n      }\r\n      console.error(errMsg)\r\n    },\r\n    isImg(url) {\r\n      //获取最后一个.的位置\r\n      const index = url.lastIndexOf(\".\");\r\n      //获取后缀\r\n      const ext = url.substring(index + 1); // wxs不支持substr\r\n      // 进行判断\r\n      return ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1\r\n    },\r\n    async goToPcp () {\r\n      const { data } = await api.user.getPcpToken()\r\n      let token = \"\"\r\n      if (data && data.length > 0) {\r\n        token = data\r\n      }\r\n      const url = `${process.env.VUE_APP_PCP_URL}/Rccl.Pcp/product/pcpShorex?token=${token}`\r\n      location.href = url\r\n    }\r\n  },\r\n  watch:{\r\n    shoreData(newVal){\r\n      this.shoresTabList = newVal\r\n      this.shoreActiveData =  this.allShorexList[this.shoresTabActive]\r\n      console.log(this.shoreActiveData)\r\n      this.shorexType = this.shoreActiveData.shorexType\r\n    },\r\n    allShorexList(newVal){\r\n      this.isHasShores = newVal && newVal.length>0\r\n    }\r\n  },\r\n  computed:{}\r\n}\r\n</script>\r\n<style scoped lang=\"less\">\r\n.paySuccessShores{\r\n  width: 100%;\r\n  padding: 0 12px;\r\n  & .shores-tabHeader{\r\n    width: 100%;\r\n    height: 28px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    & .tabHeader-item{\r\n      padding: 6px 12px;\r\n      background: #EEEEEE;\r\n      color: #282828;\r\n      white-space: nowrap;\r\n      font-size: 11px;\r\n      border-radius: 5px;\r\n    }\r\n    & .tabHeader-item.active{\r\n      background: #FCC300;\r\n      color: #fff;\r\n    }\r\n  }\r\n  & .shores-tabContent{\r\n    background-color: #F4FBFF;\r\n    padding: 20px 14px 16px;\r\n    border-radius: 4px;\r\n    margin-top: 14px;\r\n    & .tabContent-title{\r\n      font-size: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      & .title-name{\r\n        font-weight: bold;\r\n        color: #282828;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 11px;\r\n        & span{\r\n          display: inline-block;\r\n          width: 3px;\r\n          height: 14px;\r\n          background: #FCC300;\r\n        }\r\n      }\r\n      & .title-price{\r\n        color: #282828;\r\n        & span{\r\n          font-weight: 800;\r\n          color: #006AB6;\r\n        }\r\n      }\r\n    }\r\n    & .tabContent{\r\n      margin-top: 9px;\r\n      & .tabContent-site{\r\n        font-size: 12px;\r\n        color: #006AB6;\r\n        font-weight: 600;\r\n        margin: 7px 0;\r\n        & img{\r\n          width: 10px;\r\n          height: 11px;\r\n        }\r\n      }\r\n      & .tabContent-main{\r\n        color: #282828;\r\n        font-size: 12px;\r\n        & .tabContent-img{\r\n          width: 100%;\r\n          margin: 10px 0 14px;\r\n          border-radius: 4px;\r\n          overflow: hidden;\r\n          & img{\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n        }\r\n        & .tabContent-text{\r\n          font-weight: 400;\r\n        }\r\n        & .notice{\r\n          font-size: 9px;\r\n          color: #282828;\r\n          margin: 14px 0 8px;\r\n          & div{\r\n            display: flex;\r\n            align-items: baseline;\r\n            & p{\r\n              margin: 3px 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  & .reserve-notice{\r\n    padding: 9px 20px 7px;\r\n    background-color: #F7F7F7;\r\n    margin-top: 11px;\r\n    border-radius: 4px;\r\n    & .reserve-notice-title{\r\n      font-weight: 500;\r\n      font-size: 16px;\r\n      color: #000000;\r\n      padding-bottom: 8px;\r\n      text-align: center;\r\n      border-bottom: 1px solid #E3E3E3;\r\n      margin-bottom: 13px;\r\n    }\r\n    & ul{\r\n      font-weight: 400;\r\n      font-size: 10px;\r\n      color: #282828;\r\n      height: 90px;\r\n      overflow: auto;\r\n      background-color: #F7F7F7;\r\n      &::-webkit-scrollbar {\r\n        width: 4px;\r\n        background-color: #F7F7F7;\r\n      }\r\n      &::-webkit-scrollbar-thumb {\r\n        background-color: #FDCB0A;\r\n      }\r\n      & li{\r\n        margin-bottom: 8px;\r\n      }\r\n    }\r\n  }\r\n  & .confirm-btn{\r\n    width: 100%;\r\n    height: 42px;\r\n    text-align: center;\r\n    padding: 0 15px;\r\n    border-radius: 22px;\r\n    margin-top: 20px;\r\n    background: linear-gradient( 225deg, #FFDB17 0%, #FCBF00 100%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    & p:first-child{\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      color: #000000;\r\n      margin: 0;\r\n    }\r\n    & p:last-child{\r\n      font-weight: 400;\r\n      font-size: 9px;\r\n      color: #000000;\r\n      margin: 0;\r\n    }\r\n  }\r\n}\r\n.shoresDetailModel {\r\n  width: 100%;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  z-index: 100;\r\n  .shoresDetailModel-bg {\r\n    background-color: rgba(0,0,0,.4);\r\n    position: fixed;\r\n    width: 100%;\r\n    height: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 94px;\r\n  }\r\n  .shoresDetailModel-container {\r\n    background-color: #fff;\r\n    border-top: 5px solid #FEBC10;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    padding: 22px 20px 54px;\r\n    & .shoresDetailModel-title{\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      color: #000000;\r\n      padding-bottom: 9px;\r\n      margin-bottom: 5px;\r\n    }\r\n    & .shoresDetailModel-main{\r\n      & .main-name{\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        color: #4A4A4A;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 9px;\r\n        margin-bottom: 6px;\r\n        & span{\r\n          display: inline-block;\r\n          width: 3px;\r\n          height: 14px;\r\n          background: #FCC300;\r\n        }\r\n      }\r\n      & .main-shoreOder{\r\n        font-weight: 600;\r\n        font-size: 12px;\r\n        color: #9B9B9B;\r\n        margin-bottom: 6px;\r\n        & span{\r\n          margin-left: 26px;\r\n        }\r\n      }\r\n      & .main-passenger{\r\n        background-color: #F7F7F7;\r\n        border: 5px;\r\n        margin-bottom: 24px;\r\n        padding: 0 18px 12px;\r\n        border-radius: 5px;\r\n        & .main-passenger-item{\r\n          font-weight: 600;\r\n          font-size: 12px;\r\n          color: #4A4A4A;\r\n          border-bottom: 1px solid #E2E2E2;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: space-between;\r\n          padding: 12px 0;\r\n        }\r\n      }\r\n    }\r\n    .shoresDetailModel-closed {\r\n      width: 38px;\r\n      text-align: center;\r\n      height: 34px;\r\n      line-height: 34px;\r\n      position: absolute;\r\n      top: -4px;\r\n      right: -4px;\r\n      background: #FEBC10;\r\n      border-bottom-left-radius: 8px;\r\n      -webkit-border-bottom-left-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n      -webkit-border-bottom-right-radius: 8px;\r\n      > span {\r\n        display: inline-block;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        -webkit-transform: scale(1.5,1.3);\r\n        -moz-transform: scale(1.5,1.3);\r\n        -ms-transform: scale(1.5,1.3);\r\n        -o-transform: scale(1.5,1.3);\r\n        transform: scale(1.5,1.3);\r\n      }\r\n    }\r\n  }\r\n  & .order-detail-btn{\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: center;\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: #000000;\r\n    & .goBack-btn{\r\n      width: 50%;\r\n      height: 54px;\r\n      background: #E5E1E1;\r\n      line-height: 54px;\r\n    }\r\n    & .submit-btn{\r\n      width: 50%;\r\n      height: 54px;\r\n      line-height: 54px;\r\n      background: linear-gradient( 127deg, rgba(252,192,1,0.98) 0%, #FFDA17 100%);\r\n    }\r\n  }\r\n}\r\n.noShorex{\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  color: #282828;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  .noShorex-img{\r\n    width: 90px;\r\n    height: 70px;\r\n    img{\r\n      width: 100%;\r\n    }\r\n\r\n  }\r\n  .noShorex-text{\r\n    gap: 3px;\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    padding: 0 22px 0 20px;\r\n    margin-top: 3px;\r\n    //文字首行缩进\r\n    div{\r\n      &::first-letter{\r\n        margin-left: 22px;\r\n      }\r\n    }\r\n\r\n    img{\r\n      width: 15px;\r\n      height: 15px;\r\n      position: absolute;\r\n      top: 2px;\r\n      left: 20px;\r\n    }\r\n  }\r\n}\r\n.select-order{\r\n    width: 100%;\r\n    & .order-item{\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: nowrap;\r\n      margin-bottom: 5px;\r\n      & .checkBox-btn{\r\n        width: 16px;\r\n        height: 16px;\r\n        border: 2px solid #D8D8D8;\r\n        background: #FFFFFF;\r\n        border-radius: 4px;\r\n        margin-right: 5px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        & img{\r\n          width: 10px;\r\n          height: 7px;\r\n        }\r\n      }\r\n      & .checkBox-btn.active{\r\n        background-color: #FCC300;\r\n        border: none;\r\n      }\r\n      & .order-info{\r\n        width: calc(100% - 21px);\r\n        display: flex;\r\n        align-items: center;\r\n        & .order-pis{\r\n          margin-left: 10px;\r\n          text-overflow: ellipsis;\r\n          font-size: 9px;\r\n          white-space: nowrap;\r\n          overflow: hidden;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n.select-btn {\r\n  width: 100%;\r\n  height: 20px;\r\n  color: #fff;\r\n  background-color: #006AB6;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 2px;\r\n  font-size: 12px;\r\n  margin-bottom: 15px;\r\n  img{\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n}\r\n.hasShoresTips{\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  background-color: rgba(0,0,0,.4);\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 10003;\r\n  .hasShoresTips-container{\r\n    width: 330px;\r\n    height: 250px;\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%,-50%);\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    color: #282828;\r\n    & .con-title{\r\n      font-size: 18px;\r\n      padding: 23px 13px 18px;\r\n      border-bottom: 1px solid #D8D8D8;\r\n    }\r\n    & .con-text{\r\n      margin-top: 19px;\r\n      font-size: 14px;\r\n      padding: 0 13px;\r\n      line-height: 24px;\r\n    }\r\n    & .con-btn{\r\n      width: 100%;\r\n      height: 40px;\r\n      background-color: #FFDA16;\r\n      text-align: center;\r\n      line-height: 40px;\r\n      margin-top: 30px;\r\n      border-radius: 0 0 8px 8px;\r\n    }\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!./PaySuccessShoreExcursions.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!./PaySuccessShoreExcursions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaySuccessShoreExcursions.vue?vue&type=template&id=7aa1880f&scoped=true\"\nimport script from \"./PaySuccessShoreExcursions.vue?vue&type=script&lang=js\"\nexport * from \"./PaySuccessShoreExcursions.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaySuccessShoreExcursions.vue?vue&type=style&index=0&id=7aa1880f&prod&scoped=true&lang=less\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7aa1880f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div v-show=\"isSuccess\" class=\"list-block media-list scroll-container\">\r\n    <div class=\"paySuccess-pic\">\r\n      <img src=\"https://resource.rcclchina.com.cn/paySuccess/SC.png\" />\r\n    </div>\r\n    <div class=\"paySuccess\">\r\n      <div class=\"paySuccess-main\">\r\n        <div class=\"paySuccess-text\">\r\n          <img\r\n              src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/06---u5b8cu6210@2x.png\"\r\n          />\r\n          <div>\r\n            <p class=\"paySuccess-title\">支付成功！</p>\r\n            <p class=\"paySuccess-title\">美好旅程即将开启！</p>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- <div class=\"cruiseShare-cruiseInfo-QRCode f-dn\">\r\n                  <div id=\"qrcode\" title=\"http://wechatapp.rcclchina.com.cn:8080/Rccl.Cruise/CruiseDetail?shipCode=SC&amp;sailDate=2021-05-26&amp;from=paysuccess\"><canvas width=\"65\" height=\"65\" style=\"display: none;\"></canvas><img src=\"data:image/png;base64,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\" style=\"display: block;\"></div>\r\n                  <span>扫码分享行程</span>\r\n              </div> -->\r\n        <div class=\"paySuccess-linkBtn\">\r\n          <a href=\"/Rccl.UserCenter/OrderRecord/List\" class=\"external\"\r\n          >订到超棒旅程，瞄一眼火热订单！</a\r\n          >\r\n        </div>\r\n      </div>\r\n      <div class=\"shorex\">\r\n        <div class=\"shorex-title\"><span style=\"color: #006AB6\">皇家</span>岸上观光</div>\r\n        <div class=\"shorex-text\">精品游行程享套餐优惠</div>\r\n        <img class=\"shorex-img\" src=\"https://resource.rcclchina.com.cn/wechatMiniProgram/shorex/select-shorex.png\" alt=\"\"/>\r\n      </div>\r\n      <div class=\"shorex-tab ShoreExcursions\">\r\n        <PaySuccessShoreExcursions\r\n            :shoreData=\"pageData\"\r\n            :allShorexList=\"allShorexList\"\r\n        ></PaySuccessShoreExcursions>\r\n      </div>\r\n      <div class=\"hsbcBanner\" v-if=\"hsbcBanners && hsbcBanners.length\">\r\n        <Swiper\r\n            ref=\"bannerSwiper\"\r\n            :options=\"swiperOptions\"\r\n            class=\"swiper-container swiper-topics topics\"\r\n            @click-slide=\"onShowPopupsImg\"\r\n        >\r\n          <SwiperSlide\r\n              v-for=\"(item, i) in hsbcBanners\"\r\n              :key=\"i\"\r\n              class=\"swiper-slide promoBannerLink external\"\r\n          >\r\n            <div>\r\n              <img :src=\"item.image\" alt=\"\"/>\r\n            </div>\r\n          </SwiperSlide>\r\n          <div\r\n              ref=\"swiper-pagination\"\r\n              class=\"swiper-pagination\"\r\n              v-if=\"hsbcBanners.length > 1\"\r\n              slot=\"pagination\"\r\n          ></div>\r\n        </Swiper>\r\n      </div>\r\n      <div v-if=\"info\" class=\"survey-question-main\">\r\n        <questionnaire :infoList=\"info\"\r\n                       :isShowTitleNumber=\"true\"\r\n                       :isTitleStyle=\"false\"\r\n                       :submitStyle=\"true\"\r\n                       :bookingRdId=\"-1\"\r\n                       :orderId=\"orderId\"\r\n        ></questionnaire>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"paySuccess-tips\">\r\n      <div class=\"line\"></div>\r\n      <div class=\"paySuccess-tips-title\">请仔细阅读办理登船注意事项！</div>\r\n      <div class=\"paySuccess-tips-content\">\r\n        <p>\r\n          支付成功后，将需要3个工作日左右对您的订单进行确认及系统操作，订单确认后，请务必在开航7天之前办理在线值船，打印“登船证”并于登船当天携带。如遇紧急情况，请您拨打皇家客服专线：400-820-7293。\r\n        </p>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"notice-wrap\" v-if=\"false\">\r\n      <div class=\"notice js_shorex active\">\r\n        <div class=\"notice-line\"></div>\r\n        <div class=\"notice-txt\">岸上观光服务</div>\r\n      </div>\r\n      <div class=\"shorex\">\r\n        <div class=\"notice-item\">\r\n          <div class=\"no-shorex\" v-if=\"!hasShorexes\">\r\n            很抱歉，该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您，您也可以密切关注皇家加勒比官方网站。\r\n          </div>\r\n          <div class=\"selectShorex-css\" v-else-if=\"!selectedFreeShorex\">\r\n            <p>您尚未预订任何岸上观光服务</p>{{selectedFreeShorex}}\r\n            <span class=\"selectShorex_JS\" @click=\"showShorexPopup()\"\r\n              >请选择</span\r\n            >\r\n          </div>\r\n          <div v-else>\r\n            <div class=\"notice-item-title\">\r\n              皇家常规游 (免费赠送)\r\n              <span class=\"line\"></span>\r\n              <span class=\"up-shorex\" @click=\"showShorexPopup()\"\r\n                >升级精品游</span\r\n              >\r\n            </div>\r\n            <div\r\n              class=\"notice-item-text shorex-item-text\"\r\n              v-for=\"(trip, i) in selectedFreeShorex.shorexTrips\"\r\n              :key=\"'freeShorexTrip_' + i\"\r\n            >\r\n              <p style=\"color: black\">\r\n                {{ trip.tripName }} - 时长约{{ trip.tripTime }}小时\r\n              </p>\r\n              <div class=\"shorex-item-trip\" v-html=\"trip.description\"></div>\r\n            </div>\r\n            <div class=\"shorex-item-tips\">\r\n              注：<br />\r\n              1)\r\n              目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br />\r\n              2)\r\n              目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。<br />\r\n              3)\r\n              皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。\r\n<!--              3)-->\r\n<!--              关于岸上观光产品的咨询、预订和修改，您可以拨打400-820-3187和皇家加勒比游轮度假专家联系。-->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"bottom_img\" @click=\"goToPcp\">\r\n      <img src=\"https://resource.rcclchina.com.cn/logo/pcp-mb-banner.jpg\" />\r\n    </div>\r\n\r\n    <PaySuccessShorex\r\n      :shorexes=\"payShorexes\"\r\n      :bookings=\"bookings\"\r\n      :isShow=\"isShowShorex\"\r\n      :bookingCruises=\"bookingCruises\"\r\n      :onGoBack=\"closeShorexPopup\"\r\n    />\r\n    <popups-img v-show=\"isShowPopupsImg\"\r\n                :imgUrl=\"popupsImgUrl\"\r\n                @closePopups=\"onClosePopups\">\r\n    </popups-img>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport api from \"@/api\";\r\nimport Questionnaire from \"@/components/Questionnaire/Questionnaire.vue\";\r\nimport PaySuccessShoreExcursions from \"@/components/Booking/PaySuccessShoreExcursions.vue\";\r\nimport PopupsImg from \"@/components/Cruise/popupsImg.vue\";\r\nimport { Swiper, SwiperSlide, directive} from \"vue-awesome-swiper\";\r\nimport \"swiper/css/swiper.css\";\r\nconst PaySuccessShorex = () => import(\"@/components/Booking/PaySuccessShorex\");\r\nexport default {\r\n  name: \"PaySuccess\",\r\n  components: {\r\n    PaySuccessShoreExcursions,\r\n    Swiper,\r\n    SwiperSlide,\r\n    PopupsImg,\r\n    Questionnaire,\r\n    PaySuccessShorex,\r\n  },\r\n  directives: {\r\n    swiper: directive,\r\n  },\r\n  data() {\r\n    return {\r\n      isSuccess: true,\r\n      isShowShorex: false,\r\n      pageData: {},\r\n      info: null,\r\n      orderId: '',\r\n      hsbcBanners:null,\r\n      popupsImgUrl:'',\r\n      isShowPopupsImg:false,\r\n      swiperOptions: {\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n        },\r\n        loop: false,\r\n        autoplay: {\r\n          delay: 5000,\r\n        },\r\n      },\r\n      allShorexList: [],\r\n    };\r\n  },\r\n  beforeMount() {\r\n    this.$store.commit(\"SET_PAGE_TITLE\", \"支付成功\");\r\n    this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n      isHideHeader: false,\r\n      isHideFooter: true,\r\n    });\r\n    this.initPage();\r\n    window.onpopstate = () => {\r\n      if (this.isShowShorex) {\r\n        this.closeShorexPopup();\r\n      }\r\n    };\r\n    let query = this.$route.query;\r\n    this.type = query.type || 'HOME';\r\n    this.getQuestions();\r\n    this.orderId = query.orderId || ''\r\n  },\r\n  beforeDestroy() {\r\n    this.$store.dispatch(\"HIDE_HEADER_BAR\", {\r\n      isHideHeader: false,\r\n      isHideFooter: false,\r\n    });\r\n  },\r\n  methods: {\r\n    async initPage() {\r\n      const userToken = this.$store.state.user.userToken;\r\n      await this.getCruiseBanner()\r\n      if (!userToken || userToken == \"\") {\r\n        this.$router.push({\r\n          name: \"Login\",\r\n          query: {\r\n            returnUrl: location.href,\r\n          },\r\n        });\r\n        return;\r\n      }\r\n      const query = this.$router.currentRoute.query;\r\n      if (!query.payMentId || query.payMentId == \"\") {\r\n        // return this.$router.push({\r\n        //   name: \"BookingList\",\r\n        // });\r\n      }\r\n      const { success, data, errMsg } = await api.booking.paySuccessV2({\r\n        paymentId: query.payMentId,\r\n        userName: userToken,\r\n      });\r\n      if (!success) {\r\n        console.error(errMsg);\r\n        // return this.$router.push({\r\n        //   name: \"BookingList\",\r\n        // });\r\n      }\r\n      this.pageData = this.initBookingData(data);\r\n      this.allShorexList = this.pageData.shorexList\r\n      this.isSuccess = true;\r\n    },\r\n    // 预处理接口返回数据，把bookingcruise放到booking里面\r\n    initBookingData(data) {\r\n      if (data.apiBookings && data.bookingCruises) {\r\n        data.apiBookings.forEach((booking) => {\r\n          const cruise = data.bookingCruises.find(\r\n            (r) => r.cruiseId == booking.cruisePartRecord_Id\r\n          );\r\n          booking.cruise = cruise;\r\n        });\r\n      }\r\n      return data;\r\n    },\r\n    showShorexPopup() {\r\n      this.isShowShorex = true;\r\n      this.showPopup();\r\n    },\r\n    closeShorexPopup() {\r\n      this.isShowShorex = false;\r\n    },\r\n    showPopup() {\r\n      history.pushState({ page: \"paySuccess\" }, null);\r\n    },\r\n    async goToPcp() {\r\n      const { data } = await api.user.getPcpToken();\r\n      let token = \"\";\r\n      if (data && data.length > 0) {\r\n        token = data;\r\n      }\r\n      let url = `${process.env.VUE_APP_PCP_URL}/Rccl.Pcp/Home/Index?token=${token}`;\r\n      if (this.firstBooking) {\r\n        url += `&sailDate=${this.firstBooking.sailDate}&shipCode=${this.firstBooking.shipCode}&bookingId=${this.firstBooking.bookingId}`;\r\n      }\r\n      location.href = url;\r\n    },\r\n    async getQuestions() {\r\n      this.$loading.show()\r\n      const {success, data} = await api.questionnaire.getCampaignQuestions({\r\n        type: this.type\r\n      })\r\n      this.$loading.hide()\r\n      if(success) {\r\n        this.info = this.surveyFormat(data,null);\r\n      }\r\n    },\r\n    // 数据处理\r\n    surveyFormat(rows, type, defaultVal){\r\n      let customTypeIcon = {\r\n        \"Booking\": \"flowPath.png\",\r\n        \"ImportantInfo\": \"info.png\",\r\n        \"CustomerService\": \"service.png\"\r\n      }\r\n      rows.categoryQuestionItems && rows.categoryQuestionItems.forEach((row,idx)=> {\r\n        if(rows.categoryQuestionItems[0].questionItems[0].customType === \"Point\") {\r\n          row.show = idx === 0;\r\n        } else {\r\n          row.show = true;\r\n        }\r\n        row.questionItems && row.questionItems.forEach((qtItem)=> {\r\n          qtItem.value = qtItem.type === 4 ? defaultVal : null;\r\n          qtItem.isFocus = false;\r\n          qtItem.icon = customTypeIcon[qtItem.customType]\r\n          if(qtItem.type === 4) {\r\n            let indexList = [];\r\n            for (let i = 1; i <= 10; i++) {\r\n              indexList.push({\r\n                text: i,\r\n                selectClass: \"\"\r\n              })\r\n            }\r\n            qtItem.indexList = indexList;\r\n          }\r\n          qtItem.optionItems && qtItem.optionItems.forEach((option)=> {\r\n            option.checked = false;\r\n            option.otherVal = \"\";\r\n            option.isOther = option.optionName === \"其他\" || option.optionName === \"其它\"\r\n          })\r\n        })\r\n        row.NO = (idx+1) > 9 ? (idx+1) : `0${idx+1}`\r\n      });\r\n      console.log(rows)\r\n      return rows;\r\n    },\r\n    async getCruiseBanner() {\r\n      const requestData = {\r\n        businessType:2\r\n      }\r\n      const {success, data, errMsg} = await api.cruise.getCruiseBannerApi(requestData);\r\n      if (success) {\r\n        this.hsbcBanners = data\r\n        // console.log(this.hsbcBanners)\r\n      } else {\r\n        this.$alert.show(errMsg);\r\n      }\r\n    },\r\n    onShowPopupsImg(idx){\r\n      this.popupsImgUrl = ''\r\n      this.popupsImgUrl = this.hsbcBanners[idx].popupImageUrl\r\n      this.isShowPopupsImg = true\r\n    },\r\n    onClosePopups(){\r\n      this.isShowPopupsImg = false\r\n    }\r\n  },\r\n  computed: {\r\n    bookings() {\r\n      return this.pageData.apiBookings || [];\r\n    },\r\n\t\tfirstBooking() {\r\n\t\t\treturn this.bookings.length > 0 ? this.bookings[0]: null\r\n\t\t},\r\n    bookingCruises() {\r\n      return this.pageData.bookingCruises || [];\r\n    },\r\n    freeShorexes() {\r\n      return this.pageData.freeShorexList || [];\r\n    },\r\n    payShorexes() {\r\n      return this.pageData.shorexList || [];\r\n    },\r\n    hasShorexes() {\r\n      return this.freeShorexes.length > 0 || this.payShorexes.length > 0;\r\n    },\r\n    selectedFreeShorex() {\r\n      const shorexIds = this.bookings\r\n        .filter((r) => r.shorexPartRecord_Id && r.shorexPartRecord_Id > 0)\r\n        .map((r) => r.shorexPartRecord_Id);\r\n      if (shorexIds.length == 0) {\r\n        return {};\r\n      }\r\n      const freeShorex = this.freeShorexes.find(\r\n        (r) => shorexIds.indexOf(r.id) >= 0\r\n      );\r\n      return freeShorex;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.shorex-item-trip,\r\n.shorex-item-trip p,\r\n.shorex-item-trip span {\r\n  font-size: 12px !important;\r\n  margin: 0px;\r\n}\r\n</style>\r\n\r\n<style lang=\"less\" scoped>\r\np {\r\n  margin: 0;\r\n}\r\n.list-block {\r\n  margin-bottom: 0px;\r\n  .paySuccess-pic {\r\n    height: 258px;\r\n    img {\r\n      width: 375px;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .paySuccess {\r\n    padding: 40px 0px 18px 0px;\r\n    .paySuccess-main{\r\n      padding: 0 26px;\r\n    }\r\n    background-color: #fff;\r\n    .paySuccess-text {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      img {\r\n        width: 44px;\r\n      }\r\n      > div {\r\n        display: inline-block;\r\n        .paySuccess-title {\r\n          color: #333333;\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n          text-align: left;\r\n          margin: 0;\r\n        }\r\n      }\r\n    }\r\n    .paySuccess-linkBtn {\r\n      width: 300px;\r\n      height: 46px;\r\n      line-height: 46px;\r\n      margin-top: 18px;\r\n      text-align: center;\r\n      margin: 10px auto 0 auto;\r\n      background-image: -webkit-gradient(\r\n        linear,\r\n        right top,\r\n        left top,\r\n        from(#fad961),\r\n        to(#febc10)\r\n      );\r\n      background-image: -webkit-linear-gradient(\r\n        right,\r\n        #fad961 0%,\r\n        #febc10 100%\r\n      );\r\n      background-image: -moz-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n      background-image: -o-linear-gradient(right, #fad961 0%, #febc10 100%);\r\n      background-image: linear-gradient(270deg, #fad961 0%, #febc10 100%);\r\n      box-shadow: 0 4px 8px 0 rgba(254, 188, 16, 0.5);\r\n      -webkit-box-shadow: 0 4px 8px 0 rgba(254, 188, 16, 0.5);\r\n      -moz-box-shadow: 0 4px 8px 0 rgba(254, 188, 16, 0.5);\r\n      border-radius: 24px;\r\n      -webkit-border-radius: 24px;\r\n      -moz-border-radius: 24px;\r\n      a {\r\n        font-family: PingFang-SC-Medium;\r\n        font-size: 14px;\r\n        color: #454545;\r\n        letter-spacing: 2px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.paySuccess-tips {\r\n  background-color: white;\r\n  position: relative;\r\n  padding: 16px 20px;\r\n  .line {\r\n    width: 100%;\r\n    height: 0.5px;\r\n    background: #ccc;\r\n    margin-bottom: 16px;\r\n  }\r\n  .paySuccess-tips-title {\r\n    color: #4a90e2;\r\n    font-size: 12px;\r\n  }\r\n  .paySuccess-tips-content {\r\n    font-size: 12px;\r\n    color: #666666;\r\n    margin-top: 11px;\r\n    p {\r\n      margin-bottom: 28px;\r\n    }\r\n  }\r\n}\r\n\r\n.notice-wrap {\r\n  margin-top: 10px;\r\n  margin-bottom: 10px;\r\n  background-color: #fff;\r\n  .notice {\r\n    margin-bottom: 0;\r\n  }\r\n  .shorex {\r\n    padding-bottom: 15px;\r\n  }\r\n  .no-shorex {\r\n    font-size: 12px;\r\n    color: #808080;\r\n    font-weight: normal;\r\n    margin-top: 5px;\r\n  }\r\n  .selectShorex-css p {\r\n    font-size: 14px;\r\n    text-align: center;\r\n    color: #666666;\r\n  }\r\n  .selectShorex-css span {\r\n    display: inline-block;\r\n    width: 122px;\r\n    height: 40px;\r\n    background: #fbc500;\r\n    text-align: center;\r\n    line-height: 40px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #454545;\r\n    margin-left: 30%;\r\n  }\r\n}\r\n.bottom_img {\r\n  margin-bottom: -50px;\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.notice {\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -moz-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -webkit-align-items: center;\r\n  -moz-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n  padding: 17px 32px 14px 25px;\r\n  background-color: #fff;\r\n}\r\n.notice-line {\r\n  -webkit-box-flex: 0;\r\n  -webkit-flex: none;\r\n  -moz-box-flex: 0;\r\n  -ms-flex: none;\r\n  flex: none;\r\n  width: 3px;\r\n  height: 14px;\r\n  margin-right: 5px;\r\n  background-color: #4a90e2;\r\n  border-radius: 1px;\r\n}\r\n.notice-txt {\r\n  -webkit-box-flex: 1;\r\n  -webkit-flex: 1;\r\n  -moz-box-flex: 1;\r\n  -ms-flex: 1;\r\n  flex: 1;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  color: #4a90e2;\r\n  font-weight: 600;\r\n}\r\n.notice-item {\r\n  margin: 0 15px 17px 25px;\r\n  padding-left: 8px;\r\n  border-bottom: 1px solid #cccccc;\r\n  .line {\r\n    display: inline-block;\r\n    width: 86px;\r\n    height: 0px;\r\n    border-bottom: dotted 1px #ccc;\r\n    position: relative;\r\n    top: -3px;\r\n    margin: 0px 5px;\r\n  }\r\n  .up-shorex {\r\n    display: inline-block;\r\n    width: 95px;\r\n    height: 25px;\r\n    background: #fbc500;\r\n    text-align: center;\r\n    line-height: 25px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #454545;\r\n  }\r\n  .notice-item-title {\r\n    margin-bottom: 6px;\r\n    font-size: 12px;\r\n    line-height: 20px;\r\n    color: #4a90e2;\r\n  }\r\n\r\n  .notice-item-text {\r\n    padding-bottom: 5px;\r\n    font-size: 12px;\r\n    line-height: 20px;\r\n    color: #666;\r\n  }\r\n  .shorex-item-tips {\r\n    font-size: 12px;\r\n    color: #666;\r\n  }\r\n}\r\n.notice-item:last-child {\r\n  margin-bottom: 0;\r\n  border-bottom: none;\r\n}\r\n.survey-question-main{\r\n  margin-top: 25px;\r\n}\r\n.shorex{\r\n  text-align: center;\r\n  margin-top: 15px;\r\n  padding: 0 12px;\r\n}\r\n.shorex .shorex-title{\r\n  font-family: PingFang-SC, PingFang-SC;\r\n  font-weight: 500;\r\n  font-size: 20px;\r\n  line-height: 28px;\r\n  color: #FCC300;\r\n  margin-top: 9px;\r\n  position: relative;\r\n}\r\n\r\n.shorex .shorex-title text{\r\n  color: #006AB6;\r\n}\r\n.shorex .shorex-text{\r\n  font-family: PingFang-SC, PingFang-SC;\r\n  font-weight: 500;\r\n  font-size: 12px;\r\n  color: #000000;\r\n  line-height: 17px;\r\n  margin-bottom: 7px;\r\n}\r\n.shorex .shorex-img{\r\n  width: 100%;\r\n  height: 72px;\r\n  margin-bottom: 14px;\r\n}\r\n.noShores{\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 21px;\r\n  font-weight: 600;\r\n  font-size: 13px;\r\n  color: #282828;\r\n  gap: 4px;\r\n  & img{\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n}\r\n.hsbcBanner{\r\n  width: 100%;\r\n  height: 100px;\r\n  margin: 20px 0;\r\n  padding: 0 15px;\r\n  &  .swiper-container {\r\n    width: 100%;\r\n    height: 100px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\r\n  }\r\n  & .swiper-slide{\r\n    width: 100%;\r\n    height: 100px;\r\n  }\r\n  & img{\r\n    width: 100%;\r\n    height: 100px;\r\n  }\r\n}\r\n</style>\r\n\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!./PaySuccess.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!./PaySuccess.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaySuccess.vue?vue&type=template&id=07e531ce&scoped=true\"\nimport script from \"./PaySuccess.vue?vue&type=script&lang=js\"\nexport * from \"./PaySuccess.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaySuccess.vue?vue&type=style&index=0&id=07e531ce&prod&lang=css\"\nimport style1 from \"./PaySuccess.vue?vue&type=style&index=1&id=07e531ce&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  \"07e531ce\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.find` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.find\n$({ target: 'Iterator', proto: true, real: true }, {\n  find: function find(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop(value);\n    }, { IS_RECORD: true, INTERRUPTED: true }).result;\n  }\n});\n","'use strict';\n// TODO: Remove from `core-js@4`\nrequire('../modules/es.iterator.find');\n"],"sourceRoot":""}