{"version":3,"sources":["webpack:///./src/components/Booking/BookingDetailShorex.vue?04ca","webpack:///./src/components/Booking/BookingDetailShorex.vue","webpack:///src/components/Booking/BookingDetailShorex.vue","webpack:///./src/components/Booking/BookingDetailShorex.vue?9b81","webpack:///./src/components/Booking/BookingDetailShorex.vue?5ec0","webpack:///./src/components/Booking/BookingDetailShorex.vue?4773"],"names":["render","_vm","this","_c","_self","staticClass","class","isShow","attrs","_v","on","$event","onGoBack","_m","_l","shorexes","shorex","i","key","active","selectedShorexId","id","_s","shorexName","price","directives","name","rawName","value","expression","shorexTours","tour","j","duration","image","domProps","shorexDescription","amount","submitShorex","_e","staticRenderFns","props","type","Array","booking","Object","Function","onSelectShorex","Boolean","data","methods","requestData","viewModel","bookingId","shorexId","$loading","show","success","errMsg","api","selectShorex","hide","$alert","confirmCallBack","selectedShorex","console","error","computed","find","r","bookingGuests","length","watch","newValue","component"],"mappings":"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","file":"js/chunk-6b5d6898.f624bf01.js","sourcesContent":["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!./BookingDetailShorex.vue?vue&type=style&index=1&id=7036d926&prod&lang=less\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup\",class:{ 'modal-in': _vm.isShow, 'modal-out': !_vm.isShow},attrs:{\"id\":\"bookingDetailShorex\"}},[_c('div',{staticClass:\"shorexDetail-title js-returnShorexBtn\"},[_c('p',[_vm._v(\"升级精品游\")]),_c('a',{staticClass:\"shorexDetail-returnButton\",on:{\"click\":function($event){return _vm.onGoBack()}}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\"}})])]),_c('div',{staticClass:\"shorexDetail-content\"},[_vm._m(0),_c('div',{staticClass:\"shorex-body\"},[_vm._m(1),_c('div',{staticClass:\"nav-item\"},[_c('ul',{staticClass:\"nav-bar nav-bar-it\"},_vm._l((_vm.shorexes),function(shorex,i){return _c('li',{key:('shorexTab_'+i),staticClass:\"shorexTitle active-2\",class:{ active: _vm.selectedShorexId == shorex.id},on:{\"click\":function($event){_vm.selectedShorexId=shorex.id}}},[_c('div',[_vm._v(_vm._s(shorex.shorexName))]),_c('div',[_vm._v(_vm._s(shorex.price)+\"美元/人\")])])}),0),_vm._l((_vm.shorexes),function(shorex,i){return _c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.selectedShorexId == shorex.id),expression:\"selectedShorexId == shorex.id\"}],key:('shorex_'+i),staticClass:\"shorex-list\"},_vm._l((shorex.shorexTours),function(tour,j){return _c('li',{key:('tour_'+i+'_'+j)},[_c('div',{staticClass:\"rule-item shorex-item\"},[_c('div',{staticClass:\"rule-item-line\"}),_c('p',[_vm._v(_vm._s(tour.shorexName))]),_vm._v(\" \"),_c('span',{staticClass:\"time\"}),_vm._v(\"  时长: \"+_vm._s(tour.duration)+\" \")]),_c('div',{staticClass:\"img-desc\"},[_c('img',{attrs:{\"src\":tour.image}}),_c('div',{staticClass:\"desc\",domProps:{\"innerHTML\":_vm._s(tour.shorexDescription)}})])])}),0)})],2)]),_vm._m(2)]),(_vm.amount > 0)?_c('div',{staticClass:\"fix-bottom\"},[_c('div',{staticClass:\"fix-tiny\"},[_vm._v(\"1间 | \"),_c('span',{attrs:{\"id\":\"shorexTotalPrice\"}},[_vm._v(_vm._s(_vm.amount))]),_vm._v(\" 美元 (上船自动房卡扣款)\")]),_c('div',{staticClass:\"fix-btn order-btn\",on:{\"click\":function($event){return _vm.submitShorex()}}},[_vm._v(\"升级精品游\")])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pop-img\"},[_c('div',{staticClass:\"pop-sight\"},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/shorex/shorex-title-mobile.png\",\"alt\":\"\"}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"rule-item\"},[_c('div',{staticClass:\"rule-item-line\"}),_c('p',[_vm._v(\"请在线升级付费精品游套餐\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notice-bottom\"},[_c('div',{staticClass:\"no-title\"},[_vm._v(\"注:\")]),_c('div',{staticClass:\"items-bottom\"},[_c('span',{staticClass:\"parah-num\"},[_vm._v(\"1)\")]),_vm._v(\"目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。\"),_c('br'),_c('span',{staticClass:\"parah-num\"},[_vm._v(\"2)\")]),_vm._v(\"目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。\"),_c('br'),_c('span',{staticClass:\"parah-num\"},[_vm._v(\"3)\")]),_vm._v(\"皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。\"),_c('br')])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"popup\" :class=\"{ 'modal-in': isShow, 'modal-out': !isShow}\" id=\"bookingDetailShorex\">\r\n        <div class=\"shorexDetail-title js-returnShorexBtn\">\r\n            <p>升级精品游</p>\r\n            <a class=\"shorexDetail-returnButton\" @click=\"onGoBack()\">\r\n                <img src=\"https://resource.rcclchina.com.cn/mobileSearchPackage/arrowRightBlack.png\">\r\n            </a>\r\n        </div>\r\n        <div class=\"shorexDetail-content\">\r\n            <div class=\"pop-img\">\r\n                <div class=\"pop-sight\">\r\n                    <img style=\"\" src=\"https://resource.rcclchina.com.cn/shorex/shorex-title-mobile.png\" alt=\"\">\r\n                </div>\r\n            </div>\r\n            <div class=\"shorex-body\">\r\n                <div class=\"rule-item\">\r\n                    <div class=\"rule-item-line\"></div>\r\n                    <p>请在线升级付费精品游套餐</p>\r\n                </div>\r\n\r\n                <div class=\"nav-item\">\r\n                    <ul class=\"nav-bar nav-bar-it\">\r\n                        <li class=\"shorexTitle active-2\" v-for=\"(shorex, i) in shorexes\" :key=\"('shorexTab_'+i)\"\r\n                        :class=\"{ active: selectedShorexId == shorex.id}\"\r\n                        @click=\"selectedShorexId=shorex.id\">\r\n                            <div>{{shorex.shorexName}}</div>\r\n                            <div>{{shorex.price}}美元/人</div>\r\n                        </li>\r\n                    </ul>\r\n                    <ul class=\"shorex-list\" v-for=\"(shorex, i) in shorexes\" :key=\"('shorex_'+i)\"\r\n                    v-show=\"selectedShorexId == shorex.id\">\r\n                        <li v-for=\"(tour, j) in shorex.shorexTours\" :key=\"('tour_'+i+'_'+j)\">\r\n                            <div class=\"rule-item shorex-item\">\r\n                                <div class=\"rule-item-line\"></div>\r\n                                <p>{{tour.shorexName}}</p> <span class=\"time\"></span>&nbsp;&nbsp;时长: {{tour.duration}}\r\n                            </div>\r\n                            <div class=\"img-desc\">\r\n                                <img :src=\"tour.image\" />\r\n                                <div class=\"desc\" v-html=\"tour.shorexDescription\">\r\n\r\n                                </div>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n            <div class=\"notice-bottom\">\r\n                <div class=\"no-title\">注:</div>\r\n                <div class=\"items-bottom\">\r\n                    <span class=\"parah-num\">1)</span>目的地的产品及行程仅供参考，实际行程以具体航次和地接社安排为准。<br/>\r\n                    <span class=\"parah-num\">2)</span>目的地产品及行程可能因相关政府政策及/或保护公共健康安全之相关要求而取消、变更或调整。<br/>\r\n                    <span class=\"parah-num\">3)</span>皇家行前订目前只提供全程观光优惠套餐。您可于登船后购买单一港口观光产品。优惠套餐与单一港口观光产品均数量有限，先到先得。<br/>\r\n<!--                    <span class=\"parah-num\">3)</span>关于岸上观光产品的咨询、预订和修改，您可以拨打400-820-3187和皇家加勒比游轮度假专家联系。-->\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"fix-bottom\" v-if=\"amount > 0\">\r\n            <div class=\"fix-tiny\">1间  |  <span id=\"shorexTotalPrice\">{{amount}}</span>&nbsp;美元&nbsp;(上船自动房卡扣款)</div>\r\n            <div class=\"fix-btn order-btn\" @click=\"submitShorex()\">升级精品游</div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"BookingDetailShorex\",\r\n    props: {\r\n        shorexes: {\r\n            type: Array\r\n        },\r\n        booking: {\r\n            type: Object\r\n        },\r\n        onGoBack: {\r\n            type: Function\r\n        },\r\n        onSelectShorex: {\r\n            type: Function\r\n        },\r\n        isShow: {\r\n            type: Boolean\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            selectedShorexId: 0\r\n        }\r\n    },\r\n    methods: {\r\n        async submitShorex() {\r\n            const requestData = {\r\n                viewModel: [{\r\n                    bookingId: this.booking.bookingId,\r\n                    shorexId: this.selectedShorexId\r\n                }]\r\n            }\r\n            this.$loading.show()\r\n            const { success, errMsg } = await api.booking.selectShorex(requestData)\r\n            this.$loading.hide()\r\n            if (success) {\r\n                this.$alert.show('升级成功', {\r\n                    confirmCallBack: ()=> {\r\n                        this.onSelectShorex(this.selectedShorex)\r\n                    }\r\n                })\r\n            }\r\n            console.error(errMsg)\r\n        }\r\n    },\r\n    computed: {\r\n        selectedShorex () {\r\n            return this.shorexes.find(r=>r.id == this.selectedShorexId)\r\n        },\r\n        amount () {\r\n            if (!this.booking || !this.booking.bookingGuests\r\n            || !this.selectedShorex || !this.selectedShorex.price) return 0\r\n            return this.selectedShorex.price * this.booking.bookingGuests.length\r\n        }\r\n    },\r\n    watch: {\r\n        shorexes (newValue) {\r\n            if (newValue && newValue.length > 0) {\r\n                this.selectedShorexId = newValue[0].id\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#bookingDetailShorex.popup {\r\n    position: fixed;\r\n    transform: translate3d(100%, 0, 0);\r\n    display: block;\r\n    z-index: 10401;\r\n    overflow-y: hidden;\r\n}\r\n#bookingDetailShorex.modal-in {\r\n    position: fixed;\r\n    background-color: #F6F7F8;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n#bookingDetailShorex.modal-out {\r\n    transform: translate3d(100%, 0, 0);\r\n}\r\n\r\n#bookingDetailShorex {\r\n    li {\r\n        list-style: none;\r\n    }\r\n    .shorexDetail-title {\r\n        padding: 15px 20px;\r\n        background-color: #fff;\r\n        overflow: hidden;\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n        position: fixed;\r\n        width: 100%;\r\n        z-index: 10;\r\n        > p {\r\n            font-family: PingFang-SC-Medium;\r\n            font-size: 14px;\r\n            color: #333333;\r\n            letter-spacing: 1px;\r\n            text-align: center;\r\n            margin: 0;\r\n        }\r\n        .shorexDetail-returnButton {\r\n            width: 30px;\r\n            position: absolute;\r\n            top: 15px;\r\n            left: 20px;\r\n            text-align: left;\r\n            > img {\r\n                width: 33%;\r\n            }\r\n        }\r\n    }\r\n    .shorexDetail-content {\r\n        overflow-y: scroll;\r\n        padding-bottom: 50px;\r\n        height: 100%;\r\n    }\r\n    .pop-img {\r\n        padding: 50px 0 0;\r\n        background: #f6f7f8;\r\n        img {\r\n            max-width: 375px;\r\n            width: 100%;\r\n        }\r\n    }\r\n    .shorex-body {\r\n        .rule-item {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 17px 0 13px;\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            color: #4A90E2;\r\n            padding-left: 20px;\r\n            position: relative;\r\n            letter-spacing: 0;\r\n            background-color: #fff;\r\n            .rule-item-line {\r\n                width: 3px;\r\n                height: 12px;\r\n                margin-right: 6px;\r\n                background-color: #4A90E2;\r\n            }\r\n            p {\r\n                margin: 0;\r\n                font-weight: bold;\r\n            }\r\n        }\r\n        .nav-item {\r\n            .nav-bar.nav-bar-it {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                width: 100%;\r\n                padding: 0 20px;\r\n                background-color: #fff;\r\n                li.active-2 {\r\n                    width: 50%;\r\n                    height: 44px;\r\n                    text-align: center;\r\n                    border-top-left-radius: 8px;\r\n                    border-bottom-right-radius: 8px;\r\n                    padding-top: 4px;\r\n                    div {\r\n                        color: #333;\r\n                        font-size: 12px;\r\n                    }\r\n                }\r\n                li.active-2:nth-child(2) {\r\n                    position: relative;\r\n                    left: -10px;\r\n                    background: #fff;\r\n                }\r\n                li.active-2.active {\r\n                    background: #4A90E2;\r\n                    div {\r\n                        color: #fff;\r\n                    }\r\n                }\r\n\r\n            }\r\n        }\r\n        .shorex-list {\r\n            background: #f6f7f8;\r\n            padding-bottom: 1px;\r\n            li {\r\n                background: #fff;\r\n                margin-bottom: 14px;\r\n                padding-bottom: 13px;\r\n                position: relative;\r\n                padding-left: 20px;\r\n                padding-right: 19px;\r\n                .shorex-item {\r\n                    padding: 10px 0px;\r\n                }\r\n                span.time {\r\n                    content: url('https://resource.rcclchina.com.cn/bookingPay/time.jpg');\r\n                    width: 13px;\r\n                    height: 13px;\r\n                    margin: 0px 8px;\r\n                }\r\n                .img-desc {\r\n                    img {\r\n                        max-width: 375px;\r\n                        width: 100%;\r\n                        margin-bottom: 2px;\r\n                    }\r\n                    .desc {\r\n                        font-size: 12px;\r\n                        color: #666;\r\n                        line-height: 22px;\r\n                    }\r\n                }\r\n\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    .notice-bottom {\r\n        // display: flex;\r\n        padding: 10px 16px 20px;\r\n        font-size: 12px;\r\n        color: #666;\r\n        .parah-num {\r\n            display: inline-block;\r\n            width: 15px;\r\n        }\r\n    }\r\n\r\n    .fix-bottom {\r\n        position: fixed;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 50px;\r\n        .fix-tiny {\r\n            color: #fff;\r\n            height: 50px;\r\n            background: #4A90E2;\r\n            padding: 0 26px;\r\n            font-size: 14px;\r\n            line-height: 50px;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            width: 253px;\r\n             > span {\r\n                font-size: 16px;\r\n                font-weight: 400;\r\n            }\r\n        }\r\n        .fix-btn {\r\n            height: 50px;\r\n            background: #FEBC10;\r\n            font-size: 14px;\r\n            line-height: 50px;\r\n            text-align: center;\r\n            display: inline-block;\r\n            width: 122px;\r\n        }\r\n    }\r\n}\r\n</style>\r\n\r\n<style lang=\"less\">\r\n#bookingDetailShorex .shorex-body .shorex-list li .img-desc .desc {\r\n    font-size: 12px !important;\r\n    color: #666;\r\n    line-height: 22px !important;\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!./BookingDetailShorex.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!./BookingDetailShorex.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BookingDetailShorex.vue?vue&type=template&id=7036d926&scoped=true\"\nimport script from \"./BookingDetailShorex.vue?vue&type=script&lang=js\"\nexport * from \"./BookingDetailShorex.vue?vue&type=script&lang=js\"\nimport style0 from \"./BookingDetailShorex.vue?vue&type=style&index=0&id=7036d926&prod&lang=less&scoped=true\"\nimport style1 from \"./BookingDetailShorex.vue?vue&type=style&index=1&id=7036d926&prod&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  \"7036d926\",\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!./BookingDetailShorex.vue?vue&type=style&index=0&id=7036d926&prod&lang=less&scoped=true\""],"sourceRoot":""}