{"version":3,"sources":["webpack:///./src/views/Booking/OpenBookingDetail.vue","webpack:///src/views/Booking/OpenBookingDetail.vue","webpack:///./src/views/Booking/OpenBookingDetail.vue?36b4","webpack:///./src/views/Booking/OpenBookingDetail.vue?eb96","webpack:///./src/views/Booking/OpenBookingDetail.vue?9169"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_s","campaign","campaignName","on","showRulePopup","campaignSubTitle","isSendCoupon","_e","pageData","bookingId","statusName","lastName","firstName","lastNamePinyin","firstNamePinyin","gender","dateOfBirth","telephone","email","isSendGift","$event","preventDefault","goToGift","apply","arguments","amount","openBookingStatus","_m","domProps","campaignDescription","isExpired","paymentLink","isShowRulePopup","closeRulePopup","rule","staticRenderFns","OpenBookingRulePopup","name","components","data","beforeMount","$store","commit","initPage","window","onpopstate","mounted","dispatch","isHideHeader","isHideFooter","beforeDestroy","methods","userToken","state","user","length","$router","push","query","returnUrl","encodeURIComponent","location","href","currentRoute","orderId","success","api","booking","openBookingDetail","userName","showPopup","history","pushState","page","giftLink","computed","campaignTerms","openBookingEndDate","Date","endDate","trim","substr","openBookingSendGift","userInfo","userIdentity","localRewardToken","component"],"mappings":"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","file":"js/chunk-441c6f4e.21d4da4b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"openBookingDetail\"}},[_c('div',{staticClass:\"route-info scroll-container\"},[_c('div',{staticClass:\"route-name\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignName)+\" \"),_c('a',{attrs:{\"id\":\"opbkRule\"},on:{\"click\":_vm.showRulePopup}},[_c('span',{},[_vm._v(\"活动规则\")]),_c('img',{attrs:{\"src\":\"https://resource.rcclchina.com.cn/RcclHP/icon08.png\"}})])]),_c('div',{staticClass:\"route-ship\"},[_vm._v(\" \"+_vm._s(_vm.campaign.campaignSubTitle)+\" \")])]),_c('div',{staticClass:\"order scroll-container\"},[_c('div',{staticClass:\"order-info\"},[_c('div',{staticClass:\"order-row1\"},[_c('div',{staticClass:\"order-row1-l\"},[(!_vm.campaign.isSendCoupon)?_c('div',{staticClass:\"order-txt1\"},[_vm._v(\"船票预订号：\")]):_vm._e(),(!_vm.campaign.isSendCoupon)?_c('div',{staticClass:\"order-txt2\"},[_vm._v(_vm._s(_vm.pageData.bookingId || '48小时内生成'))]):_vm._e()]),_c('div',{staticClass:\"order-row1-r\"},[_vm._v(\" \"+_vm._s(_vm.statusName)+\" \")])]),_c('div',{staticClass:\"order-line\"})]),_c('div',{staticClass:\"order-passenger\"},[_c('div',{staticClass:\"passenger-name\"},[_c('span',{staticClass:\"cn\"},[_vm._v(_vm._s(_vm.pageData.lastName + _vm.pageData.firstName))]),_c('span',{staticClass:\"en\"},[_vm._v(_vm._s(_vm.pageData.lastNamePinyin + \" \" + _vm.pageData.firstNamePinyin))])]),_c('div',{staticClass:\"passenger-info\"},[_c('div',{staticClass:\"passenger-info-row order-txt4\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.pageData.gender == 'F' ? '女': '男')+\" \")]),_c('p',[_vm._v(_vm._s(_vm.pageData.dateOfBirth))])]),_c('div',{staticClass:\"passenger-info-row order-txt4\"},[_c('p',[_vm._v(_vm._s(_vm.pageData.telephone))]),_c('p',[_vm._v(_vm._s(_vm.pageData.email))])])]),_c('div',{staticClass:\"order-line\"})]),_c('div',{staticClass:\"order-summary\"},[(_vm.isSendGift)?_c('div',{staticClass:\"openbooking-gift\",on:{\"click\":function($event){$event.preventDefault();return _vm.goToGift.apply(null, arguments)}}},[_vm._v(\" 查看礼品 \")]):_vm._e(),_c('div',{staticClass:\"order-summary-row\"},[_c('div',{staticClass:\"order-summary-row-l\"},[_vm._v(\"订金合计\")]),_c('div',{staticClass:\"order-summary-row-r\"},[_c('span',[_vm._v(\"¥\")]),_vm._v(_vm._s(_vm.pageData.amount))])])])]),(_vm.pageData.openBookingStatus > 0)?_c('div',{staticClass:\"pay-shorex scroll-container\"},[_c('div',{staticClass:\"shorex-service\"},[_vm._m(0),_c('div',{staticClass:\"shorex-intro\"},[_c('div',{staticClass:\"per-title\"}),_c('div',{staticClass:\"sub-title\"}),_c('div',{staticClass:\"sh\"},[_c('div'),_c('div',{staticClass:\"desc\",domProps:{\"innerHTML\":_vm._s(_vm.campaign.campaignDescription)}})])])])]):_vm._e()]),(_vm.pageData.openBookingStatus == 0&&!_vm.isExpired)?_c('div',{staticClass:\"toPay-m\"},[_c('div',{staticClass:\"toPay-m-l\"},[_vm._m(1),_c('div',{staticClass:\"toPay-m-price\"},[_vm._v(\" \"+_vm._s(_vm.pageData.amount)+\" \")])]),_c('router-link',{staticClass:\"toPay-m-r external\",attrs:{\"to\":_vm.paymentLink}},[_vm._v(\"立即支付\")])],1):_vm._e(),_c('OpenBookingRulePopup',{attrs:{\"isShow\":_vm.isShowRulePopup,\"onGoBack\":_vm.closeRulePopup,\"rule\":_vm.rule}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pay-rule-item\"},[_c('div',{staticClass:\"pay-rule-item-line\"}),_c('p',[_vm._v(\"温馨提醒\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"toPay-m-txt\"},[_vm._v(\"应付总计\"),_c('span',{staticClass:\"unit\"},[_vm._v(\"￥\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"\" id=\"openBookingDetail\">\r\n            <div class=\"route-info scroll-container\">\r\n                <div class=\"route-name\">\r\n                    {{campaign.campaignName}}\r\n                    <a id=\"opbkRule\" @click=\"showRulePopup\"><span class=\"\">活动规则</span><img src=\"https://resource.rcclchina.com.cn/RcclHP/icon08.png\"></a>\r\n                </div>\r\n                <div class=\"route-ship\">\r\n                    {{campaign.campaignSubTitle}}\r\n                </div>\r\n            </div>\r\n            <div class=\"order scroll-container\">\r\n                <div class=\"order-info\">\r\n                    <div class=\"order-row1\">\r\n                        <div class=\"order-row1-l\">\r\n                            <div class=\"order-txt1\" v-if=\"!campaign.isSendCoupon\">船票预订号：</div>\r\n                            <div class=\"order-txt2\" v-if=\"!campaign.isSendCoupon\">{{pageData.bookingId || '48小时内生成' }}</div>\r\n                        </div>\r\n                        <div class=\"order-row1-r\">\r\n                            {{statusName}}\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"order-line\"></div>\r\n                </div>\r\n\r\n                <div class=\"order-passenger\">\r\n                    <div class=\"passenger-name\">\r\n                        <span class=\"cn\">{{pageData.lastName + pageData.firstName}}</span>\r\n\r\n                        <span class=\"en\">{{pageData.lastNamePinyin + \" \" + pageData.firstNamePinyin}}</span>\r\n                    </div>\r\n                    <div class=\"passenger-info\">\r\n                        <div class=\"passenger-info-row order-txt4\">\r\n                            <p>\r\n                                {{pageData.gender == 'F' ? '女': '男'}}\r\n                            </p>\r\n                            <p>{{pageData.dateOfBirth}}</p>\r\n                        </div>\r\n                        <div class=\"passenger-info-row order-txt4\">\r\n                            <p>{{pageData.telephone}}</p>\r\n                            <p>{{pageData.email}}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"order-line\"></div>\r\n                </div>\r\n                <div class=\"order-summary\">\r\n                    <div class=\"openbooking-gift\" v-if=\"isSendGift\" @click.prevent=\"goToGift\">\r\n                        查看礼品\r\n                    </div>\r\n                    <div class=\"order-summary-row\">\r\n                        <div class=\"order-summary-row-l\">订金合计</div>\r\n                        <div class=\"order-summary-row-r\"><span>¥</span>{{pageData.amount}}</div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"pay-shorex scroll-container\" v-if=\"pageData.openBookingStatus > 0\">\r\n                <div class=\"shorex-service\">\r\n                    <div class=\"pay-rule-item\">\r\n                        <div class=\"pay-rule-item-line\"></div>\r\n                        <p>温馨提醒</p>\r\n                    </div>\r\n                    <div class=\"shorex-intro\">\r\n                        <div class=\"per-title\"></div>\r\n                        <div class=\"sub-title\"></div>\r\n                        <div class=\"sh\">\r\n                            <div></div>\r\n                            <div class=\"desc\" v-html=\"campaign.campaignDescription\">\r\n                                \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"toPay-m\" v-if=\"pageData.openBookingStatus == 0&&!isExpired\">\r\n            <div class=\"toPay-m-l\">\r\n                <div class=\"toPay-m-txt\">应付总计<span class=\"unit\">￥</span></div>\r\n                <div class=\"toPay-m-price\">\r\n                    {{pageData.amount}}\r\n                </div>\r\n            </div>\r\n            <router-link :to=\"paymentLink\" class=\"toPay-m-r external\">立即支付</router-link>\r\n        </div>\r\n\r\n        <OpenBookingRulePopup \r\n            :isShow=\"isShowRulePopup\"\r\n            :onGoBack=\"closeRulePopup\"\r\n            :rule=\"rule\"\r\n        />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport api from '@/api'\r\nconst OpenBookingRulePopup = () => import ('@/components/Booking/OpenBookingRulePopup')\r\nexport default {\r\n    name: \"OpenBookingDetail\",\r\n    components: {\r\n        OpenBookingRulePopup\r\n    },\r\n    data () {\r\n        return {\r\n            pageData: {},\r\n            isShowRulePopup: false\r\n        }\r\n    },\r\n    beforeMount() {\r\n        this.$store.commit('SET_PAGE_TITLE', '订单详情')\r\n        this.initPage()\r\n        window.onpopstate = () => {\r\n            if (this.isShowRulePopup) {\r\n                this.closeRulePopup()\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: true})\r\n    },\r\n    beforeDestroy () {\r\n        this.$store.dispatch('HIDE_HEADER_BAR', { isHideHeader: false, isHideFooter: false})\r\n        window.onpopstate = () => {}\r\n    },\r\n    methods: {\r\n        async initPage () {\r\n            const userToken = this.$store.state.user.userToken\r\n            if (!userToken || userToken.length == 0) {\r\n                return this.$router.push({ name: 'Login', query:{ \r\n                    returnUrl: encodeURIComponent(location.href)\r\n                }})\r\n            }\r\n\r\n            const query = this.$router.currentRoute.query\r\n            if (!query || !query.orderId || query.orderId == '') {\r\n                return this.$router.push({ name: 'BookingList' })\r\n            }\r\n\r\n            const { success, data } = await api.booking.openBookingDetail({\r\n                orderId: query.orderId,\r\n                userName: userToken\r\n            })\r\n            if (!success) {\r\n                return this.$router.push({ name: 'BookingList' })\r\n            }\r\n            this.pageData = data\r\n        },\r\n        showRulePopup () {\r\n            this.isShowRulePopup = true\r\n            this.showPopup()\r\n        },\r\n        closeRulePopup () {\r\n            this.isShowRulePopup = false\r\n        },\r\n        showPopup() {\r\n            history.pushState({ page: 'openBookingDetail' }, null);\r\n        },\r\n        goToGift () {\r\n            location.href = this.giftLink\r\n        }\r\n    },\r\n    computed: {\r\n        paymentLink () {\r\n            return { name: 'OpenBookingPay', query: { orderId: this.pageData.orderId} }\r\n        },\r\n        campaign () {\r\n            return this.pageData.campaign || {}\r\n        },\r\n        rule () {\r\n            if (!this.campaign.campaignTerms) return \"\"\r\n            return this.campaign.campaignTerms\r\n        },\r\n        statusName () {\r\n            if (this.pageData.openBookingStatus == 0) {\r\n                return \"未付款\"\r\n            } else if (this.pageData.openBookingStatus == 10) {\r\n                return \"已付款\"\r\n            } else if (this.pageData.openBookingStatus == 20) {\r\n                return \"已取消\"\r\n            } else if (this.pageData.openBookingStatus == 25) {\r\n                return \"已使用\"\r\n            }\r\n            return \"\"\r\n        },\r\n        isExpired () {\r\n            const openBookingEndDate = new Date(this.campaign.endDate.trim().substr(0,10))\r\n            return openBookingEndDate < (new Date())\r\n        },\r\n        isSendGift () {\r\n            return this.pageData.openBookingSendGift\r\n        },\r\n        giftLink () {\r\n            const giftLink = `${process.env.VUE_APP_REWARD_URL}/reward/member/shop/gift`\r\n            if (this.userInfo && this.userInfo.userIdentity == 1) {\r\n                return `${giftLink}?token=${this.userInfo.localRewardToken}`\r\n            } else {\r\n                return `/Rccl.UserCenter/CustomerInfo/SignupReward?returnUrl=${encodeURIComponent(giftLink)}`\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n#openBookingDetail {\r\n    background: #F6F7F8;\r\n    padding: 0px 0 50px 0;\r\n    .route-info {\r\n        margin-bottom: 10px;\r\n        padding: 16px 20px 12px;\r\n        background-color: #fff;\r\n        .route-name {\r\n            padding-bottom: 5px;\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            color: #333;\r\n            font-weight: bold;\r\n            #opbkRule {\r\n                color: #4A90E2;\r\n                font-size: 12px;\r\n                font-weight: normal;\r\n                position: relative;\r\n                top: -1px;\r\n                span, img {\r\n                    vertical-align: middle;\r\n                }\r\n                img {\r\n                    width: 12px;\r\n                }\r\n            }\r\n        }\r\n        .route-ship {\r\n            font-size: 12px;\r\n            line-height: 16px;\r\n            color: #666;\r\n        }\r\n    }\r\n    .order {\r\n        width: 355px;\r\n        margin: 0 auto 10px;\r\n        padding: 0 10px;\r\n        border-radius: 5px;\r\n        background-color: #fff;\r\n        border: 1px solid #FEBC10;\r\n        border-top: 5px solid #FEBC10;\r\n        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\r\n        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);\r\n        .order-info {\r\n            padding-top: 18px;\r\n            .order-row1 {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                .order-row1-l {\r\n                    -webkit-box-flex: 1;\r\n                    -webkit-flex: 1;\r\n                    -moz-box-flex: 1;\r\n                    -ms-flex: 1;\r\n                    flex: 1;\r\n                    display: -webkit-box;\r\n                    display: -webkit-flex;\r\n                    display: -moz-box;\r\n                    display: -ms-flexbox;\r\n                    display: flex;\r\n                    .order-txt1 {\r\n                        font-size: 14px;\r\n                        line-height: 22px;\r\n                        color: #4A90E2;\r\n                        font-weight: bold;\r\n                    }\r\n                    .order-txt2 {\r\n                        font-size: 14px;\r\n                        line-height: 22px;\r\n                        color: #151515;\r\n                        font-weight: bold;\r\n                    }\r\n                }\r\n                .order-row1-r {\r\n                    font-size: 12px;\r\n                    line-height: 22px;\r\n                    color: #4A90E2;\r\n                }\r\n            }\r\n            .order-line {\r\n                margin-top: 8px;\r\n            }\r\n        }\r\n        .order-passenger {\r\n            padding-top: 16px;\r\n            .passenger-name {\r\n                padding-bottom: 7px;\r\n                font-size: 14px;\r\n                line-height: 20px;\r\n                color: #333;\r\n                font-weight: bold;\r\n                .cn {\r\n                    display: inline-block;\r\n                    margin-right: 20px;\r\n                }\r\n            }\r\n            .passenger-info {\r\n                padding-bottom: 7px;\r\n                .passenger-info-row {\r\n                    display: -webkit-box;\r\n                    display: -webkit-flex;\r\n                    display: -moz-box;\r\n                    display: -ms-flexbox;\r\n                    display: flex;\r\n                    padding-bottom: 8px;\r\n                     p {\r\n                        margin: 0 12px 0 0;\r\n                        padding-right: 12px;\r\n                        border-right: 1px solid #999;\r\n                    }\r\n                    p:last-child {\r\n                        margin: 0;\r\n                        padding-right: 0;\r\n                        border-right: none;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .order-summary {\r\n            padding-top: 19px;\r\n            padding-bottom: 28px;\r\n            position: relative;\r\n            .order-summary-row {\r\n                display: -webkit-box;\r\n                display: -webkit-flex;\r\n                display: -moz-box;\r\n                display: -ms-flexbox;\r\n                display: flex;\r\n                -webkit-box-pack: end;\r\n                -webkit-justify-content: flex-end;\r\n                -moz-box-pack: end;\r\n                -ms-flex-pack: end;\r\n                justify-content: flex-end;\r\n                padding-bottom: 8px;\r\n                font-weight: bold;\r\n                .order-summary-row-l {\r\n                    margin-right: 5px;\r\n                    font-size: 14px;\r\n                    line-height: 20px;\r\n                    color: #333;\r\n                }\r\n                .order-summary-row-r {\r\n                    font-size: 15px;\r\n                    line-height: 20px;\r\n                    color: #FF5055;\r\n                    span {\r\n                        display: inline-block;\r\n                        margin-right: 3px;\r\n                        font-size: 15px;\r\n                    }\r\n                }\r\n            }\r\n            .openbooking-gift {\r\n                position: absolute;\r\n                font-size: 12px;\r\n                color: #4A90E2;\r\n                top: 21px;\r\n                font-weight: 700;\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n    }\r\n    .order-line {\r\n        width: 100%;\r\n        height: 1px;\r\n        background: url(https://resource.rcclchina.com.cn/paySuccess/order-line.png) repeat-x;\r\n        -webkit-background-size: auto 100%;\r\n        -o-background-size: auto 100%;\r\n        background-size: auto 100%;\r\n    }\r\n\r\n    .order-txt4 {\r\n        font-size: 12px;\r\n        line-height: 1;\r\n        color: #666;\r\n    }\r\n\r\n    .shorex-service {\r\n        background: #fff;\r\n        padding: 17px 0 20px;\r\n        margin-bottom: 10px;\r\n        .pay-rule-item {\r\n            display: flex;\r\n            align-items: center;\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            .pay-rule-item-line {\r\n                width: 3px;\r\n                height: 12px;\r\n                margin-right: 6px;\r\n                background-color: #4A90E2;\r\n                p {\r\n                    font-weight: bold;\r\n                    margin: 0;\r\n                }\r\n            }\r\n           \r\n        }\r\n         .shorex-intro {\r\n            padding: 0px 16px 0 28px;\r\n            font-size: 12px;\r\n            .per-title {\r\n                color: #333;\r\n                font-weight: bold;\r\n            }\r\n            .sub-title {\r\n                color: #666;\r\n            }\r\n            .sh {\r\n                display: flex;\r\n                color: #666;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.toPay-m {\r\n    position: fixed;\r\n    left: 0;\r\n    bottom: 0;\r\n    z-index: 10100;\r\n    display: -webkit-box;\r\n    display: -webkit-flex;\r\n    display: -moz-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    width: 100%;\r\n    height: 49px;\r\n    .toPay-m-l {\r\n        -webkit-box-flex: 0;\r\n        -webkit-flex: none;\r\n        -moz-box-flex: 0;\r\n        -ms-flex: none;\r\n        flex: none;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        width: 253px;\r\n        padding: 0 20px;\r\n        background-color: #4A90E2;\r\n        color: #fff;\r\n        .toPay-m-txt {\r\n            font-size: 14px;\r\n            line-height: 20px;\r\n            .unit {\r\n                font-size: 12px;\r\n                line-height: 20px;\r\n            }\r\n        }\r\n        .toPay-m-price {\r\n            font-size: 18px;\r\n            line-height: 25px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    .toPay-m-r {\r\n        -webkit-box-flex: 1;\r\n        -webkit-flex: 1;\r\n        -moz-box-flex: 1;\r\n        -ms-flex: 1;\r\n        flex: 1;\r\n        display: -webkit-box;\r\n        display: -webkit-flex;\r\n        display: -moz-box;\r\n        display: -ms-flexbox;\r\n        display: flex;\r\n        -webkit-box-pack: center;\r\n        -webkit-justify-content: center;\r\n        -moz-box-pack: center;\r\n        -ms-flex-pack: center;\r\n        justify-content: center;\r\n        -webkit-box-align: center;\r\n        -webkit-align-items: center;\r\n        -moz-box-align: center;\r\n        -ms-flex-align: center;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        color: #454545;\r\n        letter-spacing: 1px;\r\n        font-weight: bold;\r\n        background: -webkit-gradient(linear, left top, right top, from(#FEBC10), to(#FAD961));\r\n        background: -webkit-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -moz-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: -o-linear-gradient(left, #FEBC10, #FAD961);\r\n        background: linear-gradient(to right, #FEBC10, #FAD961);\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!./OpenBookingDetail.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!./OpenBookingDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OpenBookingDetail.vue?vue&type=template&id=aff0e60e&scoped=true\"\nimport script from \"./OpenBookingDetail.vue?vue&type=script&lang=js\"\nexport * from \"./OpenBookingDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./OpenBookingDetail.vue?vue&type=style&index=0&id=aff0e60e&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  \"aff0e60e\",\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!./OpenBookingDetail.vue?vue&type=style&index=0&id=aff0e60e&prod&lang=less&scoped=true\""],"sourceRoot":""}