{"version":3,"sources":["webpack:///./src/components/Booking/GuestInfoSpecialBookingSelect.vue?0aec","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","isBirthday","_v","_m","_e","_l","specialBookingGuests","guest","i","key","isGuestSelectedSp","$event","onGuestSelected","_s","getGuestName","mealDates","date","selectedDate","onDateClick","getDate","getDay","mealTimeslots","timeslot","selectedTimeslot","mealTimeType","disable","isTimeslotDisable","onTimeslotClick","mealPlace","mealTime","hidden","errMsg","trim","onRemoveAllSelected","checkSubmtData","length","submitSp","attrs","staticRenderFns","name","props","type","Boolean","guests","Array","default","couponCode","String","sessionToken","specialBooking","Object","mealInfoViews","Function","data","mounted","initSpecialBookingGuests","methods","forEach","push","lastName","firstName","pyLastName","pyFirstName","birthDate","specialBookingOrder","specialBookingDate","specialBookingTimeslot","isGuestDisable","selectedGuests","specialBookingType","_","orderBy","specialBookingPlace","mealPlaceType","specialBookingCodes","optionCodes","selectTime","Date","now","substr","numberToChinese","index","indexOf","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","mealInfo","filter","SpecialBookingType","Birthday","watch","newOne","oldOne","component"],"mappings":"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","file":"js/chunk-20283cbb.774ef337.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=37817329&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\"},[(_vm.isBirthday)?_c('div',{staticClass:\"spSelectModal-title\"},[_c('div',{staticClass:\"title-text\"},[_vm._v(\" 享受收费生日礼遇 \")]),_vm._m(0)]):_vm._e(),_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)]),_c('div',{staticClass:\"spSelect-item spSelect-timeslot\"},[_c('div',{staticClass:\"spSelect-item-title\"},[_vm._v(\"选择用餐时间\")]),_c('div',{staticClass:\"spSelect-item-content\"},_vm._l((_vm.mealTimeslots),function(timeslot,i){return _c('div',{key:('timeslot_'+i),staticClass:\"spSelect-item-option\",class:{ active: _vm.selectedTimeslot == timeslot.mealTimeType, disable: _vm.isTimeslotDisable(timeslot)},on:{\"click\":function($event){return _vm.onTimeslotClick(timeslot)}}},[_vm._v(\" \"+_vm._s(_vm.mealPlace.mealPlace)+\"·\"+_vm._s(timeslot.mealTime)+\" \")])}),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:\"title-subtitle\"},[_vm._v(\" 一份生日礼遇收费300元；每舱\"),_c('span',[_vm._v(\"最多预订2份\")]),_vm._v(\"，收费400元（此情况下，仅神秘生日礼物和小寿星挂牌\"),_c('span',[_vm._v(\"各提供2份\")]),_vm._v(\" ，其余三项礼遇\"),_c('span',[_vm._v(\"各提供1份\")]),_vm._v(\"，需确认\"),_c('span',[_vm._v(\"同一用餐时间\")]),_vm._v(\"享用生日蛋糕）；用餐前请告知餐厅服务生。 \")])\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-title\" v-if=\"isBirthday\">\r\n               <div class=\"title-text\">\r\n                   享受收费生日礼遇\r\n               </div>\r\n               <div class=\"title-subtitle\">\r\n                   一份生日礼遇收费300元；每舱<span>最多预订2份</span>，收费400元（此情况下，仅神秘生日礼物和小寿星挂牌<span>各提供2份</span>\r\n                ，其余三项礼遇<span>各提供1份</span>，需确认<span>同一用餐时间</span>享用生日蛋糕）；用餐前请告知餐厅服务生。\r\n               </div>\r\n            </div>\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                 \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        // 最多选2个\r\n        isGuestDisable () {\r\n            return this.selectedGuests.length >= 2\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                // 最多选两个人，如果选3个人，第一个人反选\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+1)}天`\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            font-weight: bold;\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                font-size: 9px;\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                font-weight: bold;\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            \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=37817329&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=37817329&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  \"37817329\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}