{"version":3,"sources":["webpack:///./src/components/Booking/PaySuccess/ShorexSummary.vue?e76a","webpack:///src/components/Booking/PaySuccess/ShorexSummary.vue","webpack:///./src/components/Booking/PaySuccess/ShorexSummary.vue?1a72","webpack:///./src/components/Booking/PaySuccess/ShorexSummary.vue","webpack:///./src/components/Booking/PaySuccess/ShorexSummary.vue?af95"],"names":["render","_vm","this","_h","$createElement","_c","_self","selectedShorexes","length","staticClass","_v","attrs","_l","selectedShorex","i","key","_s","shorex","shorexName","price","booking","bookingId","getCruise","cruiseName","cruiseNightDate","shipName","sailDateBegin","sailDateEnd","getGuestNumber","staticStyle","getBookingPrice","totalPrice","on","submitShorex","shorexes","staticRenderFns","bookings","forEach","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAIM,iBAAiBC,OAAS,EAAGH,EAAG,MAAM,CAACI,YAAY,uBAAuB,CAACJ,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACI,YAAY,SAAS,CAACR,EAAIS,GAAG,WAAWL,EAAG,MAAM,CAACM,MAAM,CAAC,GAAK,iBAAiBV,EAAIW,GAAIX,EAAoB,kBAAE,SAASY,EAAeC,GAAG,OAAOT,EAAG,MAAM,CAACU,IAAK,kBAAkBD,EAAGL,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACI,YAAY,WAAW,CAACJ,EAAG,MAAM,CAACI,YAAY,aAAa,CAACR,EAAIS,GAAGT,EAAIe,GAAGH,EAAeI,OAAOC,eAAeb,EAAG,MAAM,CAACI,YAAY,SAAS,CAACR,EAAIS,GAAG,IAAIT,EAAIe,GAAGH,EAAeI,OAAOE,OAAO,UAAUd,EAAG,KAAKJ,EAAIW,GAAIC,EAAuB,UAAE,SAASO,GAAS,OAAOf,EAAG,KAAK,CAACU,IAAK,kBAAkBD,EAAE,YAAYM,EAAQC,WAAY,CAAChB,EAAG,MAAM,CAACI,YAAY,aAAa,CAACR,EAAIS,GAAG,OAAOT,EAAIe,GAAGI,EAAQC,cAAchB,EAAG,MAAM,CAACJ,EAAIS,GAAGT,EAAIe,GAAGf,EAAIqB,UAAUF,GAASG,eAAelB,EAAG,MAAM,CAACJ,EAAIS,GAAGT,EAAIe,GAAGf,EAAIqB,UAAUF,GAASI,iBAAiB,IAAIvB,EAAIe,GAAGf,EAAIqB,UAAUF,GAASK,aAAapB,EAAG,MAAM,CAACJ,EAAIS,GAAGT,EAAIe,GAAGf,EAAIqB,UAAUF,GAASM,eAAe,IAAIzB,EAAIe,GAAGf,EAAIqB,UAAUF,GAASO,gBAAgBtB,EAAG,MAAM,CAACI,YAAY,cAAc,CAACR,EAAIS,GAAG,QAAQT,EAAIe,GAAGf,EAAI2B,eAAeR,IAAU,YAAW,GAAGf,EAAG,MAAM,CAACI,YAAY,aAAa,CAACR,EAAIS,GAAG,MAAML,EAAG,OAAO,CAACwB,YAAY,CAAC,MAAQ,YAAY,CAAC5B,EAAIS,GAAG,IAAIT,EAAIe,GAAGf,EAAI6B,gBAAgBjB,cAA0B,KAAKR,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,OAAO,CAACJ,EAAIS,GAAG,UAAUL,EAAG,OAAO,CAACwB,YAAY,CAAC,MAAQ,WAAWlB,MAAM,CAAC,GAAK,eAAe,CAACV,EAAIS,GAAG,IAAIT,EAAIe,GAAGf,EAAI8B,iBAAiB1B,EAAG,MAAM,CAACI,YAAY,aAAa,CAACJ,EAAG,IAAI,CAAC2B,GAAG,CAAC,MAAQ/B,EAAIgC,eAAe,CAAChC,EAAIS,GAAG,gBAAgBL,EAAG,MAAM,CAACI,YAAY,8BAA8B,CAACJ,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,MAAM,CAACI,YAAY,SAAS,CAACR,EAAIS,GAAG,WAAYT,EAAIiC,SAAS1B,OAAO,EAAGH,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACR,EAAIS,GAAG,iBAAiBL,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACR,EAAIS,GAAG,sEAAsEL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACI,YAAY,8BAA8B,CAACJ,EAAG,IAAI,CAAC2B,GAAG,CAAC,MAAQ/B,EAAIgC,eAAe,CAAChC,EAAIS,GAAG,iBACrmEyB,EAAkB,G,wDCmDtB,GACE,KAAF,gBACE,MAAF,CACI,iBAAJ,CACM,KAAN,MACM,QAFN,WAGQ,MAAR,KAGI,SAAJ,CACM,KAAN,QAGE,QAAF,CACI,eADJ,SACA,GACM,IAAN,sBACM,OAAN,UAGI,UANJ,SAMA,GACM,OAAN,cAEI,gBATJ,SASA,GAAM,IAAN,OACM,GAAN,sBACQ,IAAR,IAIQ,OAHA,EAAR,8BACU,GAAV,sCAEA,EAEM,OAAN,GAEI,aAnBJ,WAmBM,IAAN,OAAM,OAAN,qDAAQ,IAAR,UAAQ,OAAR,6EACA,KACA,wCACA,sBACoBtB,EAAeuB,SAASC,SAAQ,SAApD,GACsB,EAAtB,MACwB,UAAxB,YACwB,SAAxB,oBAKA,YAZA,uBAagB,EAAhB,0BAbA,iCAgBA,GACA,aAEA,kBAnBA,SAoBA,+BApBA,mBAoBA,EApBA,EAoBA,UApBA,EAoBA,OACA,mBACA,EAtBA,wBAuBgB,EAAhB,oBACkB,gBAAlB,WACoB,EAApB,cACsB,KAAtB,uBA1BA,2BAgCA,iBAhCA,gDAmCE,SAAF,CACI,WADJ,WACM,IAAN,OACA,IAIM,OAHA,KAAN,sCACQ,GAAR,wBAEA,KC7HqX,I,wBCQjXC,EAAY,eACd,EACAtC,EACAmC,GACA,EACA,KACA,WACA,MAIa,aAAAG,E,6CCnBf,yBAAwlB,EAAG,G","file":"js/chunk-023cac09.7d7b17b7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.selectedShorexes.length > 0)?_c('div',{staticClass:\"o-detail order-comm\"},[_c('div',{staticClass:\"order-detail\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"升级精品游\")]),_c('div',{attrs:{\"id\":\"selectShorex\"}},_vm._l((_vm.selectedShorexes),function(selectedShorex,i){return _c('div',{key:('selectedShorex_'+i),staticClass:\"order-single\"},[_c('div',{staticClass:\"o-title\"},[_c('div',{staticClass:\"sub_title\"},[_vm._v(_vm._s(selectedShorex.shorex.shorexName))]),_c('div',{staticClass:\"price\"},[_vm._v(\"$\"+_vm._s(selectedShorex.shorex.price)+\"/人\")])]),_c('ul',_vm._l((selectedShorex.bookings),function(booking){return _c('li',{key:('selectedShorex_'+i+'_booking_'+booking.bookingId)},[_c('div',{staticClass:\"order-hao\"},[_vm._v(\"订单号：\"+_vm._s(booking.bookingId))]),_c('div',[_vm._v(_vm._s(_vm.getCruise(booking).cruiseName))]),_c('div',[_vm._v(_vm._s(_vm.getCruise(booking).cruiseNightDate)+\" \"+_vm._s(_vm.getCruise(booking).shipName))]),_c('div',[_vm._v(_vm._s(_vm.getCruise(booking).sailDateBegin)+\"-\"+_vm._s(_vm.getCruise(booking).sailDateEnd))]),_c('div',{staticClass:\"person-num\"},[_vm._v(\"乘客人数：\"+_vm._s(_vm.getGuestNumber(booking))+\"人\")])])}),0),_c('div',{staticClass:\"sub-total\"},[_vm._v(\"合计\"),_c('span',{staticStyle:{\"color\":\"#ff3022\"}},[_vm._v(\"$\"+_vm._s(_vm.getBookingPrice(selectedShorex)))])])])}),0)]),_c('div',{},[_c('div',{staticClass:\"should-total\"},[_c('span',[_vm._v(\"应付总计\")]),_c('span',{staticStyle:{\"color\":\"#ff3022\"},attrs:{\"id\":\"totalPrice\"}},[_vm._v(\"$\"+_vm._s(_vm.totalPrice))])]),_c('div',{staticClass:\"order-btn\"},[_c('a',{on:{\"click\":_vm.submitShorex}},[_vm._v(\"确认升级\")])])])]):_c('div',{staticClass:\"not-choose-menu order-comm\"},[_c('div',{staticClass:\"order-detail\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"升级精品游\")]),(_vm.shorexes.length>0)?_c('div',{staticClass:\"center-content\"},[_vm._v(\"您还没有选择精品游套餐\")]):_c('div',{staticClass:\"center-content\"},[_vm._v(\"很抱歉,该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您，您也可以密切关注皇家加勒比官方网站。\")])]),_c('div',[_c('div',{staticClass:\"order-btn click-btn oc-btn\"},[_c('a',{on:{\"click\":_vm.submitShorex}},[_vm._v(\"确认升级\")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <!--右侧 升级精品游套餐-->\r\n    <div class=\"o-detail order-comm\" v-if=\"selectedShorexes.length > 0\">\r\n        <div class=\"order-detail\">\r\n            <div class=\"title\">升级精品游</div>\r\n            <div id=\"selectShorex\">\r\n                <div class=\"order-single\" v-for=\"(selectedShorex, i) in selectedShorexes\" :key=\"('selectedShorex_'+i)\">\r\n                    <div class=\"o-title\">\r\n                        <div class=\"sub_title\">{{selectedShorex.shorex.shorexName}}</div>\r\n                        <div class=\"price\">${{selectedShorex.shorex.price}}/人</div>\r\n                    </div>\r\n                    <ul>\r\n                        <li v-for=\"(booking) in selectedShorex.bookings\" :key=\"('selectedShorex_'+i+'_booking_'+booking.bookingId)\">\r\n                            <div class=\"order-hao\">订单号：{{booking.bookingId}}</div>\r\n                            <div>{{getCruise(booking).cruiseName}}</div>\r\n                            <div>{{getCruise(booking).cruiseNightDate}} {{getCruise(booking).shipName}}</div>\r\n                            <div>{{getCruise(booking).sailDateBegin}}-{{getCruise(booking).sailDateEnd}}</div>\r\n                            <div class=\"person-num\">乘客人数：{{getGuestNumber(booking)}}人</div>\r\n                        </li>\r\n                    </ul>\r\n                    <div class=\"sub-total\">合计<span style=\"color: #ff3022\">${{getBookingPrice(selectedShorex)}}</span></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"\">\r\n            <div class=\"should-total\">\r\n                <span>应付总计</span>\r\n                <span id=\"totalPrice\" style=\"color: #ff3022\">${{totalPrice}}</span>\r\n            </div>\r\n            <div class=\"order-btn\">\r\n                <a @click=\"submitShorex\">确认升级</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <!--您还没有选择精品游套餐-->\r\n    <div class=\"not-choose-menu order-comm\" v-else>\r\n        <div class=\"order-detail\">\r\n            <div class=\"title\">升级精品游</div>\r\n            <div class=\"center-content\" v-if=\"shorexes.length>0\">您还没有选择精品游套餐</div>\r\n            <div class=\"center-content\" v-else>很抱歉,该航次岸上观光服务尚未开放选定，选定开放后，我们会在第一时间以短信的方式通知您，您也可以密切关注皇家加勒比官方网站。</div>\r\n        </div>\r\n        <div>\r\n            <div class=\"order-btn click-btn oc-btn\">\r\n                <a @click=\"submitShorex\">确认升级</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"ShorexSummary\",\r\n    props: {\r\n        selectedShorexes: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        shorexes: {\r\n            type: Array\r\n        }\r\n    },\r\n    methods: {\r\n        getGuestNumber (booking) {\r\n            const guests = booking.bookingGuests || []\r\n            return guests.length\r\n        },\r\n        \r\n        getCruise (booking) {\r\n            return booking.cruise || {}\r\n        },\r\n        getBookingPrice (selectedShorex) {\r\n            if (selectedShorex.shorex && selectedShorex.bookings) {\r\n                let amount = 0\r\n                selectedShorex.bookings.forEach((booking) => {\r\n                    amount += selectedShorex.shorex.price * this.getGuestNumber(booking)\r\n                })\r\n                return amount\r\n            }\r\n            return 0\r\n        },\r\n        async submitShorex () {\r\n            let submitShorex = []\r\n            this.selectedShorexes.forEach((selectedShorex) => {\r\n                if (selectedShorex.shorex && selectedShorex.bookings) {\r\n                    selectedShorex.bookings.forEach((booking) => {\r\n                        submitShorex.push({\r\n                            bookingId: booking.bookingId,\r\n                            shorexId: selectedShorex.shorex.id\r\n                        })\r\n                    })\r\n                }\r\n            })\r\n            if (submitShorex.length == 0) {\r\n                this.$alert.show('请选择升级的岸上观光')\r\n                return\r\n            }\r\n            const requestData = {\r\n                viewModel: submitShorex\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.$router.push({\r\n                            name: \"BookingListPage\"\r\n                        })\r\n                    }\r\n                })\r\n                return \r\n            }\r\n            console.error(errMsg)\r\n        }\r\n    },\r\n    computed: {\r\n        totalPrice () {\r\n            let amount = 0\r\n            this.selectedShorexes.forEach((selectedShorex) => {\r\n                amount += this.getBookingPrice(selectedShorex)\r\n            })\r\n            return amount\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.order-comm {\r\n    position: relative;\r\n}\r\n.order-comm.fix-top {\r\n    position: fixed;\r\n    top: 0;\r\n}\r\n.order-detail {\r\n    width: 306px;\r\n    border-top: 2px solid #006ab9;\r\n    background: #fff;\r\n    padding-left: 20px;\r\n    padding-right: 14px;\r\n    box-sizing: border-box;\r\n    .title {\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        color: #006ab9;\r\n        text-align: center;\r\n        margin: 14px 0 14px 0;\r\n    }\r\n    .order-single {\r\n        position: relative;\r\n        padding-bottom: 18px;\r\n        color: #747d80;\r\n        font-weight: 500;\r\n        .o-title {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 12px;\r\n            .sub_title {\r\n                font-size: 20px;\r\n                color: #282b2c;\r\n                font-weight: bold;\r\n            }\r\n            .price {\r\n                font-size: 14px;\r\n                color: #ff3022;\r\n                position: relative;\r\n                top: 3px;\r\n                font-weight: 600;\r\n            }\r\n        }\r\n        li {\r\n            border-bottom: 1px solid #d3dadd;\r\n            margin-bottom: 12px;\r\n            div {\r\n                margin-bottom: 2px;\r\n            }\r\n            .order-hao {\r\n                font-weight: 500;\r\n                font-size: 14px;\r\n                color: #282b2c;\r\n            }\r\n            .person-num {\r\n                color: #747d80;\r\n                font-weight: 500;\r\n                padding-bottom: 7px;\r\n            }\r\n        }\r\n        .sub-total {\r\n            text-align: right;\r\n            font-weight: bold;\r\n            span {\r\n                margin-left: 15px;\r\n            }\r\n        }\r\n    }\r\n    \r\n}\r\n.should-total {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background: #e7f5ff;\r\n    height: 40px;\r\n    line-height: 40px;\r\n    padding: 0 15px;\r\n    font-weight: bold;\r\n}\r\n.order-btn {\r\n    width: 100%;\r\n    height: 50px;\r\n    text-align: center;\r\n    line-height: 50px;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #282b2c;\r\n    background: #ffd800;\r\n    cursor: pointer;\r\n    a {\r\n        color: #333;\r\n        text-decoration: none;\r\n    }\r\n}\r\n\r\n.not-choose-menu .center-content {\r\n    margin-top: 80px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    color: #747d80;\r\n    font-weight: 400;\r\n    height: 150px;\r\n}\r\n\r\n.not-choose-menu .oc-btn {\r\n    background: #d3dadd;\r\n    a {\r\n        color: #fff;\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!./ShorexSummary.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!./ShorexSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShorexSummary.vue?vue&type=template&id=61477996&scoped=true&\"\nimport script from \"./ShorexSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./ShorexSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShorexSummary.vue?vue&type=style&index=0&id=61477996&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  \"61477996\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./ShorexSummary.vue?vue&type=style&index=0&id=61477996&lang=less&scoped=true&\"; export default mod; 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!./ShorexSummary.vue?vue&type=style&index=0&id=61477996&lang=less&scoped=true&\""],"sourceRoot":""}