{"version":3,"sources":["webpack:///./src/components/Booking/GuestInfo/GuestInfoSpecialBooking.vue?861a","webpack:///src/components/Booking/GuestInfo/GuestInfoSpecialBooking.vue","webpack:///./src/components/Booking/GuestInfo/GuestInfoSpecialBooking.vue?d7e4","webpack:///./src/components/Booking/GuestInfo/GuestInfoSpecialBooking.vue","webpack:///./src/components/Booking/GuestInfo/GuestInfoSpecialBooking.vue?1ae6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","specialBooking","specialBookingType","on","$event","showRulePopup","image","attrs","_v","_s","stateroomName","_e","showSelector","selectedGuests","length","selectedGuestName","selectedDate","selectedTimeslot","selectedPlace","isShowSelect","mealInfoViews","guests","couponCode","sessionToken","closeSelector","isShowRulePopup","targetRuleImage","closeRulePopup","staticRenderFns","component"],"mappings":"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","file":"js/chunk-5ccfd0c9.021a3499.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sp-booking-info\"},[(_vm.specialBooking.specialBookingType==1)?_c('div',{staticClass:\"sp-booking-title sp-booking-item\",on:{\"click\":function($event){return _vm.showRulePopup(_vm.specialBooking.image)}}},[_c('img',{staticClass:\"item-icon\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/birthday/icon.png\"}}),_c('span',[_vm._v(_vm._s(_vm.stateroomName)+\"：享受收费生日礼遇\")]),_c('img',{staticClass:\"item-click\",attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/info/webhao.png\"}})]):_vm._e(),_c('div',{staticClass:\"sp-booking-select sp-booking-item\",on:{\"click\":_vm.showSelector}},[(_vm.selectedGuests.length==0)?_c('div',{staticClass:\"sp-guests\"},[_vm._v(\"暂不选择\")]):_c('div',{staticClass:\"sp-guests sp-guests-select\"},[_vm._v(\"修改/取消生日礼遇\")]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/tui2/list/icon-down.png\"}})]),(_vm.selectedGuests.length>0)?_c('div',{staticClass:\"sp-booking-guests\"},[_c('div',[_vm._v(\"已选择\"),_c('span',[_vm._v(_vm._s(_vm.selectedGuestName))]),_vm._v(\"享受生日礼遇\")]),_c('div',[_vm._v(\" 将于\"),_c('span',[_vm._v(_vm._s(_vm.selectedDate)+\" \"+_vm._s(_vm.selectedTimeslot)+\" \"+_vm._s(_vm.selectedPlace))]),_vm._v(\"享用生日蛋糕 \")])]):_vm._e(),(_vm.isShowSelect)?_c('guest-info-special-booking-select',{attrs:{\"isShow\":_vm.isShowSelect,\"specialBooking\":_vm.specialBooking,\"mealInfoViews\":_vm.mealInfoViews,\"guests\":_vm.guests,\"couponCode\":_vm.couponCode,\"sessionToken\":_vm.sessionToken,\"onClose\":_vm.closeSelector}}):_vm._e(),_c('suite-stateroom-popup',{attrs:{\"isShow\":_vm.isShowRulePopup,\"suiteImage\":_vm.targetRuleImage},on:{\"onModalClose\":_vm.closeRulePopup}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"sp-booking-info\">\r\n        <div class=\"sp-booking-title sp-booking-item\" v-if=\"specialBooking.specialBookingType==1\" @click=\"showRulePopup(specialBooking.image)\">\r\n            <img class=\"item-icon\" src=\"https://resource.rcclchina.com.cn/birthday/icon.png\" />\r\n            <span>{{stateroomName}}：享受收费生日礼遇</span>\r\n            <img class=\"item-click\" src=\"https://resource.rcclchina.com.cn/tui2/info/webhao.png\">\r\n        </div>\r\n        <div class=\"sp-booking-select sp-booking-item\" @click=\"showSelector\">\r\n            <div class=\"sp-guests\" v-if=\"selectedGuests.length==0\">暂不选择</div>\r\n            <div class=\"sp-guests sp-guests-select\" v-else>修改/取消生日礼遇</div>\r\n            <img src=\"https://resource.rcclchina.com.cn/tui2/list/icon-down.png\"/>\r\n        </div>\r\n        <div class=\"sp-booking-guests\" v-if=\"selectedGuests.length>0\">\r\n            <div>已选择<span>{{selectedGuestName}}</span>享受生日礼遇</div>\r\n            <div>\r\n                将于<span>{{selectedDate}} {{selectedTimeslot}} {{selectedPlace}}</span>享用生日蛋糕\r\n            </div>\r\n        </div>\r\n        <guest-info-special-booking-select \r\n            v-if=\"isShowSelect\"\r\n            :isShow=\"isShowSelect\"\r\n            :specialBooking=\"specialBooking\"\r\n            :mealInfoViews=\"mealInfoViews\"\r\n            :guests=\"guests\"\r\n            :couponCode=\"couponCode\"\r\n            :sessionToken=\"sessionToken\"\r\n            :onClose=\"closeSelector\"\r\n        />\r\n\r\n        <suite-stateroom-popup \r\n            :isShow=\"isShowRulePopup\"\r\n            :suiteImage=\"targetRuleImage\"\r\n            v-on:onModalClose=\"closeRulePopup\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { numberToChinese } from '@/utilities/tools'\r\nconst SuiteStateroomPopup = () =>  import('@/components/Cruise/CruiseDetail/SuiteStateroomPopup.vue')\r\nconst GuestInfoSpecialBookingSelect = () => import('@/components/Booking/GuestInfo/GuestInfoSpecialBookingSelect')\r\n\r\nexport default {\r\n    name: \"GuestInfoSpecialBooking\",\r\n    components: {\r\n        GuestInfoSpecialBookingSelect,\r\n        SuiteStateroomPopup\r\n    },\r\n    props: {\r\n        specialBookingInfo: {\r\n            type: Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        booking: {\r\n            type : Object,\r\n            default () {\r\n                return {}\r\n            }\r\n        },\r\n        stateroomIndex: {\r\n            type: Number\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            isShowSelect: false,\r\n            isShowRulePopup: false,\r\n            targetRuleImage: \"\"\r\n        }\r\n    },\r\n    methods: {\r\n        closeSelector () {\r\n            this.isShowSelect = false\r\n        },\r\n        showSelector () {\r\n            let completedGuests = this.guests.filter(r=>r.pyLastName && r.pyLastName.length > 0\r\n             && r.pyFirstName && r.pyFirstName.length > 0\r\n             && r.birthDate && r.birthDate.length > 0)\r\n            if (completedGuests.length < 1) {\r\n                this.$alert.show('请先添加乘客信息！')\r\n            } else {\r\n                this.isShowSelect = true\r\n            }\r\n        },\r\n        showRulePopup (ruleImage) {\r\n            this.targetRuleImage = ruleImage\r\n            this.isShowRulePopup = true\r\n        },\r\n        closeRulePopup () {\r\n            this.isShowRulePopup = false\r\n        }\r\n    },\r\n    computed: {\r\n        guests() {\r\n            if (this.booking.guests && this.booking.guests.guestPersons) {\r\n                return this.booking.guests.guestPersons\r\n            }\r\n            return []\r\n        },\r\n        sessionToken () {\r\n            return this.booking.sessionToken\r\n        },\r\n        couponCode () {\r\n            return this.booking.couponCode\r\n        },\r\n        specialBookings () {\r\n            return this.specialBookingInfo.specialBookingViewModels || []\r\n        },\r\n        specialBooking () {\r\n            return this.specialBookings.length == 0 ? {}: this.specialBookings[0]\r\n        },\r\n        mealInfoViews () {\r\n            return this.specialBookingInfo.mealInfoViews || []\r\n        },\r\n        selectedGuests () {\r\n            return this.guests\r\n                .filter(r=>r.specialBookingOrder \r\n                && r.specialBookingOrder.specialBookingType == this.specialBooking.specialBookingType)\r\n        },\r\n        selectedGuestName () {\r\n            let names = []\r\n            this.selectedGuests.forEach(guest=> {\r\n                let name = guest.lastName + guest.firstName\r\n                if (!name || name.trim().length == 0) {\r\n                    name = `${guest.pyLastName} ${guest.pyFirstName}`\r\n                }\r\n                names.push(name)\r\n            })\r\n            return names.join('、')\r\n        },\r\n        selectedDate () {\r\n            if (this.selectedGuests.length > 0) {\r\n                return this.selectedGuests[0].specialBookingOrder.specialBookingDate\r\n            }\r\n            return \"\"\r\n        },\r\n        selectedTimeslot () {\r\n            let timeslot = 0\r\n            if (this.selectedGuests.length > 0) {\r\n                timeslot = this.selectedGuests[0].specialBookingOrder.specialBookingTimeslot\r\n                let mealInfo = this.mealInfoViews.find(r=>r.mealTimeType == timeslot)\r\n                return mealInfo ? mealInfo.mealTime : \"\"\r\n            }\r\n            return \"\"\r\n        },\r\n        selectedPlace () {\r\n            let place = 0\r\n            if (this.selectedGuests.length > 0) {\r\n                place = this.selectedGuests[0].specialBookingOrder.specialBookingPlace\r\n                let mealInfo = this.mealInfoViews.find(r=>r.mealPlaceType == place)\r\n                return mealInfo ? mealInfo.mealPlace : \"\"\r\n            }\r\n            return \"\"\r\n        },\r\n        stateroomName () {\r\n            return `客房${numberToChinese(this.stateroomIndex+1)}`\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.sp-booking-info {\r\n    margin: 35px 0 0 28px;\r\n    width: 704px;\r\n    padding: 16px 25px;\r\n    border: 1px solid #fbbb00;\r\n    border-radius: 8px;\r\n    position: relative;\r\n    .sp-booking-item {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        &.sp-booking-title {\r\n            cursor: pointer;\r\n            .item-icon {\r\n                width: 28px;\r\n                margin-right: 10px;\r\n            }\r\n            span {\r\n                font-size: 14px;\r\n                color: #282b2c;\r\n                font-weight: 600;\r\n            }\r\n            .item-click {\r\n                width: 15px;\r\n                margin-left: 10px;\r\n            }\r\n        }\r\n        &.sp-booking-select {\r\n            float: right;\r\n            position: relative;\r\n            top: 3px;\r\n            cursor: pointer;\r\n            .sp-guests {\r\n                display: inline-block;\r\n                font-size: 14px;\r\n                color: #919b9f;\r\n                font-weight: 600;\r\n                margin-right: 10px;\r\n            }\r\n            img {\r\n                width: 15px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .sp-booking-guests {\r\n        margin-top: 10px;\r\n        margin-left: 38px;\r\n        font-size: 14px;\r\n        color: #747d80;\r\n        font-weight: 600;\r\n        letter-spacing: 1px;\r\n        span {\r\n            color: #282b2c;\r\n            text-decoration: underline;\r\n            margin: 0px 8px;\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!./GuestInfoSpecialBooking.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!./GuestInfoSpecialBooking.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GuestInfoSpecialBooking.vue?vue&type=template&id=7d3593da&scoped=true&\"\nimport script from \"./GuestInfoSpecialBooking.vue?vue&type=script&lang=js&\"\nexport * from \"./GuestInfoSpecialBooking.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GuestInfoSpecialBooking.vue?vue&type=style&index=0&id=7d3593da&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  \"7d3593da\",\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!./GuestInfoSpecialBooking.vue?vue&type=style&index=0&id=7d3593da&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!./GuestInfoSpecialBooking.vue?vue&type=style&index=0&id=7d3593da&lang=less&scoped=true&\""],"sourceRoot":""}