{"version":3,"sources":["webpack:///./src/views/Booking/OpenBookingDetail.vue?6177","webpack:///src/views/Booking/OpenBookingDetail.vue","webpack:///./src/views/Booking/OpenBookingDetail.vue?b7e7","webpack:///./src/views/Booking/OpenBookingDetail.vue","webpack:///./src/views/Booking/OpenBookingDetail.vue?1a7f"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","campaign","campaignName","on","showRulePopup","campaignSubTitle","isSendCoupon","_e","pageData","bookingId","statusName","lastName","firstName","lastNamePinyin","firstNamePinyin","gender","dateOfBirth","telephone","email","$event","preventDefault","goToGift","amount","openBookingStatus","_m","domProps","campaignDescription","isExpired","paymentLink","isShowRulePopup","closeRulePopup","rule","staticRenderFns","returnUrl","encodeURIComponent","location","href","component"],"mappings":"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","file":"js/chunk-4baa1e84.5efb6c4b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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($event)}}},[_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)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pay-rule-item\"},[_c('div',{staticClass:\"pay-rule-item-line\"}),_c('p',[_vm._v(\"温馨提醒\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"toPay-m-txt\"},[_vm._v(\"应付总计\"),_c('span',{staticClass:\"unit\"},[_vm._v(\"￥\")])])}]\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=69ee08fc&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=69ee08fc&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  \"69ee08fc\",\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!./OpenBookingDetail.vue?vue&type=style&index=0&id=69ee08fc&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!./OpenBookingDetail.vue?vue&type=style&index=0&id=69ee08fc&lang=less&scoped=true&\""],"sourceRoot":""}