{"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?fe74","webpack:///./src/components/Cruise/popupsImg.vue?458b","webpack:///./src/assets/popupClose.png","webpack:///./src/views/Booking/PaySuccess.vue?4c20","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:///./src/components/Booking/PaySuccessShoreExcursions.vue?7bdc"],"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","hsbcBanners","length","ref","swiperOptions","onShowPopupsImg","_l","item","i","key","image","slot","_e","info","orderId","goToPcp","payShorexes","bookings","isShowShorex","bookingCruises","closeShorexPopup","isShowPopupsImg","popupsImgUrl","onClosePopups","_v","shoresTabList","payShorexList","index","class","shoresTabActive","$event","onChangeShoreTab","_s","shorexName","shoreActiveData","price","shorexTours","idx","shorexBrief","staticStyle","duration","bannerList","shorexDescription","shorexOrderInfos","x","d","onChangeOrder","isInTempBookings","bookingId","id","getPassengerName","bookingGuests","confirmUpdate","isShowDetail","orderInfoList","contact","transitionChinese","chineseLastName","chineseFirstName","goBack","submit","components","ShorexSwiper","shoreData","Object","passengerInfo","selectShore","tempBookings","beforeMount","filter","r","isInTemp","some","$alert","show","confirmCallBack","push","bookingRecordId","list","allName","forEach","substring","str","console","log","source","isWechatBrowser","map","shorexId","requestData","viewModel","$loading","success","errMsg","api","booking","selectShorexV2","hide","$router","error","isImg","url","lastIndexOf","ext","indexOf","toLowerCase","watch","newVal","computed","PaySuccessShorex","PaySuccessShoreExcursions","Swiper","SwiperSlide","PopupsImg","Questionnaire","swiper","directive","pagination","el","loop","autoplay","delay","$store","commit","dispatch","isHideHeader","isHideFooter","initPage","window","onpopstate","query","$route","getQuestions","beforeDestroy","userToken","state","user","getCruiseBanner","returnUrl","location","href","currentRoute","payMentId","paySuccessV2","paymentId","userName","initBookingData","apiBookings","cruise","find","cruiseId","cruisePartRecord_Id","showShorexPopup","showPopup","history","pushState","page","getPcpToken","token","firstBooking","sailDate","shipCode","questionnaire","getCampaignQuestions","campaignSurveyPageTitle","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","shorexList","hasShorexes","selectedFreeShorex","shorexIds","shorexPartRecord_Id","freeShorex"],"mappings":"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","file":"js/chunk-75d972e0.d0f998d5.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=6b8b4d51&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=6b8b4d51&prod&lang=less&scoped=true\"","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}})],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',[_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')])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.shoresTabList.payShorexList)?_c('div',{staticClass:\"paySuccessShores\"},[_c('div',{staticClass:\"shores-tabHeader\"},_vm._l((_vm.shoresTabList.payShorexList),function(item,index){return _c('div',{key:index,staticClass:\"tabHeader-item\",class:{'active':_vm.shoresTabActive===index},on:{\"click\":function($event){return _vm.onChangeShoreTab(index)}}},[_vm._v(\" \"+_vm._s(item.shorexName)+\" \")])}),0),_c('div',{staticClass:\"shores-tabContent\"},[_c('div',{staticClass:\"tabContent-title\"},[_c('div',{staticClass:\"title-name\"},[_c('span'),_vm._v(_vm._s(_vm.shoreActiveData.shorexName))]),(_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),_vm._m(1,true)])])}),_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)],2),_vm._m(2),_c('div',{staticClass:\"confirm-btn\",on:{\"click\":_vm.confirmUpdate}},[_c('p',[_vm._v(\"确认升级\")]),_c('p',[_vm._v(\"费用在登轮后自动从房卡扣除\")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowDetail),expression:\"isShowDetail\"}],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',{staticClass:\"shoresDetailModel-title\"},[_vm._v(\" 确认为以下预订升级精品游 \")]),_vm._l((_vm.orderInfoList),function(item,index){return _c('div',{key:index,staticClass:\"shoresDetailModel-main\"},[_c('div',{staticClass:\"main-name\"},[_c('span'),_vm._v(_vm._s(item.shorexName))]),_c('div',{staticClass:\"main-shoreOder\"},[_vm._v(\"订单号：\"+_vm._s(item.bookingId)+\" \"),_c('span',[_vm._v(\"联系人：\"+_vm._s(item.contact))])]),_c('div',{staticClass:\"main-passenger\"},_vm._l((item.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\")])])],2),_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(\"确认提交\")])])])]):_c('div',{staticClass:\"noShorex\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/hint-icon.png\",\"alt\":\"\"}}),_c('div',{staticClass:\"noShorex-text\"},[_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(\"本站以外预订，请以相关渠道信息为准\")])])])\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:\"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}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"paySuccessShores\" v-if=\"shoresTabList.payShorexList\">\r\n    <div class=\"shores-tabHeader\">\r\n      <div class=\"tabHeader-item\" :class=\"{'active':shoresTabActive===index}\"\r\n           v-for=\"(item, index) in shoresTabList.payShorexList\"\r\n           :key=\"index\"\r\n           @click=\"onChangeShoreTab(index)\">\r\n        {{ item.shorexName }}\r\n      </div>\r\n    </div>\r\n    <div class=\"shores-tabContent\">\r\n      <div class=\"tabContent-title\">\r\n        <div class=\"title-name\"><span></span>{{ shoreActiveData.shorexName }}</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          <div class=\"select-btn\">请选择要升级的订单<img src=\"https://resource.rcclchina.com.cn/paySuccess/bottom-arrows.png\" alt=\"\"></div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"select-order\">\r\n        <div class=\"order-item\"  v-for=\"(x,d) in shoreActiveData.shorexOrderInfos\" :key=\"d\" @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 class=\"order-pis\">乘客信息：{{getPassengerName(x.bookingGuests)}}</span>\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\">\r\n      <p>确认升级</p>\r\n      <p>费用在登轮后自动从房卡扣除</p>\r\n    </div>\r\n    <div class=\"shoresDetailModel\" id=\"shoppingCartModal\" v-show=\"isShowDetail\">\r\n      <div class=\"shoresDetailModel-bg\" @click=\"isShowDetail=!isShowDetail\"></div>\r\n      <div class=\"shoresDetailModel-container\">\r\n        <div class=\"shoresDetailModel-title\">\r\n          确认为以下预订升级精品游\r\n        </div>\r\n        <div class=\"shoresDetailModel-main\" v-for=\"(item,index) in orderInfoList\"\r\n        :key=\"index\">\r\n          <div class=\"main-name\"><span></span>{{item.shorexName}}</div>\r\n          <div class=\"main-shoreOder\">订单号：{{item.bookingId}} <span>联系人：{{item.contact}}</span></div>\r\n          <div class=\"main-passenger\">\r\n            <div class=\"main-passenger-item\" v-for=\"(x,idx) in item.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>\r\n  <div v-else class=\"noShorex\">\r\n    <img src=\"https://resource.rcclchina.com.cn/paySuccess/hint-icon.png\" alt=\"\">\r\n    <div class=\"noShorex-text\">精品游暂未开放，请稍后前往皇家行前订进行预订</div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport api from \"@/api\";\r\nimport {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  },\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    }\r\n  },\r\n  beforeMount() {\r\n\r\n  },\r\n  methods:{\r\n    // 切换tab\r\n    onChangeShoreTab(idx){\r\n      this.shoresTabActive = idx\r\n      this.shoreActiveData =  this.shoresTabList.payShorexList[idx]\r\n    },\r\n    // 选择订单\r\n    onChangeOrder(item,x){\r\n      // console.log(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              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          this.tempBookings.push(x)\r\n        }\r\n      }\r\n      // console.log('tempBookings',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(){\r\n      if (this.tempBookings.length === 0) {\r\n        this.$alert.show('请选择要升级的订单')\r\n        return\r\n      }\r\n      this.isShowDetail = true\r\n      this.orderInfoList = this.tempBookings\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      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      if (success) {\r\n        this.$alert.show('升级成功',{\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  },\r\n  watch:{\r\n    shoreData(newVal){\r\n      this.shoresTabList = newVal\r\n      this.shoreActiveData =  this.shoresTabList.payShorexList[this.shoresTabActive]\r\n    }\r\n  },\r\n  computed:{\r\n  }\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        & .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: 9px;\r\n          }\r\n        }\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      & .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  & .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    padding: 22px 20px 13px 20px;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    padding-bottom: 54px;\r\n    & .shoresDetailModel-title{\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      color: #000000;\r\n      border-bottom: 1px solid #f7f7f7;\r\n      padding-bottom: 9px;\r\n      margin-bottom: 15px;\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  align-items: center;\r\n  margin-left: 21px;\r\n  gap: 3px;\r\n  & img{\r\n    width: 15px;\r\n    height: 15px;\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!./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=361e80c0&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=361e80c0&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  \"361e80c0\",\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,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAYAAACO98lFAAAGA0lEQVR4Xu2b2XYTQQxE7f//6HBiaJ+a8q2SHOAFkheIPdPdkmrzkvvtdvu4hZ+Pj59P3e/32+f/z7/62Ln187nPH73nPJfuPfec+2iftr+vr2Wcc5z7U42P53+e+7UPVHArlDbxg5xmaLPoPm1GOzw1wRtOA/PBPZuQpkKTpkPq5v68I8oLe6foCWk+KEcSNW7VhIkOG4TQ4b0ZihR6Th9TpOqgGhJo0Bc6NCToc4n32uEEceV+gnlqVirOz/NbTUgQbZwiqqTrE0XSFJsITxR1jSPUqGA+6LCZysR5p0wSVl9H0UF7OKe/en8T2DtaA9yR+ERFKES147psmtZGf7aW2wq/6Mt3E263CxI2PKyw+hWqkr64wCZ3cJcgCjjaiDbuJireeha0SFfxKYC05Ocbp8BEDtRciQLeNCBykkfzPumQAoYW0NxDeU9FpjjskyKuUxPdgRLCWnTWc15ic7MSL86vbVD3xJim7hlhKoIG4ygmCrw0+wjjlq9bdDhF0oGJeu3axGuCuiK8hsGTEzYvbqbpp4m/+/hGk6amJop6sx7XeViaMn6LtboxqXfiMr1mSK8j2uNJGAmVFyf8boK9n9BU3B0kdZfglsRKJ0eWt9nzrEHXkrDSY8+w1GIxiaEHq1R8KpSciKxai6SoTQ1u1zklH7+7O7TupUO6CrfER7ydfJ4QSiLtAuwNjBHgvL2mG7XJk+2kROkFJ99P6S/ZbEJRaoJT5sVZTmL0A7ZpTvzb+Hzy9Y37vJMsyZFe7ld3aAmNYDx1nvictISotglwqUjPCfT783yqCS3U+OHfhXZDx6Tiem/itTaj0YVofxHG/7YJTgfqVKNCgyOpM62l+oAWBh/sNA1zXaFrlR7xwxfnUOPsBGdylNQM9f0JmeRiyQlU6F30X95PIDFqnU1c9HVUkZO7UB7QYaSiaa80RHelx3X+HuMmEG0O1iY9WSg1PQWmybUSsi5im5rgi09JMvm7H2JjexMaKcNMjXUUXdwuCaPb0lTMVhcmSFP2aBHZNaBllxibNTHSawCHfou4xHttZhKnJlrO4YY4bTDlmpR1nsJIB6EN/8km0AsoLzQlMJpyatKEKEJherGmjuQuoPTY1HFxh01IUriTKkfOyYcykzA2zZj2d31IzuG1XnIC2ckkkNR532Qjmk7HyWK1mVNzpvyBH8OlaW3jaIJrEjmiihfpw0g22ew1Nfblwxc9aJtGs62EhEYFQkJyq4mKiZZJLy6fRTaLmw6p0290SELW7ncE+aCmlOvWqbS/CCMdoimtF5N459SYxIv0Y9IHcgG9J2nGaV7UBD8MWV+ytY01TbrjOtEa8dtN0JwwbeSJS2FG4hY5WN4fSJnEhXCiiAspUegp9PRlzpYZkm6Qc/i0p7TZ6NfEbpM9mqZdPotMfCROJZ8ma5vcIkV2F7z0OyFyyh0XVBMd6DXDRBWfolOH1tzojCt7Gsg0qDUdEufVUlr6I3RQ81LQcYdqDUiI82JpTR/IS2x2aCWVTg7QDudFTUXqYZvjkD0nPcJr05c0NqKWLJIa6RMhNKTQ0wTTc8jWenX/pzCSOHngcGj/M02g9xibiCX7JOt0OE9Wtg1oTRwVNdMQn9e2T6VpkcQ/KrjlAg87xH+iJFHGzzRlCqci5gRfpC1K6p8On6x3srfmSC7chMgkwBEJuqgfOsF1Ck6T3qgF+//J8lLjqZkknC8WSV/1bxPzRZtyT17uwkrNSBbd6JSaGumZvuVOFGix9R3I0iSniU+iqoU755NAnjVXf++Q/JuaQgdobpPUPDWFhFmLJPQ5Wt3hvptA32ht0HHhSV2fqOSTcEUnQW4IIDcjzaB9H5qz+eNQFcOJGqTufiCCeirEh0JiSoPbDuLShGRzzrckgKk5dP9G5KhxZ60pMU7ro0W6mBHs3V62k0soSpNqwSnlFhpgQhshdfUXsl7IFId1Yg0JLSrTHhtn8GCW3Eev+2uakGiUCpnopMiZrqUc0u5Z/XHoQUJyjoQUErGEoq/skXTMXaA5xVMYqXPOKRebpBFpYpvpvbvHn2rCDyEVG082eetvAAAAAElFTkSuQmCC\" 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>升级</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        ></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<!--              关于岸上观光产品的咨询、预订和修改，您可以拨打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    };\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.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, errMsg} = await api.questionnaire.getCampaignQuestions({\r\n        type: this.type\r\n      })\r\n      this.$loading.hide()\r\n      if(success) {\r\n        console.log(data);\r\n        let { campaignSurveyPageTitle } = data;\r\n        this.info = this.surveyFormat(data,null);\r\n        this.$store.commit('SET_PAGE_TITLE', campaignSurveyPageTitle)\r\n      } else {\r\n        this.$alert.show(errMsg)\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: 800;\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.shorex .shorex-title::before{\r\n  content: '';\r\n  width: 51px;\r\n  height: 1px;\r\n  background-color: #006AB6;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 45px;\r\n}\r\n.shorex .shorex-title::after{\r\n  content: '';\r\n  width: 51px;\r\n  height: 1px;\r\n  background-color: #006AB6;\r\n  position: absolute;\r\n  top: 50%;\r\n  right:45px;\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=6b8b4d51&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=6b8b4d51&prod&lang=css\"\nimport style1 from \"./PaySuccess.vue?vue&type=style&index=1&id=6b8b4d51&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  \"6b8b4d51\",\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!./PaySuccessShoreExcursions.vue?vue&type=style&index=0&id=361e80c0&prod&scoped=true&lang=less\""],"sourceRoot":""}