{"version":3,"sources":["webpack:///./src/components/Booking/GuestInfoSpecialBookingSelect.vue?2426","webpack:///./src/components/Booking/GuestInfoSpecialBookingSelect.vue","webpack:///src/components/Booking/GuestInfoSpecialBookingSelect.vue","webpack:///./src/components/Booking/GuestInfoSpecialBookingSelect.vue?e835","webpack:///./src/components/Booking/GuestInfoSpecialBookingSelect.vue?4552"],"names":["render","_vm","this","_c","_self","staticClass","class","active","isShow","on","onClose","_v","_l","specialBookingGuests","guest","i","key","isGuestSelectedSp","$event","onGuestSelected","_s","getGuestName","mealDates","date","selectedDate","onDateClick","getDate","getDay","_m","hidden","errMsg","trim","onRemoveAllSelected","checkSubmtData","length","submitSp","attrs","staticRenderFns","staticStyle","name","props","type","Boolean","guests","Array","default","couponCode","String","sessionToken","specialBooking","Object","mealInfoViews","Function","data","selectedTimeslot","mounted","initSpecialBookingGuests","methods","forEach","push","lastName","firstName","pyLastName","pyFirstName","birthDate","specialBookingOrder","specialBookingDate","specialBookingTimeslot","isGuestDisable","selectedGuests","specialBookingType","_","orderBy","specialBookingPlace","mealPlace","mealPlaceType","specialBookingCodes","optionCodes","selectTime","Date","now","substr","numberToChinese","index","indexOf","isTimeslotDisable","timeslot","mealTimeType","onTimeslotClick","errors","guestCount","submitGuests","submitGuest","find","r","onSpecialBookingSubmit","requestData","bookingKey","token","guestPersons","$loading","show","success","api","booking","updateSpecialBookingHPApi","hide","model","bookings","order","$store","commit","computed","state","map","mealDate","some","mealTimeslots","mealInfo","mealTime","filter","isBirthday","SpecialBookingType","Birthday","watch","newOne","oldOne","component"],"mappings":"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","file":"js/chunk-09c4c86e.714d5ecc.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!./GuestInfoSpecialBookingSelect.vue?vue&type=style&index=0&id=f6ec0556&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"spSelectModal view-userCoupon\",class:{ active: _vm.isShow}},[_c('div',{staticClass:\"spSelectModal-bg\",on:{\"click\":_vm.onClose}}),_c('div',{staticClass:\"spSelectModal-container\"},[_c('div',{staticClass:\"spSelectModal-con\"},[_c('div',{staticClass:\"spSelect-item\"},[_c('div',{staticClass:\"spSelect-item-title\"},[_vm._v(\"选择生日乘客\")]),_c('div',{staticClass:\"spSelect-item-content\"},_vm._l((_vm.specialBookingGuests),function(guest,i){return _c('div',{key:('guest_'+i),staticClass:\"spSelect-item-option\",class:{ active: _vm.isGuestSelectedSp(guest)},on:{\"click\":function($event){return _vm.onGuestSelected(guest)}}},[_vm._v(\" \"+_vm._s(_vm.getGuestName(guest, i))+\" \")])}),0)]),_c('div',{staticClass:\"spSelect-item spSelect-date\"},[_c('div',{staticClass:\"spSelect-item-title\"},[_vm._v(\"选择享用生日蛋糕日期\")]),_c('div',{staticClass:\"spSelect-item-content\"},_vm._l((_vm.mealDates),function(date,i){return _c('div',{key:('mealInfo_'+i),staticClass:\"spSelect-item-option\",class:{ active: _vm.selectedDate == date},on:{\"click\":function($event){return _vm.onDateClick(date)}}},[_c('div',{staticClass:\"date\"},[_vm._v(\" \"+_vm._s(_vm.getDate(date))+\" \")]),_c('div',{staticClass:\"day\"},[_vm._v(\" \"+_vm._s(_vm.getDay(i))+\" \")])])}),0)]),_vm._m(0)]),_c('div',{staticClass:\"spSelect-message\",class:{ hidden: (!_vm.errMsg || _vm.errMsg.trim() == '')}},[_vm._v(\" \"+_vm._s(_vm.errMsg)+\" \")]),_c('div',{staticClass:\"spSelect-buttons\"},[_c('div',{staticClass:\"spSelect-button closeBtn\",on:{\"click\":_vm.onRemoveAllSelected}},[_vm._v(\"暂不选择\")]),_c('div',{staticClass:\"spSelect-button confirmBtn\",class:{ active: _vm.checkSubmtData().length == 0},on:{\"click\":_vm.submitSp}},[_vm._v(\"确认\")])]),_c('div',{staticClass:\"spSelectModal-closed js-closedBtn\",on:{\"click\":_vm.onClose}},[_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/birthday/close-btn.png\"}})])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"birthday-con\"},[_c('div',{staticClass:\"birthday-title\"},[_vm._v(\" 请您在所选日期按照\"),_c('span',{staticStyle:{\"color\":\"#FF0000\"}},[_vm._v(\"指定晚餐时间\")]),_vm._v(\"前往\"),_c('span',{staticStyle:{\"color\":\"#FF0000\"}},[_vm._v(\"主餐厅\")]),_vm._v(\"享用蛋糕。（指定的晚餐时间可参考在线值船时系统显示，并以船卡显示为准） \")]),_c('div',{staticClass:\"birthday-text\"},[_vm._v(\" 开航前7天及以内，不再接受任何修改和取消，已收取的费用将不予退回。 \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n     <div class=\"spSelectModal view-userCoupon\" :class=\"{ active: isShow}\">\r\n        <div class=\"spSelectModal-bg\" @click=\"onClose\"></div>\r\n        <div class=\"spSelectModal-container\">\r\n            <div class=\"spSelectModal-con\">\r\n                <div class=\"spSelect-item\">\r\n                    <div class=\"spSelect-item-title\">选择生日乘客</div>\r\n                    <div class=\"spSelect-item-content\">\r\n                        <div class=\"spSelect-item-option\" v-for=\"(guest, i) in specialBookingGuests\" :key=\"('guest_'+i)\"\r\n                        :class=\"{ active: isGuestSelectedSp(guest)}\"\r\n                        @click=\"onGuestSelected(guest)\">\r\n                            {{getGuestName(guest, i)}}\r\n                        </div>\r\n                    </div>\r\n                 </div>\r\n                 <div class=\"spSelect-item spSelect-date\">\r\n                    <div class=\"spSelect-item-title\">选择享用生日蛋糕日期</div>\r\n                    <div class=\"spSelect-item-content\">\r\n                        <div class=\"spSelect-item-option\" v-for=\"(date, i) in mealDates\" :key=\"('mealInfo_'+i)\"\r\n                        :class=\"{ active: selectedDate == date}\"\r\n                        @click=\"onDateClick(date)\">\r\n                            <div class=\"date\">\r\n                                {{getDate(date)}}\r\n                            </div>\r\n                            <div class=\"day\">\r\n                                {{getDay(i)}}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                 </div>\r\n<!--                 <div class=\"spSelect-item spSelect-timeslot\">-->\r\n<!--                    <div class=\"spSelect-item-title\">选择用餐时间</div>-->\r\n<!--                    <div class=\"spSelect-item-content\">-->\r\n<!--                        <div class=\"spSelect-item-option\" v-for=\"(timeslot, i) in mealTimeslots\" :key=\"('timeslot_'+i)\"-->\r\n<!--                        :class=\"{ active: selectedTimeslot == timeslot.mealTimeType, disable: isTimeslotDisable(timeslot)}\"-->\r\n<!--                        @click=\"onTimeslotClick(timeslot)\">-->\r\n<!--                            {{mealPlace.mealPlace}}·{{timeslot.mealTime}}-->\r\n<!--                        </div>-->\r\n<!--                    </div>-->\r\n<!--                 </div>-->\r\n                <div class=\"birthday-con\">\r\n                  <div class=\"birthday-title\">\r\n                    请您在所选日期按照<span style=\"color: #FF0000;\">指定晚餐时间</span>前往<span style=\"color: #FF0000;\">主餐厅</span>享用蛋糕。（指定的晚餐时间可参考在线值船时系统显示，并以船卡显示为准）\r\n                  </div>\r\n                  <div class=\"birthday-text\">\r\n                    开航前7天及以内，不再接受任何修改和取消，已收取的费用将不予退回。\r\n                  </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"spSelect-message\" :class=\"{ hidden: (!errMsg || errMsg.trim() == '')}\">\r\n                {{errMsg}}\r\n            </div>\r\n            <div class=\"spSelect-buttons\">\r\n                <div class=\"spSelect-button closeBtn\" @click=\"onRemoveAllSelected\">暂不选择</div>\r\n                <div class=\"spSelect-button confirmBtn\" @click=\"submitSp\"\r\n                :class=\"{ active: checkSubmtData().length == 0}\">确认</div>\r\n            </div>\r\n            <div class=\"spSelectModal-closed js-closedBtn\" @click=\"onClose\">\r\n                <img src=\"https://resource.rcclchina.com.cn/birthday/close-btn.png\"/>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { numberToChinese } from '@/utilities/tools'\r\nimport { SpecialBookingType } from '@/utilities/specialBookingHelper'\r\nimport _ from 'lodash'\r\nimport api from '@/api'\r\nexport default {\r\n    name: \"GuestInfoSpecialBookingSelect\",\r\n    props: {\r\n        isShow: {\r\n            type: Boolean\r\n        },\r\n        guests: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        couponCode: {\r\n            type: String\r\n        },\r\n        sessionToken: {\r\n            type: String\r\n        },\r\n        specialBooking: {\r\n            type: Object,\r\n            default() {\r\n                return {}\r\n            }\r\n        },\r\n        mealInfoViews: {\r\n            type: Array,\r\n            default () {\r\n                return []\r\n            }\r\n        },\r\n        onClose: {\r\n            type: Function\r\n        }\r\n    },\r\n    data () {\r\n        return {\r\n            specialBookingGuests: [],\r\n            selectedDate: '',\r\n            selectedTimeslot: 0,\r\n            errMsg: '测试测试测试测试'\r\n        }\r\n    },\r\n    mounted () {\r\n        this.initSpecialBookingGuests()\r\n    },\r\n    methods: {\r\n        initSpecialBookingGuests () {\r\n            this.selectedDate = ''\r\n            this.selectedTimeslot = 0\r\n            this.specialBookingGuests = []\r\n            if (this.guests && this.guests.length > 0) {\r\n                this.guests.forEach(guest=> {\r\n                    this.specialBookingGuests.push({\r\n                        lastName: guest.lastName,\r\n                        firstName: guest.firstName,\r\n                        pyLastName: guest.pyLastName,\r\n                        pyFirstName: guest.pyFirstName,\r\n                        birthDate: guest.birthDate,\r\n                        specialBookingOrder: guest.specialBookingOrder\r\n                    })\r\n                    if (this.isGuestSelectedSp(guest)) {\r\n                        this.selectedDate = guest.specialBookingOrder.specialBookingDate\r\n                        this.selectedTimeslot = guest.specialBookingOrder.specialBookingTimeslot\r\n                    }\r\n                })\r\n            }\r\n            this.errMsg = ''\r\n        },\r\n        // 最多选1个\r\n        isGuestDisable () {\r\n            return this.selectedGuests.length >= 1\r\n        },\r\n        getGuestName(guest, i) {\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                if (!name || name.trim().length == 0) {\r\n                    name = `乘客${i+1}`\r\n                }\r\n            }\r\n            return name\r\n        },\r\n        isGuestSelectedSp(guest) {\r\n            return guest.specialBookingOrder && \r\n            guest.specialBookingOrder.specialBookingType == this.specialBooking.specialBookingType\r\n        },\r\n        onGuestSelected(guest) {\r\n            if (this.isGuestSelectedSp(guest)) {\r\n                guest.specialBookingOrder = null\r\n            } else {\r\n                // 最多选1个人，如果选第二个人，第一个人反选\r\n                if (this.isGuestDisable()) {\r\n                    let selectedGuests = _.orderBy(this.selectedGuests, 'specialBookingOrder.selectTime')\r\n                    if (selectedGuests && selectedGuests.length > 0) {\r\n                        selectedGuests[0].specialBookingOrder = null\r\n                    }\r\n                }\r\n                guest.specialBookingOrder = {\r\n                    specialBookingType: this.specialBooking.specialBookingType,\r\n                    specialBookingPlace: this.mealPlace.mealPlaceType, // 主餐厅默认写死\r\n                    specialBookingTimeslot: this.selectedTimeslot,\r\n                    specialBookingCodes: this.specialBooking.optionCodes,\r\n                    specialBookingDate: this.selectedDate,\r\n                    selectTime: (Date.now())\r\n                }\r\n            }\r\n        },\r\n        getDate (date) {\r\n            if (date && date.length == 10) {\r\n                return date.substr(5, 5)\r\n            }\r\n            return date;\r\n        },\r\n        getDay (i) {\r\n            return `第${numberToChinese(i+2)}天`\r\n        },\r\n        onDateClick (date) {\r\n            if (this.selectedDate == date) {\r\n                this.selectedDate = ''\r\n            } else {\r\n                this.selectedDate = date\r\n                // 第一天不能选午餐。如果之前选择了午餐，日期又选了第一天，需要把午餐反选\r\n                if (this.selectedTimeslot == 1) {\r\n                    let index = this.mealDates.indexOf(this.selectedDate)\r\n                    if (index == 0) {\r\n                        this.selectedTimeslot = 0\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        // 第一天不能选午餐\r\n        isTimeslotDisable (timeslot) {\r\n            if (timeslot.mealTimeType == 2) return false\r\n            if (this.selectedDate && this.selectedDate.length > 0) {\r\n                let index = this.mealDates.indexOf(this.selectedDate)\r\n                if (index == 0) return true\r\n            }\r\n            return false\r\n        },\r\n        onTimeslotClick (timeslot) {\r\n            if (this.selectedTimeslot == timeslot.mealTimeType) {\r\n                this.selectedTimeslot = 0\r\n            } else {\r\n                if (this.isTimeslotDisable(timeslot)) return\r\n                this.selectedTimeslot = timeslot.mealTimeType\r\n            }\r\n        },\r\n        checkSubmtData () {\r\n            let errors = []\r\n            let guestCount = this.selectedGuests.length\r\n            if (guestCount == 0) {\r\n                errors.push('请选择乘客！')\r\n            }\r\n            else if (guestCount > 2) {\r\n                errors.push('最多可选择2位乘客！')\r\n            }\r\n            if (!this.selectedDate || this.selectedDate.length == 0) {\r\n                errors.push('请选择享用蛋糕日期！')\r\n            }\r\n            // if (this.selectedTimeslot == 0) {\r\n            //     errors.push('请选择享用蛋糕时间！')\r\n            // }\r\n            return errors\r\n        },\r\n        submitSp() {\r\n            const errors = this.checkSubmtData()\r\n            if (errors.length > 0) {\r\n                this.errMsg = errors[0]\r\n                return\r\n            }\r\n            this.errMsg = ''\r\n            let submitGuests = []\r\n            this.specialBookingGuests.forEach(guest=> {\r\n                if (this.isGuestSelectedSp(guest)) {\r\n                    guest.specialBookingOrder.specialBookingPlace = this.mealPlace.mealPlaceType, // 主餐厅默认写死\r\n                    guest.specialBookingOrder.specialBookingTimeslot = this.selectedTimeslot,\r\n                    guest.specialBookingOrder.specialBookingCodes = this.specialBooking.optionCodes,\r\n                    guest.specialBookingOrder.specialBookingDate = this.selectedDate\r\n                    submitGuests.push(guest)\r\n                }\r\n            })\r\n            let guests = [...this.guests]\r\n            guests.forEach(guest=> {\r\n                let submitGuest = submitGuests.find(r=>r.pyLastName==guest.pyLastName\r\n                && r.pyFirstName==guest.pyFirstName\r\n                && r.birthDate==guest.birthDate)\r\n                if (submitGuest) {\r\n                    guest.specialBookingOrder = submitGuest.specialBookingOrder\r\n                } else {\r\n                    guest.specialBookingOrder = null\r\n                }\r\n            })\r\n            this.onSpecialBookingSubmit(guests)\r\n        },\r\n        async onSpecialBookingSubmit(guests) {\r\n            \r\n            let requestData = {\r\n                bookingKey: this.bookingKey,\r\n                token: this.sessionToken,\r\n                guests: {\r\n                    guestPersons: guests\r\n                },\r\n                couponCode: this.couponCode\r\n            }\r\n            this.$loading.show()\r\n            const { success, data, errMsg } = await api.booking.updateSpecialBookingHPApi(requestData)\r\n            this.$loading.hide()\r\n            if (!success) {\r\n                this.errMsg = errMsg\r\n                return\r\n            } \r\n            if (data && data.model && data.model.bookings) {\r\n                let order = this.order\r\n                order.bookings = data.model.bookings\r\n                this.$store.commit('SET_BOOKING_FUNNEL_ORDER', order)\r\n            }\r\n            this.onClose()\r\n        },\r\n        async onRemoveAllSelected() {\r\n            let guests = [...this.guests]\r\n            guests.forEach(guest=> {\r\n                guest.specialBookingOrder = null\r\n            })\r\n            await this.onSpecialBookingSubmit(guests)\r\n        }\r\n    },\r\n    computed: {\r\n        order () {\r\n            return this.$store.state.booking.order\r\n        },\r\n        bookingKey () {\r\n            return this.$store.state.booking.bookingKey\r\n        },\r\n        mealDates () {\r\n            let mealDates = []\r\n            this.mealInfoViews.map(r=>r.mealDate).forEach(date => {\r\n                if (!mealDates.some(r=>r == date)) {\r\n                    mealDates.push(date)\r\n                }\r\n            })\r\n            return mealDates\r\n        },\r\n        mealTimeslots () {\r\n            let mealTimeslots = []\r\n            this.mealInfoViews.forEach(mealInfo => {\r\n                if (!mealTimeslots.some(r=> r.mealTime == mealInfo.mealTime && r.mealTimeType == mealInfo.mealTimeType)) {\r\n                    mealTimeslots.push({\r\n                        mealTime: mealInfo.mealTime,\r\n                        mealTimeType: mealInfo.mealTimeType\r\n                    })\r\n                }\r\n            })\r\n            return _.orderBy(mealTimeslots, 'mealTimeType')\r\n        },\r\n        mealPlace () {\r\n            if (this.mealInfoViews.length > 0) {\r\n                return {\r\n                    mealPlace: this.mealInfoViews[0].mealPlace,\r\n                    mealPlaceType: this.mealInfoViews[0].mealPlaceType\r\n                }\r\n            } else {\r\n                return {\r\n                    mealPlace: '',\r\n                    mealPlaceType: 0\r\n                }\r\n            }\r\n        },\r\n        selectedGuests () {\r\n            return this.specialBookingGuests\r\n                .filter(r=>r.specialBookingOrder \r\n                && r.specialBookingOrder.specialBookingType == this.specialBooking.specialBookingType)\r\n        },\r\n        isBirthday () {\r\n            return this.specialBooking.specialBookingType == SpecialBookingType.Birthday\r\n        }\r\n    },\r\n    watch: {\r\n        isShow (newOne) {\r\n            if (newOne) {\r\n                // 新弹出选择框后，重新从guest中查看特别礼遇选择情况\r\n                this.initSpecialBookingGuests()\r\n            }\r\n        },\r\n        specialBookingType (newOne, oldOne) {\r\n            // 如果切换特别礼遇，之前选择的内容清空\r\n            if (newOne && oldOne && newOne.specialBookingType > 0 && oldOne.specialBookingType > 0\r\n            && newOne.specialBookingType != oldOne.specialBookingType) {\r\n                this.selectedDate = ''\r\n                this.selectedTimeslot = ''\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"less\" scoped>\r\n.spSelectModal {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 1000;\r\n    display: none;\r\n    .spSelectModal-bg {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0,0,0,.4);\r\n        position: fixed;\r\n        bottom: 0;\r\n        left: 0;\r\n    }\r\n    .spSelectModal-container {\r\n        background-color: #fff;\r\n        border-top: 5px solid #FCC300;\r\n        position: absolute;\r\n        bottom: 0;\r\n        width: 100%;\r\n        .spSelectModal-title {\r\n            padding: 10px 10px 10px 15px;\r\n            border-bottom: solid 1px rgba(229, 229, 229, 0.6);\r\n            .title-text {\r\n                font-size: 14px;\r\n                color: #000;\r\n            }\r\n            .title-subtitle {\r\n                margin-top: 9px;\r\n                font-size: 10px;\r\n                color: #000000;\r\n                span {\r\n                    color: #FF5055;\r\n                }\r\n            }\r\n        }\r\n        .spSelectModal-con {\r\n            max-height: 400px;\r\n            overflow-y: scroll;\r\n            padding: 5px 0px 10px 15px;\r\n            .spSelect-item {\r\n                margin-top: 15px;\r\n                .spSelect-item-title {\r\n                    font-size: 14px;\r\n                    color: #000;\r\n                }\r\n                .spSelect-item-content {\r\n                    margin-top: 20px;\r\n                    margin-left: 5px;\r\n                    .spSelect-item-option {\r\n                        width: 80px;\r\n                        height: 30px;\r\n                        line-height: 30px;\r\n                        margin-right: 5px;\r\n                        background: #F6F6F6;\r\n                        border-radius: 4px;\r\n                        font-size: 14px;\r\n                        text-align: center;\r\n                        display: inline-block;\r\n                        vertical-align: middle;\r\n                        overflow: hidden;\r\n                        white-space: nowrap;\r\n                        text-overflow: ellipsis;\r\n                        padding: 0px 5px;\r\n                        margin-bottom: 5px;\r\n                        &.disable {\r\n                            background: #F6F6F6;\r\n                            color: #C0C0C0;\r\n                        }\r\n                        &.active {\r\n                            background: #FFD74D;\r\n                            color: #000;\r\n                        }\r\n                    }\r\n                }\r\n                &.spSelect-date {\r\n                    .spSelect-item-option {\r\n                        height: 40px;\r\n                        line-height: initial;\r\n                        padding-top: 6px;\r\n                        .day {\r\n                            font-size: 10px;\r\n                        }\r\n                    }\r\n                }\r\n                &.spSelect-timeslot {\r\n                    .spSelect-item-option {\r\n                        width: 165px;\r\n                    }\r\n                }\r\n            }\r\n          .birthday-con{\r\n            font-size: 10px;\r\n            padding: 12px 27px 0 0;\r\n            .birthday-text{\r\n              color: #9F9F9F;\r\n            }\r\n          }\r\n            \r\n        }\r\n        .spSelect-message {\r\n            height: 24px;\r\n            line-height: 24px;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            color: #FF5055;\r\n            font-size: 11px;\r\n            background: #EEEEEE;\r\n            text-align: center;\r\n            &.hidden {\r\n                background: white;\r\n                display: block;\r\n            }\r\n        }\r\n        .spSelect-buttons {\r\n            .spSelect-button {\r\n                display: inline-block;\r\n                margin: 0px;\r\n                width: 50%;\r\n                height: 51px;\r\n                line-height: 51px;\r\n                background: #F6F6F6;\r\n                font-size: 18px;\r\n                color: #000;\r\n                text-align: center;\r\n                &.confirmBtn {\r\n                    background: #E3E3E3;\r\n                }\r\n                &.confirmBtn.active {\r\n                    background: #FFD956;\r\n                }\r\n            }\r\n        }\r\n        .spSelectModal-closed {\r\n            width: 29px;\r\n            position: absolute;\r\n            top: -4px;\r\n            right: -4px;\r\n            img {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n       \r\n    }\r\n}\r\n\r\n.spSelectModal.active {\r\n    display: block;\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!./GuestInfoSpecialBookingSelect.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!./GuestInfoSpecialBookingSelect.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GuestInfoSpecialBookingSelect.vue?vue&type=template&id=f6ec0556&scoped=true\"\nimport script from \"./GuestInfoSpecialBookingSelect.vue?vue&type=script&lang=js\"\nexport * from \"./GuestInfoSpecialBookingSelect.vue?vue&type=script&lang=js\"\nimport style0 from \"./GuestInfoSpecialBookingSelect.vue?vue&type=style&index=0&id=f6ec0556&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  \"f6ec0556\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}