{"version":3,"sources":["webpack:///./src/views/Booking/PaySuccessBack.vue","webpack:///src/views/Booking/PaySuccessBack.vue","webpack:///./src/views/Booking/PaySuccessBack.vue?a200","webpack:///./src/views/Booking/PaySuccessBack.vue?0212","webpack:///./src/views/Booking/PaySuccessBack.vue?ecca"],"names":["render","_vm","this","_c","_self","staticClass","_m","staticStyle","_l","skipList","item","index","key","class","className","on","$event","goPcpItem","routeUrl","modelName","attrs","imgUrl","_v","goPcp","staticRenderFns","data","token","beforeMount","$store","commit","dispatch","isHideHeader","isHideFooter","getToken","methods","api","user","getPcpToken","length","url","name","gioTracking","location","href","process","component"],"mappings":"8IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACJ,EAAIK,GAAG,GAAGL,EAAIK,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,2BAA2BE,YAAY,CAAC,aAAa,SAASN,EAAIO,GAAIP,EAAIQ,UAAU,SAASC,EAAKC,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAME,MAAMH,EAAKI,WAAW,CAACX,EAAG,MAAM,CAACE,YAAY,cAAcU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOf,EAAIgB,UAAUP,EAAKQ,SAASR,EAAKS,cAAc,CAAChB,EAAG,MAAM,CAACiB,MAAM,CAAC,IAAMV,EAAKW,OAAO,IAAM,MAAMlB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIqB,GAAG,kBAAiB,GAAGnB,EAAG,MAAM,CAACE,YAAY,cAAcU,GAAG,CAAC,MAAQd,EAAIsB,QAAQ,CAACtB,EAAIqB,GAAG,UAAUrB,EAAIK,GAAG,MAE/mBkB,EAAkB,CAAC,WAAY,IAAIvB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACiB,MAAM,CAAC,IAAM,2DAA2D,IAAM,MAAMnB,EAAIqB,GAAG,iBAC/M,WAAY,IAAIrB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIqB,GAAG,aAAanB,EAAG,OAAO,CAACF,EAAIqB,GAAG,WAAWnB,EAAG,MAAMA,EAAG,OAAO,CAACF,EAAIqB,GAAG,UAAUrB,EAAIqB,GAAG,WAAWnB,EAAG,MAAMF,EAAIqB,GAAG,cAAcnB,EAAG,OAAO,CAACF,EAAIqB,GAAG,gBAAgBnB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACiB,MAAM,CAAC,IAAM,6DAA6D,IAAM,WAC5a,WAAY,IAAInB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACiB,MAAM,CAAC,IAAM,iEAAiE,IAAM,U,wBC2BzK,GACfK,OACA,OACAhB,SAAA,CACA,CAAAY,OAAA,wDAAAH,SAAA,yBAAAJ,UAAA,GAAAK,UAAA,iBACA,CAAAE,OAAA,4DAAAH,SAAA,2BAAAJ,UAAA,YAAAK,UAAA,iBACA,CAAAE,OAAA,4DAAAH,SAAA,kCAAAJ,UAAA,GAAAK,UAAA,kBACA,CAAAE,OAAA,yDAAAH,SAAA,4BAAAJ,UAAA,aAAAK,UAAA,qBAEAO,MAAA,KAGAC,cACA,KAAAC,OAAAC,OAAA,yBACA,KAAAD,OAAAE,SAAA,mBACAC,cAAA,EACAC,cAAA,IAEA,KAAAC,YAEAC,QAAA,CACA,iBACA,WAAAT,SAAAU,OAAAC,KAAAC,cACAZ,KAAAa,OAAA,IACA,KAAAZ,MAAAD,IAGAR,UAAAsB,EAAAC,GACAC,eAAA,sCAAAD,IACAE,SAAAC,KAAAC,4BAAAL,EAAA,eAAAb,OAEAH,QACAkB,eAAA,wDACAC,SAAAC,KAAAC,uDAAA,KAAAlB,SChEsW,I,wBCQlWmB,EAAY,eACd,EACA7C,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAqB,E,2CCnBf","file":"js/chunk-9a8470b2.591d4eea.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"paySuccess-content\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"con-notice route-reserve\",staticStyle:{\"margin-top\":\"13px\"}},_vm._l((_vm.skipList),function(item,index){return _c('div',{key:index,class:item.className},[_c('div',{staticClass:\"notice-item\",on:{\"click\":function($event){return _vm.goPcpItem(item.routeUrl,item.modelName)}}},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"item-reserve\"},[_vm._v(\"点击预定>\")])])])}),0),_c('div',{staticClass:\"reserve-btn\",on:{\"click\":_vm.goPcp}},[_vm._v(\"前往预定\")]),_vm._m(2)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"con-header\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/success.png\",\"alt\":\"\"}}),_vm._v(\"感谢您预订岸上观光！\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"con-notice\"},[_c('div',{staticClass:\"con-notice-left\"},[_vm._v(\" 您可以继续选择 \"),_c('span',[_vm._v(\"皇家行前订\")]),_c('br'),_c('span',[_vm._v(\"提前规划\")]),_vm._v(\"您的海上假期，\"),_c('br'),_vm._v(\" 吃喝玩乐购全覆盖，\"),_c('span',[_vm._v(\"行前预订价更优！\")])]),_c('div',{staticClass:\"con-notice-right\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/routeLogo.png\",\"alt\":\"\"}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pcp-advantage\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/paySuccess/pcp-advantage.png\",\"alt\":\"\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n<div class=\"paySuccess-content\">\r\n  <div class=\"con-header\"><img src=\"https://resource.rcclchina.com.cn/paySuccess/success.png\" alt=\"\">感谢您预订岸上观光！</div>\r\n  <div class=\"con-notice\">\r\n    <div class=\"con-notice-left\">\r\n      您可以继续选择 <span>皇家行前订</span><br>\r\n      <span>提前规划</span>您的海上假期，<br>\r\n      吃喝玩乐购全覆盖，<span>行前预订价更优！</span>\r\n    </div>\r\n    <div class=\"con-notice-right\">\r\n      <img src=\"https://resource.rcclchina.com.cn/paySuccess/routeLogo.png\" alt=\"\">\r\n    </div>\r\n  </div>\r\n  <div class=\"con-notice route-reserve\" style=\"margin-top: 13px\">\r\n    <div v-for=\"(item,index) in skipList\" :key=\"index\" :class=\"item.className\">\r\n      <div class=\"notice-item\" @click=\"goPcpItem(item.routeUrl,item.modelName)\">\r\n        <img :src=\"item.imgUrl\" alt=\"\">\r\n        <div class=\"item-reserve\">点击预定></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"reserve-btn\" @click=\"goPcp\">前往预定</div>\r\n  <div class=\"pcp-advantage\">\r\n    <img src=\"https://resource.rcclchina.com.cn/paySuccess/pcp-advantage.png\" alt=\"\">\r\n  </div>\r\n</div>\r\n</template>\r\n<script>\r\nimport api from \"@/api\";\r\nimport {gioTracking} from \"@/utilities/tools\";\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      skipList:[\r\n        {imgUrl:'https://resource.rcclchina.com.cn/paySuccess/wifi.png',routeUrl:'/Rccl.PCP/product/Wifi',className:'',modelName:'pcpUpsellWifi'},\r\n        {imgUrl:'https://resource.rcclchina.com.cn/paySuccess/catering.png',routeUrl:'/Rccl.PCP/product/dining',className:'item-food',modelName:'pcpUpsellFood'},\r\n        {imgUrl:'https://resource.rcclchina.com.cn/paySuccess/activity.png',routeUrl:'/Rccl.PCP/product/entertainment',className:'',modelName:'pcpUpsellEvent'},\r\n        {imgUrl:'https://resource.rcclchina.com.cn/paySuccess/serve.png',routeUrl:'/Rccl.PCP/product/service',className:'item-serve',modelName:'pcpUpsellService'}\r\n      ],\r\n      token:''\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.getToken()\r\n  },\r\n  methods:{\r\n    async getToken() {\r\n      const {data} = await api.user.getPcpToken()\r\n      if (data && data.length > 0) {\r\n        this.token = data\r\n      }\r\n    },\r\n    goPcpItem(url,name){\r\n      gioTracking('track','evt_ButtonClicked',{'btnTypes':name})\r\n      location.href=process.env.VUE_APP_PCP_URL + url+`?token=${this.token}`\r\n    },\r\n    goPcp() {\r\n      gioTracking('track','evt_ButtonClicked',{'btnTypes':'pcpUpsellBook'})\r\n      location.href = process.env.VUE_APP_PCP_URL + `/Rccl.Pcp/Home/Index?token=${this.token}`\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.paySuccess-content{\r\n  width: 100%;\r\n  background: linear-gradient( 180deg, #0297EA 0%, #95D2F7 34%, #F6FAFF 100%);\r\n  padding: 0 11px 27px;\r\n  & .con-header{\r\n    padding-top: 25px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    color: #FFFFFF;\r\n    margin-bottom: 17px;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-left: 11px;\r\n    gap: 8px;\r\n    & img{\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n  & .con-notice{\r\n    width: 100%;\r\n    display: flex;\r\n    background-color: #fff;\r\n    border-radius: 8px;\r\n    font-weight: 400;\r\n    font-size: 14px;\r\n    padding: 11px 10px 10px 14px;\r\n    & .con-notice-left{\r\n      width: 100%;\r\n      height: 66px;\r\n      & span{\r\n        color: #1B82CB;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n    & .con-notice-right{\r\n      width: 88px;\r\n      padding: 18px 0;\r\n      & img{\r\n        width: 100%;\r\n        height: 24px;\r\n      }\r\n    }\r\n  }\r\n  .route-reserve{\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 7px !important;\r\n    right: 0;\r\n    position: relative;\r\n    row-gap: 8px;\r\n    & .item-food{\r\n      position: absolute;\r\n      top: 7px;\r\n      right: 7px;\r\n    }\r\n    & .item-serve{\r\n      position: absolute;\r\n      bottom: 7px;\r\n      right: 7px;\r\n    }\r\n    & .notice-item{\r\n      width: 177px;\r\n      height: 154px;\r\n      border-radius: 5px;\r\n      position: relative;\r\n\r\n      & img{\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      & .item-reserve{\r\n        font-weight: 400;\r\n        font-size: 12px;\r\n        color: #FFFFFF;\r\n        position: absolute;\r\n        bottom: 5px;\r\n        right: 7px;\r\n      }\r\n    }\r\n  }\r\n  & .reserve-btn{\r\n    width: 100%;\r\n    height: 46px;\r\n    background: linear-gradient( 225deg, #FFDB17 0%, #FCBF00 100%);\r\n    border-radius: 22px;\r\n    margin: 25px 0 21px;\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n    color: #404040;\r\n    text-align: center;\r\n    line-height: 46px;\r\n  }\r\n  & .pcp-advantage{\r\n    width: 100% ;\r\n    height: 135px;\r\n    border-radius: 5px;\r\n    overflow: hidden;\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!./PaySuccessBack.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!./PaySuccessBack.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaySuccessBack.vue?vue&type=template&id=3cb22b20&scoped=true\"\nimport script from \"./PaySuccessBack.vue?vue&type=script&lang=js\"\nexport * from \"./PaySuccessBack.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaySuccessBack.vue?vue&type=style&index=0&id=3cb22b20&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  \"3cb22b20\",\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!./PaySuccessBack.vue?vue&type=style&index=0&id=3cb22b20&prod&lang=less&scoped=true\""],"sourceRoot":""}